{"version":3,"file":"KsmwYEfa.js","sources":["../../../../../domains/commerce/components/filter/pickup/Pickup.vue","../../../../../domains/commerce/components/product/list/Header.vue","../../../../../domains/commerce/components/product/list/Skeleton.vue","../../../../../domains/commerce/components/product/list/Filters.vue","../../../../../domains/commerce/components/product/list/List.vue"],"sourcesContent":["<template>\n  <div class=\"w-full flex justify-center b-b b-grey-50 text-center\">\n    <base-button\n      :aria-checked=\"`${selected === Filters.STH}`\"\n      class=\"flex-1 b-b-4 pb-3\"\n      :class=\"selected === Filters.STH ? 'b-brand-2 !b-grey-10 ' : 'b-transparent'\"\n      @click=\"changePickupMethod(Filters.STH)\"\n    >\n      <span\n        class=\"text-sm fw-medium \"\n        :class=\"{ '': selected === Filters.STH }\"\n      >\n        {{ $t.allItems }}\n      </span>\n    </base-button>\n    <base-button\n      :aria-checked=\"`${selected === Filters.PICKUP}`\"\n      class=\"flex flex-1 center b-b-4 pb-3\"\n      :class=\"selected === Filters.PICKUP ? 'b-brand-2 !b-grey-10 ' : 'b-transparent'\"\n      @click=\"selectPickupMethod\"\n    >\n      <span\n        class=\"text-sm fw-medium \"\n        :class=\"{ '': selected === Filters.PICKUP }\"\n      >\n        {{ selectedStore?.name || $t.pickupIn24Hours }}\n      </span>\n      <vf-icon name=\"edit\" />\n    </base-button>\n    <dialog-bopis-store-search />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst enum Filters {\n  STH = 'sth',\n  PICKUP = 'pickup',\n}\n\nconst modelValue = defineModel<string>()\n\nconst { dialogOptions } = useAppConfig().components.filter.pickup\n\nconst selected = computed<Filters>(() => modelValue.value ? Filters.PICKUP : Filters.STH)\nconst { selectedStore } = storeToRefs(useBopisStore())\nconst { $gtm } = useNuxtApp()\n\nconst DialogBopisStoreSearch = createDialog('bopis-store-search', dialogOptions)\n\nconst changePickupMethod = (ShippingMethod: Filters) => {\n  modelValue.value = ShippingMethod === Filters.PICKUP ? selectedStore.value?.storeid : undefined\n\n  $gtm.push('checkout.onClickDeliveryMethod', ShippingMethod === Filters.PICKUP ? 'BOPIS' : 'STH', {\n    shippingStoreId: (ShippingMethod === Filters.PICKUP && selectedStore.value?.storeid) || ''\n  })\n}\n\nconst selectPickupMethod = async () => {\n  if (selected.value === Filters.PICKUP || !selectedStore.value) {\n    await DialogBopisStoreSearch.keep().open({\n      filterBopisStores: true,\n      showSaveButton: true\n    })\n  }\n\n  if (selectedStore.value)\n    changePickupMethod(Filters.PICKUP)\n}\n</script>\n","<template>\n  <define-product-count>\n    <div aria-live=\"polite\">\n      <div v-if=\"productsLoading\" class=\"h-4 shrink-0 skeleton self-center\" style=\"width: 5.25rem\" />\n      <p\n        v-else\n        class=\"ws-nowrap text-sm c-grey-20 fw-light \"\n        data-test-id=\"list-product-count\"\n      >\n        {{ total }} {{ $pluralize($t.products, total) }}\n      </p>\n    </div>\n  </define-product-count>\n\n  <div v-if=\"sideFilters\" class=\"mb-5 flex items-end gap-2 between <lg:hidden\" :class=\"brandClasses.sideFilters\">\n    <template v-if=\"hasFilters\">\n      <product-count />\n      <select-sort\n        class=\"ml-a\"\n        :label=\"$t.sort\"\n        :model-value=\"sortState\"\n        :options=\"sortOptions\"\n        @update:model-value=\"$emit('sort', `${$event}`)\"\n      />\n    </template>\n    <!-- Skeleton -->\n    <template v-else-if=\"productsLoading\">\n      <div class=\"w-full\">\n        <div class=\"mt-2 h-4 skeleton\" style=\"width: 5.25rem\" />\n      </div>\n      <div class=\"h-10 w-40 skeleton\" />\n    </template>\n  </div>\n  <base-sticky v-slot=\"{ isStuck }\" name=\"headerPLP\">\n    <div\n      v-style:top=\"{\n        sm: '0',\n        lg: pxToRem(showOnScrollUp && header.pageScrolledUp\n          ? header.height[isStickyPromoBarEnabled ? 'full' : 'header'] - header.height.utility\n          : 0),\n      }\"\n      class=\"sticky bg-white duration\"\n      :class=\"[\n        { 'lg:hidden': sideFilters },\n        brandClasses.stickyHeader,\n        isStuck ? ['z-50 mb-8', brandClasses.stickyHeaderStuck] : 'z-3',\n      ]\"\n    >\n      <div class=\"f-col gap-4 p-4 container\">\n        <filter-pickup\n          v-if=\"pickupFilters && !user.isWranxOrIpaProfile\"\n          class=\"duration\"\n          :class=\"{ 'mb-8': !isStuck }\"\n          :model-value=\"storeFilterState\"\n          @update:model-value=\"$emit('changeStore', $event)\"\n        />\n        <!-- Mobile filters -->\n        <div\n          v-if=\"hasFilters || !productsLoading\"\n          class=\"flex items-center gap-y-2 wrap lg:hidden\"\n          :class=\"hasFilters ? 'between' : 'justify-end'\"\n        >\n          <vf-button\n            v-if=\"hasFilters\"\n            :class=\"brandClasses.filterAndSortCta\"\n            :size=\"filterAndSortCta.size\"\n            :variant=\"filterAndSortCta.variant\"\n            @click=\"DialogFiltersParent.open\"\n          >\n            {{ $t.filterAndSort }}\n            <vf-icon :class=\"brandClasses.filterAndSortCtaIcon\" name=\"filters\" :size=\"filterAndSortCta.iconSize\" />\n          </vf-button>\n          <product-count v-if=\"products.length || pickupFilters\" />\n        </div>\n        <!-- Skeleton -->\n        <div v-else class=\"h-12 w-72 skeleton lg:hidden\" />\n        <!-- Desktop filters -->\n        <div v-if=\"!sideFilters\" class=\"<lg:hidden\">\n          <div\n            v-if=\"hasFilters || !productsLoading\"\n            class=\"flex items-start gap-3 bg-white\"\n            :class=\"hasFilters ? 'between' : 'justify-end'\"\n          >\n            <div v-if=\"hasFilters\" class=\"flex gap-3 wrap\">\n              <vf-dropdown\n                v-for=\"(filter, code) in filters\"\n                :key=\"code\"\n                :label=\"filter.label\"\n                :style-content=\"`max-height: 18rem; ${code === 'lowCurrent' ? 'width: 15rem;' : ''}`\"\n              >\n                <filter-options\n                  :currency\n                  :filter\n                  layout=\"grid\"\n                  :loading=\"productsLoading\"\n                  :model-value=\"filters[code].selected\"\n                  @update:model-value=\"$emit('change', { code: `${code}`, selected: $event })\"\n                />\n              </vf-dropdown>\n            </div>\n\n            <div class=\"flex items-center gap-4\">\n              <select-sort\n                v-if=\"products.length\"\n                :label=\"$t.sort\"\n                :model-value=\"sortState\"\n                :options=\"sortOptions\"\n                @update:model-value=\"$emit('sort', `${$event}`)\"\n              />\n              <product-count v-if=\"products.length || pickupFilters\" />\n            </div>\n          </div>\n          <!-- Skeleton -->\n          <div v-else class=\"mb-4 flex between\">\n            <div class=\"flex gap-4\">\n              <div v-for=\"i in 8\" :key=\"i\" class=\"w-20 skeleton\" style=\"height: 2.75rem\" />\n              <div class=\"w-40 skeleton\" style=\"height: 2.75rem\" />\n            </div>\n          </div>\n        </div>\n\n        <!-- Applied filters section -->\n        <filter-display\n          v-bind=\"{ filters, filtersQuery, currency, sideFilters }\"\n          @clear=\"$emit('clear')\"\n          @remove=\"$emit('remove', $event)\"\n        />\n      </div>\n    </div>\n  </base-sticky>\n\n  <dialog-filters-parent v-slot=\"attrs\" class-content=\"f-col py-0\" :position=\"filtersPanelPosition\">\n    <slot v-bind=\"attrs\" />\n  </dialog-filters-parent>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Catalog, Search } from '#root/api/clients/product/data-contracts'\nimport type { FiltersMap } from '#types/filters'\n\nconst props = defineProps<{\n  list: Catalog | Search | null\n  productsLoading: boolean\n  filters: FiltersMap\n  filtersQuery: Record<string, string[]>\n  sortOptions: { label: string, value: string }[]\n  sortState: string\n  storeFilterState?: string\n  /**\n   * values provided by LaunchDarkly\n   */\n  sideFilters: boolean\n  pickupFilters: boolean\n}>()\n\ndefineEmits<{\n  clear: []\n  remove: [payload: { code: string, id: string }]\n  change: [payload: { code: string, selected: string[] }]\n  changeStore: [payload?: string]\n  sort: [payload: string]\n}>()\n\nconst [DefineProductCount, ProductCount] = createReusableTemplate()\n\nconst { brandClasses, dialogOptions, filterAndSortCta, filtersPanelPosition } = useAppConfig().components.product.list\nconst { showOnScrollUp, isStickyPromoBarEnabled } = useAppConfig().components.vf.header\nconst { $t } = useNuxtApp()\nconst header = useHeaderStore()\nconst user = useUserStore()\n\nconst DialogFiltersParent = createDialog('filters', dialogOptions)\n\nconst total = computed(() => props.list?.total || 0)\nconst currency = computed(() => props.list?.currency || 'USD')\nconst products = computed(() => props.list?.products || [])\nconst hasFilters = computed(() => !!Object.keys(props.filters)?.length)\n</script>\n","<template>\n  <div class=\"h-8 skeleton\" />\n  <div class=\"flex gap-x-3 gap-y-4 pb-6 pt-2 wrap\">\n    <div v-for=\"i in 6\" :key=\"i\" class=\"w-16 children:skeleton items-center space-y-1\">\n      <div class=\"h-8 w-8\" />\n      <div class=\"h-4\" style=\"width: 2.25rem\" />\n    </div>\n  </div>\n  <div class=\"h-8 skeleton\" />\n  <div class=\"mb-5 mt-2 flex gap-1 wrap\">\n    <div v-for=\"i in 6\" :key=\"i\" class=\"w-18 skeleton\" style=\"height: 6rem\" />\n  </div>\n  <div class=\"h-8 skeleton\" />\n  <div class=\"flex gap-2 pb-6 pt-2 wrap\">\n    <div v-for=\"i in 8\" :key=\"i\" class=\"h-10 w-10 skeleton\" />\n  </div>\n  <div class=\"h-8 skeleton\" />\n  <div class=\"flex gap-x-2 gap-y-4 pb-6 pt-2 wrap\">\n    <div v-for=\"i in 4\" :key=\"i\" class=\"h-10 w-18 skeleton\" />\n  </div>\n  <div class=\"h-8 skeleton\" />\n  <div class=\"pb-6 pt-2 space-y-4\">\n    <div v-for=\"i in 7\" :key=\"i\" class=\"flex children:skeleton items-center gap-x-2\">\n      <div class=\"h-6 w-6\" />\n      <div class=\"h-4 w-32\" />\n    </div>\n  </div>\n  <div class=\"h-8 skeleton\" />\n  <div class=\"ml-4\">\n    <div class=\"mb-4 mt-2 flex children:skeleton\" style=\"column-gap: 4.5rem\">\n      <div class=\"h-8 w-15\" />\n      <div class=\"h-8 w-15\" />\n    </div>\n    <div class=\"h-8 skeleton\" style=\"width: 12rem\" />\n    <div class=\"mb-4 mt-2 flex children:skeleton items-center gap-x-6\">\n      <div class=\"h-8 w-25\" />\n      <div class=\"h-4 w-10\" />\n    </div>\n  </div>\n  <div v-for=\"i in 3\" :key=\"i\" class=\"h-8 skeleton\" />\n</template>\n","<template>\n  <div\n    class=\"pl-3 pr-2\"\n    :class=\"{ 'w-1/4': sideFilters }\"\n    style=\"scrollbar-gutter: stable\"\n  >\n    <filter-display\n      v-bind=\"{ filters, filtersQuery, currency, sideFilters }\"\n      class=\"b-t b-grey-70 py-2\"\n      :max-collapsed-rows=\"{ sm: 2, md: 1, lg: 2 }\"\n      @clear=\"$emit('clear')\"\n      @remove=\"$emit('remove', $event)\"\n    />\n    <template v-if=\"Object.keys(filters)?.length\">\n      <vf-accordion\n        v-for=\"(filter, code, i) in filters\"\n        :key=\"code\"\n        :open=\"i < sideFilterOpenFacets\"\n        size=\"sm\"\n        :title=\"filter.label\"\n        variant=\"aligned\"\n      >\n        <filter-options\n          v-bind=\"{ filter, code }\"\n          class=\"pb-6 pt-2\"\n          :currency\n          :loading\n          :model-value=\"filters[code].selected\"\n          @update:model-value=\"$emit('change', { code: `${code}`, selected: $event })\"\n        />\n      </vf-accordion>\n    </template>\n    <product-list-skeleton v-else-if=\"loading\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { FiltersMap } from '#types/filters'\n\ndefineProps<{\n  sideFilters: boolean\n  currency: string\n  loading: boolean\n  filters: FiltersMap\n  filtersQuery: Record<string, string[]>\n}>()\n\ndefineEmits<{\n  clear: []\n  remove: [payload: { code: string, id: string }]\n  change: [payload: { code: string, selected: string[] }]\n  changeStore: [payload?: string]\n  sort: [payload: string]\n}>()\n\nconst { sideFilterOpenFacets } = useAppConfig().components.product.list\n</script>\n","<template>\n  <div data-scroll-el=\"productList\" />\n  <product-list-header\n    v-slot=\"attrs\"\n    v-model:filtersShown=\"filtersShown\"\n    :filters\n    :filters-query=\"filtersQuery\"\n    :list\n    :next-page-loading=\"nextPageLoading\"\n    :pickup-filters=\"pickupFilters\"\n    :products-loading=\"productsLoading\"\n    :side-filters=\"sideFilters\"\n    :sort-options=\"sortOptions\"\n    :sort-state=\"`${sortState}`\"\n    :store-filter-state=\"storeFilterState\"\n    :title=\"headerTitle\"\n    @change=\"selectAndFilterBy\"\n    @change-store=\"filterByStore\"\n    @clear=\"clearFilters\"\n    @remove=\"removeFilter\"\n    @sort=\"selectAndSortBy\"\n  >\n    <dialog-filters\n      v-bind=\"attrs\"\n      :currency\n      :filters\n      :filters-query=\"filtersQuery\"\n      :heading=\"headerTitle || $t.filterAndSort\"\n      :loading=\"productsLoading || nextPageLoading\"\n      :pickup-filters=\"pickupFilters\"\n      :sort-options=\"sortOptions\"\n      :sort-state=\"sortState\"\n      :store-filter-state=\"storeFilterState\"\n      :total\n      @change=\"selectAndFilterBy\"\n      @change-store=\"filterByStore\"\n      @clear=\"clearFilters\"\n      @remove=\"removeFilter\"\n      @sort=\"selectAndSortBy\"\n    />\n  </product-list-header>\n  <div :class=\"brandClasses.outerGridWrapper\">\n    <div\n      v-if=\"gridSizeSelector && (list?.products.length || hasFilters)\"\n      :class=\"brandClasses.gridSizeSelector\"\n    >\n      <base-button\n        v-for=\"(count, label) in { [$t.defaultView]: '4', [$t.compactView]: '6' }\"\n        :key=\"count\"\n        :aria-pressed=\"colsLg === count\"\n        @click=\"colsLg = count\"\n      >\n        <span class=\"sr-only\">{{ label }}</span>\n        <span\n          class=\"block cursor-pointer b-b duration peer-focus-visible:outline-auto !b-0\"\n          :class=\"colsLg === count ? 'b-grey-10 c-grey-10' : 'b-transparent c-grey-40 hover:b-grey-40'\"\n        >\n          <vf-icon :name=\"`square-${count}`\" size=\"md\" />\n        </span>\n      </base-button>\n    </div>\n\n    <div :class=\"brandClasses.outerGrid\">\n      <base-sticky :margin=\"headerPLPHeight\" name=\"plpSideFilters\" position=\"top\">\n        <product-list-filters\n          v-if=\"sideFilters\"\n          id=\"plp-filters\"\n          class=\"sticky h-screen shrink-0 self-start overflow-x-hidden overflow-y-auto pb-4 pr-2 scrollbar-sm duration <lg:hidden \"\n          :class=\"{ '': !filtersShown }\"\n          :currency\n          :filters\n          :filters-query=\"filtersQuery\"\n          :loading=\"productsLoading\"\n          :pickup-filters=\"pickupFilters\"\n          :side-filters=\"sideFilters\"\n          :sort-options=\"sortOptions\"\n          :sort-state=\"`${sortState}`\"\n          :store-filter-state=\"storeFilterState\"\n          :style=\"{\n            top: pxToRem(headerPLPHeight),\n            maxHeight: `calc(100vh - ${filtersTop})`,\n          }\"\n          :total\n          @change=\"selectAndFilterBy\"\n          @change-store=\"filterByStore\"\n          @clear=\"clearFilters\"\n          @remove=\"removeFilter\"\n          @sort=\"selectAndSortBy\"\n        >\n          <template #title>\n            <div class=\"b-b b-grey-80 py-2 subtitle-3 \">\n              {{ $t.filterAndSort }}\n            </div>\n          </template>\n        </product-list-filters>\n      </base-sticky>\n      <div :class=\"[brandClasses.innerGridWrapper, { 'lg:col-span-3': sideFilters }]\">\n        <template v-if=\"pickupFilters && sideFilters && pickupFilterAboveList\">\n          <base-sticky v-slot=\"{ isStuck }\" name=\"pickupFiltersPLP\">\n            <div\n              class=\"sticky top-0 bg-white\"\n              :class=\"[\n                { '<lg:hidden': sideFilters },\n                isStuck ? 'z-50' : 'z-2',\n              ]\"\n            >\n              <filter-pickup :class=\"isStuck ? 'pt-4' : ''\" :model-value=\"storeFilterState\" @update:model-value=\"filterByStore($event)\" />\n            </div>\n          </base-sticky>\n        </template>\n        <product-list-no-results v-if=\"!productsLoading && !products.length\" :class=\"brandClasses.noResults\" :pickup-filters=\"pickupFilters\" />\n        <!-- Product grid -->\n        <base-grid v-else ref=\"gridRef\" :cols :gap-x=\"grid.gaps.x\" :gap-y=\"grid.gaps.y\">\n          <!-- hydration mode is set to visible because we need to calculate the number of hidden product variants -->\n          <template v-if=\"!productsLoading\">\n            <template v-for=\"(product, i) in products\" :key=\"product.id\">\n              <base-lazy-hydrate\n                v-if=\"i < renderedProducts\"\n                :interaction=\"['mouseenter', 'focus', 'touchstart']\"\n                :when=\"hydrationMode\"\n              >\n                <product-card\n                  v-bind=\"{ breadcrumbs, hideRating, product, quickshopMode, storeFilterState, trackingCategory }\"\n                  :class=\"{ '<md:col-span-2': showFocusedProduct && product.focusedProduct }\"\n                  :image-fetch-priority=\"i < +colsLg ? 'high' : 'auto'\"\n                  :lazy=\"i >= +colsLg\"\n                  :show-discount-percentage=\"$feature.showDiscountPercentageOnCatalog\"\n                  :show-swatches=\"$feature.showSwatchesInProductList\"\n                />\n              </base-lazy-hydrate>\n\n              <!-- Makes sure all product links are available after SSR and can be crawled -->\n              <base-lazy-hydrate v-else when=\"visible\">\n                <base-link ref=\"lazyLoadRefs\" :aria-label=\"product.name\" :to=\"product.url\">\n                  <product-card-skeleton :show-swatches=\"$feature.showSwatchesInProductList\" />\n                </base-link>\n              </base-lazy-hydrate>\n            </template>\n\n            <slot v-bind=\"{ cols }\" />\n          </template>\n          <!-- Skeleton -->\n          <template v-if=\"productsLoading || nextPageLoading\">\n            <product-card-skeleton\n              v-for=\"i in (nextPageLoading ? nextPageSize : productsPerPage)\"\n              :key=\"`product-${i}`\"\n              :show-swatches=\"$feature.showSwatchesInProductList\"\n            />\n          </template>\n        </base-grid>\n\n        <!-- Pagination Skeleton -->\n        <product-list-pagination-skeleton v-if=\"productsLoading\" />\n        <!-- Pagination -->\n        <product-list-pagination\n          v-else-if=\"products.length\"\n          :class=\"brandClasses.pagination\"\n          :current=\"products.length\"\n          :page-size=\"nextPageSize\"\n          :total\n          @load-more=\"loadMore\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { QuickshopMode } from '#types/catalog'\nimport type { Catalog, Search } from '#root/api/clients/product/data-contracts'\nimport type { Responsive } from '#types/common'\nimport type { BaseGrid as BaseGridType } from '#components'\n\nconst props = defineProps<{\n  list: Catalog | Search | null\n  productsLoading: boolean\n  nextPageLoading: boolean\n  trackingCategory?: string\n  sideFilters: boolean\n  hideRating?: boolean\n  quickshopMode: QuickshopMode\n  gridSizeSelector: boolean\n  pickupFilters: boolean\n  headerTitle?: string\n}>()\n\nconst emit = defineEmits<{\n  'load-more': []\n}>()\n\ndefineSlots<{\n  default: (props: { cols: Responsive<number> }) => void\n}>()\n\nconst {\n  brandClasses,\n  eagerLoadedCards,\n  grid,\n  hydrationMode,\n  pickupFilterAboveList,\n  productsPerPage,\n  scrollToElementOptions,\n} = useAppConfig().components.product.list\nconst { $t, $feature } = useNuxtApp()\nconst route = useRoute()\n\nconst {\n  clearFilters,\n  filterBy,\n  filterByStore,\n  filters,\n  filtersQuery,\n  removeFilter,\n  sortBy,\n  sortOptions,\n  sortState,\n  storeFilterState\n} = useFilters(\n  () => props.list?.filters || [],\n  () => scrollToElement('productList', scrollToElementOptions)\n)\n\nconst stickyState = useSticky()\nconst header = useHeaderStore()\n\nconst showFocusedProduct = computed(() =>\n  $feature.showFocusedProductOnRoutes.some((pattern) => convertPatternToRegex(pattern).test(route.fullPath)))\n\nconst total = computed(() => props.list?.total || 0)\nconst currency = computed(() => props.list?.currency || 'USD')\nconst breadcrumbs = computed(() => props.list?.breadcrumbs || [])\nconst colsLg = ref(`${props.sideFilters ? grid.cols.lg - 1 : grid.cols.lg}`)\nconst products = computed(() => props.list?.products || [])\nconst cols = computed(() => ({ ...grid.cols, lg: +colsLg.value }))\nconst nextPageSize = computed(() => Math.min(productsPerPage, total.value - products.value.length))\nconst hasFilters = computed(() => !!Object.keys(filters.value)?.length)\nconst filtersShown = ref(false)\nconst gridRef = ref<typeof BaseGridType>()\nconst lazyLoadRefs = ref<HTMLAnchorElement[]>([])\nconst productsToRender = ref(eagerLoadedCards)\nconst renderedProducts = computed(() => Math.min(productsToRender.value, products.value.length))\nconst { height: headerPLP } = useElementBounding(() => stickyState.value.headerPLP)\n\nconst headerPLPHeight = computed(() => headerPLP.value + (header.pageScrolledUp ? header.height.header : 0))\n\nconst { top: gridTop } = useElementBounding(() => gridRef.value?.$el)\nconst filtersTop = computed(() => pxToRem(headerPLPHeight.value || gridTop.value))\n\nconst loadMore = () => {\n  const lastCard = gridRef.value?.$el.lastElementChild.querySelector('[data-test-id=\"product-card-add\"]')\n  emit('load-more')\n  lastCard?.focus()\n}\n\nconst lazyLoadChunk = (entries: IntersectionObserverEntry[]) => entries.some(({ isIntersecting, boundingClientRect }) =>\n  isIntersecting // Prevents the re-rendering of the grid from triggering the logic prematurely\n  || boundingClientRect.bottom < 0 // Forces any observed refs above the viewport after SSR to be triggered\n)\n\nuseIntersectionObserver(lazyLoadRefs, (entries) => {\n  if (lazyLoadChunk(entries)) productsToRender.value += eagerLoadedCards\n})\n\nconst selectAndSortBy = (sort: string) => {\n  sortState.value = sort\n  sortBy()\n}\n\nconst selectAndFilterBy = ({ code, selected }: { code: string, selected: string[] }) => {\n  filters.value[code].selected = selected\n  filterBy(code)\n}\n</script>\n"],"names":["modelValue","_useModel","__props","dialogOptions","useAppConfig","selected","computed","selectedStore","storeToRefs","useBopisStore","$gtm","useNuxtApp","DialogBopisStoreSearch","createDialog","changePickupMethod","ShippingMethod","_a","_b","selectPickupMethod","props","DefineProductCount","ProductCount","createReusableTemplate","brandClasses","filterAndSortCta","filtersPanelPosition","showOnScrollUp","isStickyPromoBarEnabled","$t","header","useHeaderStore","user","useUserStore","DialogFiltersParent","total","currency","products","hasFilters","_hoisted_1","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_3","_hoisted_6","_hoisted_8","_hoisted_10","_hoisted_12","_hoisted_16","_hoisted_14","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_hoisted_2","_renderList","i","_hoisted_7","_hoisted_9","_hoisted_11","_hoisted_13","_hoisted_17","sideFilterOpenFacets","emit","__emit","eagerLoadedCards","grid","hydrationMode","pickupFilterAboveList","productsPerPage","scrollToElementOptions","$feature","route","useRoute","clearFilters","filterBy","filterByStore","filters","filtersQuery","removeFilter","sortBy","sortOptions","sortState","storeFilterState","useFilters","scrollToElement","stickyState","useSticky","showFocusedProduct","pattern","convertPatternToRegex","breadcrumbs","colsLg","ref","cols","nextPageSize","filtersShown","gridRef","lazyLoadRefs","productsToRender","renderedProducts","headerPLP","useElementBounding","headerPLPHeight","gridTop","filtersTop","pxToRem","loadMore","lastCard","lazyLoadChunk","entries","isIntersecting","boundingClientRect","useIntersectionObserver","selectAndSortBy","sort","selectAndFilterBy","code"],"mappings":"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"}