{"version":3,"file":"22.ALDta9Ku.js","sources":["../../../../../../src/lib/components/common/search/HeroSearch.svelte","../../../../../../src/routes/[lang]/catalogsearch/result/+page.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import Lazy from 'svelte-lazy';\n  import { page } from '$app/stores';\n  import { t } from 'svelte-i18n-lingui';\n\n  let uClass = ''\n</script>\n\n\n<div class=\"hero-search {uClass}\">\n  <div class=\"hero-search__inner\">\n    <Lazy height={20}>\n      <img src=\"/images/bg-brand.jpg\" alt=\"Search background\" title=\"Search background\">\n    </Lazy>\n\n    <div class=\"hero-search__content\">\n      <div class=\"container\">\n        <div class=\"hero-search__content__inner\">\n          <h1 class=\"head-3\">{$t`Search results for:`}  <span>{$page.url.searchParams.get(\"q\")}</span></h1>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n<style lang=\"scss\">\n  .hero-search {\n    position: relative;\n    margin-bottom: 40px;\n\n    img {\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    &__content {\n      position: relative;\n\n      &__inner {\n        padding: 30px 0;\n\n        h1, p {\n          line-height: 1.2;\n\n          span {\n            display: inline-block;\n            font-weight: 400;\n            word-break: break-word;\n          }\n        }\n      }\n    }\n  }\n</style>\n","<script lang=\"ts\">\n\timport Filters from '$lib/components/category/Filters.svelte'\n\timport CategoryProducts from '$lib/components/category/CategoryProducts.svelte'\n\timport SortItems from '$lib/components/common/SortItems.svelte'\n\timport HeroSearch from '$lib/components/common/search/HeroSearch.svelte'\n\timport IntersectionObserver from 'svelte-intersection-observer'\n\timport { getMoreSearchProducts, loadMoreProducts } from '$lib/js/products'\n\timport { page } from '$app/stores'\n\timport { storeCurrentPage, storeMaxPrice, storeNextPageURL, storeSearchedText } from '$lib/js/stores'\n\timport { onMount } from 'svelte'\n\timport { afterNavigate } from '$app/navigation'\n\timport { t } from 'svelte-i18n-lingui'\n\timport type { BaseProduct, FullProduct, ProductQueryOptions } from '$lib/js/elasticsearch/types'\n\timport { getIntSearchParam, orderCategoryResults } from '$lib/js/helpers'\n\timport { registerSearchEvent } from '$lib/js/ga4/events'\n\timport { getBrandsParam, getCatsParam } from '$lib/js/helpers/handlers'\n\timport { getContextScope } from '$lib/js/helpers/i18n'\n\n\t$: $storeSearchedText = $page.url.searchParams.get('q') || ''\n\n\tlet products: (BaseProduct | FullProduct)[] = $page.data.products\n\n\tconst scope = getContextScope(),\n\t\tendpoint = 'search'\n\n\tafterNavigate(() => {\n\t\tproducts = $page.data.products\n\t})\n\n\tonMount(() => {\n\t\t$storeMaxPrice = parseInt(($page.data.max_price.value * 1.21 + 1).toFixed(0))\n\n\t\tregisterSearchEvent($storeSearchedText)\n\t})\n\n\t/* Infinite scroll */\n\tlet elementOnce: HTMLElement\n\n\t/* Order & filter products */\n\tlet options: ProductQueryOptions & { search_text?: string } = {\n\t\tstart: getIntSearchParam($page.url, 'p', 1),\n\t\tsort: orderCategoryResults($page.url.searchParams.get('sort') || 'default'),\n\t\tmin_price: getIntSearchParam($page.url, 'minPrice', 0),\n\t\tmax_price: getIntSearchParam($page.url, 'maxPrice', 200000),\n\t\tsearch_text: $storeSearchedText,\n\t\tbrand_ids: getBrandsParam($page.url, 'brands', $page.data.brands),\n\t\tcat_ids: getCatsParam($page.url, 'cats', $page.data.subcats),\n\t\tcat_id: undefined,\n\t}\n\n\t/* Get results page number */\n\tlet allResults = false\n</script>\n\n<HeroSearch />\n\n{#key $storeSearchedText}\n\t<div class=\"container search\">\n\t\t<div class=\"search__content\">\n\t\t\t<div class=\"category__actions\">\n\t\t\t\t<div class=\"category__actions__block\">\n\t\t\t\t\t<Filters bind:products bind:options {endpoint} />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sort-items__mobile\">\n\t\t\t\t\t<SortItems bind:products bind:options {endpoint} />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"category__products\">\n\t\t\t\t<CategoryProducts bind:products bind:allResults />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<IntersectionObserver\n\t\t\telement={elementOnce}\n\t\t\trootMargin=\"800px\"\n\t\t\ton:observe={async (e) => {\n\t\t\t\tif (e.detail.isIntersecting === true) {\n\t\t\t\t\tawait getMoreSearchProducts(options, {scope: scope}).then((response) => {\n\t\t\t\t\t\tallResults = false\n\n\t\t\t\t\t\tif (response.length === 0) {\n\t\t\t\t\t\t\tallResults = true\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tproducts = loadMoreProducts(products, response)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<div bind:this={elementOnce} />\n\t\t</IntersectionObserver>\n\n\t\t<a href={$storeNextPageURL} style=\"visibility: hidden\">{$t`Page ${$storeCurrentPage + 1}`}</a>\n\t</div>\n{/key}\n\n<style lang=\"scss\">\n  .search {\n    margin-bottom: 60px;\n\n    @media (min-width: 769px) {\n      margin-bottom: 120px;\n    }\n\n    &__content {\n      min-height: 1200px;\n\n      @media (min-width: 769px) {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n      }\n    }\n  }\n\n  .sort-items {\n    &__mobile {\n      @media (min-width: 1025px) {\n        display: none;\n      }\n\n      @media (max-width: 1024px) {\n        margin: 12px 20px 12px 12px;\n      }\n    }\n  }\n\n  .category {\n    &__actions {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n\n      &__block {\n        @media (max-width: 1024px) {\n          flex-grow: 1;\n        }\n        @media (min-width: 1025px) {\n          padding: 17px 21px;\n          box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.12);\n          border-radius: 8px;\n        }\n      }\n\n      @media (max-width: 1024px) {\n        position: fixed;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: #f0f0f0;\n        z-index: 9;\n        box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.12);\n      }\n\n      @media (min-width: 1025px) {\n        position: sticky;\n        top: 140px;\n      }\n    }\n\n    &__products {\n      @media (min-width: 1025px) {\n        width: calc(100% - 330px);\n      }\n    }\n  }\n</style>\n"],"names":["insert_hydration","target","img","anchor","ctx","t3_value","uClass","div4","append_hydration","div3","div2","div1","div0","h1","span","set_data","t1","t1_value","current","dirty","t3","div","div5","a","t4","t4_value","products","$page","scope","getContextScope","endpoint","afterNavigate","$$invalidate","onMount","set_store_value","storeMaxPrice","$storeMaxPrice","registerSearchEvent","$storeSearchedText","elementOnce","options","getIntSearchParam","orderCategoryResults","getBrandsParam","getCatsParam","allResults","$$value","e","getMoreSearchProducts","response","loadMoreProducts","storeSearchedText"],"mappings":"8xDAYMA,EAAiFC,EAAAC,EAAAC,CAAA,4DAMzDC,EAAE,CAAA,uBAAA,SAA+BC,EAAAD,KAAM,IAAI,aAAa,IAAI,GAAG,EAAA,sCAP3E,o1BAFOE,GAAM,iBAAA,UAA/BN,EAcKC,EAAAM,EAAAJ,CAAA,EAbHK,EAYKD,EAAAE,CAAA,qBAPHD,EAMKC,EAAAC,CAAA,EALHF,EAIKE,EAAAC,CAAA,EAHHH,EAEKG,EAAAC,CAAA,EADHJ,EAAgGI,EAAAC,CAAA,gBAAlDL,EAA8CK,EAAAC,CAAA,gGAAxEV,EAAE,CAAA,uBAAA,KAAAW,GAAAC,EAAAC,CAAA,GAA+B,CAAAC,GAAAC,EAAA,IAAAd,KAAAA,EAAAD,KAAM,IAAI,aAAa,IAAI,GAAG,EAAA,KAAAW,GAAAK,EAAAf,CAAA,wFAbvF,IAAAC,GAAS,+OCqFZN,EAA8BC,EAAAoB,EAAAlB,CAAA,2GAGyBC,EAAE,CAAA,SAAQA,EAAiB,CAAA,EAAG,CAAC,GAAA,wqBAnB7EA,EAAW,CAAA,k/BAmBZA,EAAiB,CAAA,CAAA,oFApC3BJ,EAqCKC,EAAAqB,EAAAnB,CAAA,EApCJK,EAaKc,EAAAf,CAAA,EAZJC,EAOKD,EAAAG,CAAA,EANJF,EAEKE,EAAAE,CAAA,qBACLJ,EAEKE,EAAAC,CAAA,qBAGNH,EAEKD,EAAAE,CAAA,wCAuBND,EAA6Fc,EAAAC,CAAA,wXAnBnFnB,EAAW,CAAA,wEAmBmCA,EAAE,CAAA,SAAQA,EAAiB,CAAA,EAAG,CAAC,GAAA,KAAAW,GAAAS,EAAAC,CAAA,yBAA9ErB,EAAiB,CAAA,CAAA,kPArCtBA,EAAkB,CAAA,oMAAlBA,EAAkB,CAAA,CAAA,yVApCnB,IAAAsB,EAA0CC,EAAM,KAAK,SAEnD,MAAAC,EAAQC,KACbC,EAAW,SAEZC,GAAa,IAAA,CACZC,EAAA,EAAAN,EAAWC,EAAM,KAAK,QAAQ,IAG/BM,GAAO,IAAA,CACNC,GAAAC,GAAAC,EAAiB,UAAUT,EAAM,KAAK,UAAU,MAAQ,KAAO,GAAG,QAAQ,CAAC,CAAA,EAAAS,CAAA,EAE3EC,GAAoBC,CAAkB,QAInCC,EAGAC,EAAO,CACV,MAAOC,EAAkBd,EAAM,IAAK,IAAK,CAAC,EAC1C,KAAMe,GAAqBf,EAAM,IAAI,aAAa,IAAI,MAAM,GAAK,SAAS,EAC1E,UAAWc,EAAkBd,EAAM,IAAK,WAAY,CAAC,EACrD,UAAWc,EAAkBd,EAAM,IAAK,WAAY,GAAM,EAC1D,YAAaW,EACb,UAAWK,GAAehB,EAAM,IAAK,SAAUA,EAAM,KAAK,MAAM,EAChE,QAASiB,GAAajB,EAAM,IAAK,OAAQA,EAAM,KAAK,OAAO,EAC3D,OAAQ,QAILkB,EAAa,kMAuCCN,EAAWO,yBAdRC,GAAC,CACfA,EAAE,OAAO,iBAAmB,IACzB,MAAAC,GAAsBR,EAAO,CAAU,MAAAZ,CAAK,CAAG,EAAA,KAAMqB,GAAQ,CAClEjB,EAAA,EAAAa,EAAa,EAAA,EAETI,EAAS,SAAW,EACvBjB,EAAA,EAAAa,EAAa,EAAA,EAEbb,EAAA,EAAAN,EAAWwB,GAAiBxB,EAAUuB,CAAQ,CAAA,8CAlEjDf,GAAAiB,GAAAb,EAAqBX,EAAM,IAAI,aAAa,IAAI,GAAG,GAAK,GAAEW,CAAA"}