{"version":3,"file":"19.SQ96MY0G.js","sources":["../../../../../../src/lib/components/category/CategoryTitle.svelte","../../../../../../src/lib/templates/TemplateCategory.svelte","../../../../../../src/routes/[lang]/c/[...cat_url]/+page.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { page } from '$app/stores';\n  import { t } from 'svelte-i18n-lingui';\n\n  export let category: {name: string};\n</script>\n\n\n<div id=\"top-page\" class=\"category-title\">\n  {#if $page.url.searchParams.get(\"promo\")}\n    <h2 class=\"promo-title head-3\">{$t`All our offers for ${category.name}`}</h2>\n    <a class=\"u-btn u-btn--light\" href=\"{$page.url.pathname}\">{$t`Back to ${category.name}`}</a>\n  {:else if $page.params.brand_url}\n    <h2 class=\"head-3\">{category.name}: {$t`all our products from ${$page.data.brand.page_title}`}</h2>\n  {:else}\n    <h2 class=\"head-3\">{$t`All our products from ${category.name}`}</h2>\n  {/if}\n</div>\n\n\n<style lang=\"scss\">\n  .category-title {\n    display: flex;\n    align-items: center;\n\n    @media (min-width: 769px) {\n      margin-bottom: 35px;\n    }\n\n    h2 {\n      &.promo-title {\n        margin: 15px 30px 15px 0;\n      }\n    }\n  }\n</style>\n","<script lang=\"ts\">\n\timport SortItems from '$lib/components/common/SortItems.svelte'\n\timport CategoryHero from '$lib/components/category/CategoryHero.svelte'\n\timport CategoryTitle from '$lib/components/category/CategoryTitle.svelte'\n\timport Filters from '$lib/components/category/Filters.svelte'\n\timport CategoryProducts from '$lib/components/category/CategoryProducts.svelte'\n\timport StructuredData from '$lib/components/common/StructuredData.svelte'\n\timport IntersectionObserver from 'svelte-intersection-observer'\n\timport { getMoreCategoryProducts, loadMoreProducts } from '$lib/js/products'\n\timport { storeCurrentPage, storeMaxPrice, storeNextPageURL } from '$lib/js/stores'\n\timport { getIntSearchParam, is_set_array, orderCategoryResults, setSearchParam } from '$lib/js/helpers'\n\timport { getMerchantSchema } from '$lib/js/structured_data'\n\timport { registerViewItemListEvent } from '$lib/js/ga4/events'\n\timport { getBrandsParam } from '$lib/js/helpers/handlers'\n\timport { PUBLIC_SITE_URL } from '$env/static/public'\n\timport { onMount } from 'svelte'\n\timport { page } from '$app/stores'\n\timport { t } from 'svelte-i18n-lingui'\n\timport type { BaseProduct, FullProduct, ProductQueryOptions } from '$lib/js/elasticsearch/types'\n\timport { getContextScope } from '$lib/js/helpers/i18n'\n\n\texport let category: { name: string; id: any }\n\n\tconst scope = getContextScope(),\n\t\tendpoint = 'category'\n\n\tlet products: (BaseProduct | FullProduct)[] = $page.data.products\n\tlet top_prods: HTMLElement\n\tlet elementOnce: HTMLElement | undefined // Infinite scroll\n\tlet allResults = false // Get results page number\n\n\t/* Order & filter products */\n\tlet options: ProductQueryOptions = {\n\t\tcat_id: category.id,\n\t\tstart: getIntSearchParam($page.url, 'p', 1),\n\t\tsort: orderCategoryResults($page.url.searchParams.get('sort') || 'rating'),\n\t\tmin_price: getIntSearchParam($page.url, 'minPrice', 0),\n\t\tmax_price: getIntSearchParam($page.url, 'maxPrice', 200000),\n\t\tbrand_ids: getBrandsParam($page.url, 'brands', $page.data.brands),\n\t}\n\n\tonMount(() => {\n\t\t// TODO[i18n]: this 1.21 does not work for France\n\t\t$storeMaxPrice = parseInt(($page.data.max_price.value * 1.21 + 1).toFixed(0))\n\n\t\tif (getIntSearchParam($page.url, 'p', 1) > 1) {\n\t\t\tsetTimeout(() => {\n\t\t\t\ttop_prods.scrollIntoView()\n\t\t\t}, 500)\n\t\t}\n\t\tregisterViewItemListEvent($page.data.category, $page.data.products)\n\t})\n</script>\n\n<svelte:head>\n\t<link rel=\"canonical\" href=\"{PUBLIC_SITE_URL}/{scope}/c/{$page.params?.cat_url}\" />\n</svelte:head>\n\n{#if is_set_array(products)}\n\t{#each products as product}\n\t\t<StructuredData schema={getMerchantSchema(product, {scope: scope})} />\n\t{/each}\n{/if}\n\n<CategoryHero {category} />\n<!-- <TopBannerPromo /> -->\n\n<div bind:this={top_prods} class=\"container category__wrapper\">\n\t<CategoryTitle {category} />\n\n\t<div class=\"category__content\">\n\t\t<div class=\"category__actions\">\n\t\t\t<div class=\"category__actions__block\">\n\t\t\t\t<Filters bind:products bind:options {endpoint} />\n\t\t\t</div>\n\t\t\t<div class=\"sort-items__mobile\">\n\t\t\t\t<SortItems bind:products bind:options {endpoint} />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"category__products\">\n\t\t\t<div class=\"sort-items__desktop\">\n\t\t\t\t<SortItems bind:products bind:options {endpoint} />\n\t\t\t</div>\n\t\t\t<CategoryProducts bind:products bind:allResults />\n\t\t</div>\n\t</div>\n\n\t<IntersectionObserver\n\t\telement={elementOnce}\n\t\trootMargin=\"800px\"\n\t\ton:observe={async (e) => {\n\t\t\tif (e.detail.isIntersecting === true) {\n\t\t\t\tlet resp\n\n\t\t\t\ttry {\n\t\t\t\t\tresp = await getMoreCategoryProducts(options, {scope: scope})\n\t\t\t\t} catch (err) {\n\t\t\t\t\tconsole.error('Error trying to load more products in category:', err)\n\t\t\t\t}\n\n\t\t\t\tif(!resp || resp?.length === 0) {\n\t\t\t\t\tallResults = true\n\t\t\t\t} else {\n\t\t\t\t\tallResults = false\n\t\t\t\t\tproducts = loadMoreProducts(products, resp)\n\t\t\t\t\tsetSearchParam('p', $storeCurrentPage.toString())\n\t\t\t\t\tresp = undefined\n\t\t\t\t}\n\t\t\t}\n\t\t}}\n\t>\n\t\t<div bind:this={elementOnce} />\n\t</IntersectionObserver>\n\n\t{#if $page.data?.description}\n\t\t<div class=\"category__description\">{@html $page.data.description.description}</div>\n\t{/if}\n\n\t<a href={$storeNextPageURL} style=\"visibility: hidden\">{$t`Page ${$storeCurrentPage + 1}`}</a>\n</div>\n\n<style lang=\"scss\">\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    &__desktop {\n      display: none;\n\n      @media (min-width: 1025px) {\n        display: block;\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: 8px 20px;\n          box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.1);\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    &__wrapper {\n      margin-top: 40px;\n      margin-bottom: 60px;\n    }\n\n    &__content {\n      @media (min-width: 1025px) {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n      }\n    }\n\n    &__products {\n      @media (min-width: 1025px) {\n        width: calc(100% - 330px);\n      }\n    }\n\n    &__description {\n      margin-top: 30px;\n      max-width: 700px;\n\n      @media (min-width: 1025px) {\n        margin-top: 60px;\n        margin-left: 330px;\n      }\n    }\n  }\n</style>\n","<script lang=\"ts\">\n\timport TemplateCategory from '$lib/templates/TemplateCategory.svelte';\n  import { page } from '$app/stores';\n</script>\n\n\n{#key $page.params.cat_url}\n  <TemplateCategory category={$page.data.category} />\n{/key}\n\n"],"names":["ctx","insert_hydration","target","h2","anchor","set_data","t_1","t_1_value","t0_value","t2_value","dirty","t0","t2","a","show_if","create_if_block_1","div","category","$$props","i","each_blocks","getMerchantSchema","structureddata_changes","raw_value","html_tag","is_set_array","_a","create_if_block","attr","link","link_href_value","PUBLIC_SITE_URL","append_hydration","div6","div5","div2","div0","div1","div4","div3","current","_b","t10","t10_value","scope","getContextScope","endpoint","products","$page","top_prods","elementOnce","allResults","options","getIntSearchParam","orderCategoryResults","getBrandsParam","onMount","set_store_value","storeMaxPrice","$storeMaxPrice","registerViewItemListEvent","$$value","e","resp","getMoreCategoryProducts","err","$$invalidate","loadMoreProducts","setSearchParam","$storeCurrentPage"],"mappings":"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"}