<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.vko29.com" class="hidden">365体育投注</a>
<a href="http://psweae.acumerusa.com" class="hidden">9211网页游戏平台</a>
<a href="http://www.nbzhiai.com" class="hidden">Crown-Sports-official-website-customerservice@nbzhiai.com</a>
<a href="http://www.w-catering.com" class="hidden">2024欧洲杯竞猜</a>
<a href="http://www.xqykl.net" class="hidden">体育平台</a>
<a href="http://uwuycr.nmyixin.com" class="hidden">平安信托</a>
<a href="http://www.lsxythnjy.com" class="hidden">Crown-football-feedback@lsxythnjy.com</a>
<a href="http://web-sitemap.madsoluciones.com" class="hidden">EUI </a>
<a href="http://www.smxjjl.com" class="hidden">Sports-in-Sabah-service@smxjjl.com</a>
<a href="http://ujwyzy.dbctl.com" class="hidden">游一游网页游戏</a>
<a href="http://huazhengzhuanji.com" class="hidden">中国建设银行外汇频道</a>
<a href="http://www.ruansaen.com" class="hidden">Sun-City-info@ruansaen.com</a>
<a href="http://www.najwc.com" class="hidden">威尼斯人博彩</a>
<a href="http://www.at-funeral.com" class="hidden">欧洲杯买球平台</a>
<a href="http://www.vko29.com" class="hidden">365体育</a>
<a href="http://www.babyfeedingshop.com" class="hidden">欧洲杯买球</a>
<a href="http://www.rf518.com" class="hidden">体育博彩平台排名</a>
<a href="http://myolrf.liuyang1999.com" class="hidden">菲尼克斯电气</a>
<a href="http://www.lhjcmaigaiti.com" class="hidden">Sun-City-entertainment-City-sales@lhjcmaigaiti.com</a>
<a href="http://voogig.cn7pao.com" class="hidden">365商城资讯导购频道</a>
<a href="https://stock.adobe.com/search?k=✔️最新网址：ad22.net✔️冰球突破游戏网站（中国）有限公司.uzf" class="hidden">合肥中考网</a>
<a href="https://m.facebook.com/public/靠谱电子游戏网站-维基百科✔️最新网址：ad22.net✔️靠谱电子游戏网站-维基百科✔️最新网址：ad22.net✔️" class="hidden">烟台齐鲁网</a>
<a href="https://tw.dictionary.yahoo.com/dictionary?p=科普一下正规的足球竞彩推荐的百科✔️最新网址：la55.net✔️" class="hidden">平原智能</a>
<a href="https://acrmc.com/search/✔️网址：la666.net✔️真人威尼斯官网（中国）有限公司✔️网址：la666.net✔️真人威尼斯官网（中国）有限公司.qyf" class="hidden">信阳电视网</a>
<a href="https://stock.adobe.com/search?k=✔️最新网址：ad22.net✔️澳门皇冠app（中国）有限公司" class="hidden">联易互动</a>
<a href="https://acrmc.com/search/✔️最新网址：ad22.net✔️沙巴体育最新版平台介绍✔️最新网址：ad22.net✔️沙巴体育最新版平台介绍.iyu" class="hidden">中国▪庐江</a>
<a href="https://m.facebook.com/public/✔️最新网址：ad22.net✔️ag捕鱼王在线app下载平台介绍" class="hidden">搜索引擎大全</a>
<a href="https://es-la.facebook.com/public/e世博国际娱乐官网网址（中国）有限公司✔️网址：ad11.net✔️e世博国际娱乐官网网址（中国）有限公司✔️网址：ad11.net✔️.niy" class="hidden">安利股份</a>
<a href="https://m.facebook.com/public/✔️网址：ad11.net✔️科普一下手机版app首页的百科✔️网址：ad11.net✔️科普一下手机版app首页的百科" class="hidden">中国抚远</a>
<a href="https://tw.dictionary.yahoo.com/dictionary?p=✔️网址：ad11.net✔️科普一下推荐全球十大网赌正规平台的百科✔️网址：ad11.net✔️科普一下推荐全球十大网赌正规平台的百科.zjj" class="hidden">HitFM粉丝网</a>
<a href="/sttcs/hot-news/improvability.html" class="hidden">回车桌面</a>
<a href="/cn/tmpqtz-476784" class="hidden">中国台风网</a>
<a href="/cn/qcuxvv-202342" class="hidden">我爱读电子书</a>
<a href="/cn/btnske-948316" class="hidden">华杨减肥网</a>
<a href="/CN/mkpzfy-191504.html" class="hidden">新东方托福</a>
</body></html>