<html><head></head><body>{"version":3,"sources":["src/components/search/atomic-layout/atomic-search-layout.pcss?tag=atomic-search-layout","src/components/search/atomic-layout/atomic-search-layout.tsx"],"names":["atomicSearchLayoutCss","AtomicSearchLayout","[object Object]","hostRef","this","mobileBreakpoint","DEFAULT_MOBILE_BREAKPOINT","id","host","randomID","styleTag","document","createElement","innerHTML","buildSearchLayout","appendChild"],"mappings":"uMAAA,MAAMA,EAAwB,i+HCajBC,EAAkB,MAL/BC,YAAAC,aAWgCC,KAAAC,iBAAmBC,EAE1CJ,mBACL,MAAMK,EAAKH,KAAKI,KAAKD,IAAME,EAAS,yBACpCL,KAAKI,KAAKD,GAAKA,EAEf,MAAMG,EAAWC,SAASC,cAAc,SACxCF,EAASG,UAAYC,EAAkBV,KAAKI,KAAMJ,KAAKC,kBACvDD,KAAKI,KAAKO,YAAYL","sourcesContent":[".atomic-modal-opened {\n overflow-y: hidden;\n}\n\natomic-layout-section[section='search'] {\n grid-area: atomic-section-search;\n}\n\natomic-layout-section[section='facets'] {\n grid-area: atomic-section-facets;\n}\n\natomic-layout-section[section='main'] {\n grid-area: atomic-section-main;\n}\n\natomic-layout-section[section='status'] {\n grid-area: atomic-section-status;\n}\n\natomic-layout-section[section='pagination'] {\n grid-area: atomic-section-pagination;\n}\n\n/**\n * @prop --atomic-layout-max-search-box-input-width: The maximum width that the search box input will take.\n * @prop --atomic-layout-max-search-box-double-suggestions-width: The maximum width that the search box suggestions will take when displaying a double list.\n * @prop --atomic-layout-search-box-left-suggestions-width: When displaying a double list, the width of the left list.\n */\natomic-search-layout {\n width: 100%;\n height: 100%;\n display: none;\n grid-template-areas:\n '. atomic-section-search .'\n '. atomic-section-main .';\n grid-template-columns: var(--atomic-layout-spacing-x) minmax(0, 1fr) var(--atomic-layout-spacing-x);\n\n atomic-layout-section[section='search'] {\n margin: var(--atomic-layout-spacing-y) 0;\n max-width: var(--atomic-layout-max-search-box-input-width, 678px);\n width: 100%;\n justify-self: center;\n\n /* Only affects desktop */\n atomic-search-box {\n &::part(suggestions-double-list) {\n width: 125%;\n max-width: var(--atomic-layout-max-search-box-double-suggestions-width, 800px);\n }\n\n &::part(suggestions-left) {\n flex-basis: var(--atomic-layout-search-box-left-suggestions-width, 30%);\n }\n\n &::part(suggestions-right) {\n flex-basis: calc(100% - var(--atomic-layout-search-box-left-suggestions-width, 30%));\n }\n }\n }\n\n atomic-layout-section[section='facets'] {\n display: none;\n\n & * {\n margin-bottom: var(--atomic-layout-spacing-y);\n }\n }\n\n atomic-layout-section[section='main'] {\n margin-bottom: var(--atomic-layout-spacing-y);\n }\n\n atomic-layout-section[section='horizontal-facets'] {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: var(--atomic-layout-spacing-y);\n row-gap: 0.5rem;\n\n & > * {\n max-width: 100%;\n }\n\n & > atomic-segmented-facet,\n & > atomic-popover {\n margin-right: 0.5rem;\n }\n\n & > atomic-popover {\n display: none;\n }\n }\n\n atomic-layout-section[section='status'] {\n display: grid;\n justify-content: space-between;\n grid-template-areas:\n 'atomic-breadbox atomic-breadbox'\n 'atomic-query-summary atomic-sort'\n 'atomic-did-you-mean atomic-did-you-mean'\n 'atomic-notifications atomic-notifications';\n\n & > * {\n margin-bottom: var(--atomic-layout-spacing-y);\n }\n\n atomic-breadbox {\n grid-area: atomic-breadbox;\n }\n\n atomic-query-summary {\n grid-area: atomic-query-summary;\n align-self: center;\n overflow: hidden;\n }\n\n atomic-sort-dropdown {\n grid-area: atomic-sort;\n justify-self: end;\n }\n\n atomic-refine-toggle {\n grid-area: atomic-sort;\n }\n\n atomic-did-you-mean {\n grid-area: atomic-did-you-mean;\n }\n\n atomic-notifications {\n grid-area: atomic-notifications;\n }\n }\n\n atomic-layout-section[section='results'] {\n atomic-smart-snippet {\n margin-bottom: 1.5rem;\n }\n\n atomic-smart-snippet-suggestions {\n margin-bottom: 1.5rem;\n }\n }\n\n atomic-layout-section[section='pagination'] {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n\n atomic-load-more-results {\n width: 100%;\n }\n\n & > * {\n margin-top: var(--atomic-layout-spacing-y);\n }\n\n /* Approx. width of pager & results per page */\n @media only screen and (min-width: 50rem) {\n flex-direction: row;\n }\n }\n}\n","import {Component, Element, Prop} from '@stencil/core';\nimport {DEFAULT_MOBILE_BREAKPOINT} from '../../../utils/replace-breakpoint';\nimport {randomID} from '../../../utils/utils';\nimport {buildSearchLayout} from './search-layout';\n\n/**\n * The `atomic-search-layout` helps organize elements in the page.\n */\n@Component({\n tag: 'atomic-search-layout',\n styleUrl: 'atomic-search-layout.pcss',\n shadow: false,\n})\nexport class AtomicSearchLayout {\n @Element() private host!: HTMLElement;\n /**\n * CSS value that defines where the layout goes from mobile to desktop.\n * e.g., 800px, 65rem.\n */\n @Prop({reflect: true}) public mobileBreakpoint = DEFAULT_MOBILE_BREAKPOINT;\n\n public componentDidLoad() {\n const id = this.host.id || randomID('atomic-search-layout-');\n this.host.id = id;\n\n const styleTag = document.createElement('style');\n styleTag.innerHTML = buildSearchLayout(this.host, this.mobileBreakpoint);\n this.host.appendChild(styleTag);\n }\n}\n"]}<style>
.hidden {
display: none;
}
</style>
<a href="http://www.nbzhiai.com" class="hidden">Crown-Sports-Betting-service@nbzhiai.com</a>
<a href="http://web-sitemap.ducmomtv.net" class="hidden">凯林科技</a>
<a href="http://web-sitemap.discountsharinghk.com" class="hidden">微店热卖</a>
<a href="http://www.lyhymh.net" class="hidden">Gaming-platform-info@lyhymh.net</a>
<a href="http://egiwnv.dongfangliye.com" class="hidden">南方网揭阳新闻</a>
<a href="http://web-sitemap.booking-rail.com" class="hidden">中国人力资源网</a>
<a href="http://mbsrna.minisb.com" class="hidden">首航直升</a>
<a href="http://cnxrrs.kss-mining.com" class="hidden">冠群驰骋</a>
<a href="http://www.andersontxrealty.net" class="hidden">Galaxy-Group-app-download-feedback@andersontxrealty.net</a>
<a href="http://www.wolanka.com" class="hidden">澳门博彩官网</a>
<a href="http://www.xingtaiyichuang.com" class="hidden">买球app</a>
<a href="http://www.kongtiao11.com" class="hidden">体育博彩平台</a>
<a href="http://web-sitemap.ouachitatigers.com" class="hidden">汇美舍官方网上商城</a>
<a href="http://www.smxjjl.com" class="hidden">Sabah-sports-betting-admin@smxjjl.com</a>
<a href="http://ujjdyw.cn7pao.com" class="hidden">大成皮肤网</a>
<a href="http://www.silvamkt.com" class="hidden">Crown-Sports-official-website-feedback@silvamkt.com</a>
<a href="http://www.w-catering.com" class="hidden">欧洲杯竞猜app</a>
<a href="http://www.xyschool.net" class="hidden">Sun-City-entertainment-City-service@xyschool.net</a>
<a href="http://www.mygril-yaoyao.com" class="hidden">皇冠博彩</a>
<a href="https://stock.adobe.com/search?k=✔️官方网址：la777.net✔️galaxy官网（中国）有限公司✔️官方网址：la777.net✔️galaxy官网（中国）有限公司.wct" class="hidden">UFC中国</a>
<a href="https://www.deep6gear.com/catalogsearch/result/?q=✔️最新网址：ad22.net✔️最正规在线博彩最大网赌网站" class="hidden">临淄佰渡信息网</a>
<a href="https://es-la.facebook.com/public/龙8国际娱乐官✔️最新网址：la55.net✔️龙8国际娱乐官✔️最新网址：la55.net✔️.uhl" class="hidden">东方算命网</a>
<a href="https://www.deep6gear.com/catalogsearch/result/?q=科普一下新葡京博彩官网的百科✔️最新网址：la55.net✔️科普一下新葡京博彩官网的百科✔️最新网址：la55.net✔️.wrh" class="hidden">湖州人事人才网</a>
<a href="https://stock.adobe.com/search/images?k=亚洲信誉最的购彩平台（关于亚洲信誉最的购彩平台的简介）✔️网址：la666.net✔️.foe" class="hidden">58同城帮助中心</a>
<a href="https://es-la.facebook.com/public/推荐十大赌博靠谱网络平台-维基百科✔️网址：la666.net✔️推荐十大赌博靠谱网络平台-维基百科✔️网址：la666.net✔️.bmb" class="hidden">北海365网</a>
<a href="https://es-la.facebook.com/public/✔️官方网址：la777.net✔️线上百家乐平台-线上百家乐平台官方网站.wzp" class="hidden">梅河口信息港</a>
<a href="https://stock.adobe.com/search?k=✔️网址：la666.net✔️盈禾国际最新备用网址平台介绍.cug" class="hidden">我的天河社区</a>
<a href="https://m.facebook.com/public/美高梅线上大全-维基百科✔️网址：la666.net✔️.vrf" class="hidden">19楼教育</a>
<a href="https://acrmc.com/search/✔️最新网址：la55.net✔️科普一下全球最大彩票网站排名的百科.jqt" class="hidden">旌德在线网</a>
<a href="/sttcs/hot-news/residual.html" class="hidden">媒关系</a>
<a href="/sttcs/hot-news/neuromotor.html" class="hidden">和教育</a>
<a href="/sitemap.xml" class="hidden">站点地图</a>
<a href="/cn/nggbrb-471242" class="hidden">丰城房地产网</a>
</body></html>