{"version":3,"file":"8Au0YbFe.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/composables/useFilters/index.ts","../../../../../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-transparent'\"\n      @click=\"changePickupMethod(Filters.STH)\"\n    >\n      <span\n        class=\"text-sm \"\n        :class=\"{ 'fw-bold': 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-transparent'\"\n      @click=\"selectPickupMethod\"\n    >\n      <span\n        class=\"text-sm \"\n        :class=\"{ 'fw-bold': 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\"\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 ', 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=\"{ '': !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","import type { ProductFilters } from '#root/api/clients/product/data-contracts'\nimport type { FilterItem, FiltersMap, PriceFilter, SearchFilter } from '#types/filters'\n\nexport default (_filters: MaybeRefOrGetter<ProductFilters>, onChange?: () => void) => {\n  const { defaultSort, sorts } = useAppConfig().pages.plp\n  const { $gtm, $t } = useNuxtApp()\n\n  const region = useRegion()\n  const route = useRoute()\n  const router = useRouter()\n\n  const filtersQuery = ref(JSON.parse(route.query.filters?.toString() || '{}'))\n  const filters = computed(() => Object.fromEntries(toValue(_filters)\n    .map((item) => [item.code, {\n      ...item,\n      type: item.layout || 'TileExpanded',\n      selected: filtersQuery.value[item.code] || []\n    }])) as FiltersMap\n  )\n\n  // This watch gets triggered both by onFiltersChange\n  // and by external changes to the url, such as from links in CMS content\n  watch(() => [route.query.filters, route.query.storeFilter], (value, oldValue) => {\n    filtersQuery.value = JSON.parse(route.query.filters?.toString() || '{}')\n    if (value[0] !== oldValue?.[0] || value[1] !== oldValue?.[1])\n      onChange?.()\n  })\n\n  const sortOptions = sorts[region].map((sort) => ({ value: sort, label: $t.sorts[sort] }))\n  const sortState = ref((route.query.sort || defaultSort) as string)\n  const storeFilterState = ref(route.query.storeFilter?.toString() || undefined)\n\n  const onFiltersChange = () => {\n    const filtersEntries = Object.values(filters.value)\n      .filter(({ selected }) => selected?.length)\n      .map(({ code, selected }) => [code, selected])\n\n    filtersQuery.value = { ...filtersQuery.value, ...Object.fromEntries(filtersEntries) }\n\n    router.push({\n      query: {\n        ...route.query,\n        filters: Object.keys(filtersQuery.value).length ? JSON.stringify(filtersQuery.value) : undefined,\n        sort: sortState.value,\n        storeFilter: storeFilterState.value\n      }\n    })\n  }\n\n  const isPriceFilter = (filter: FilterItem): filter is PriceFilter => filter.type === 'PriceInput'\n  const isSearchFilter = (filter: FilterItem): filter is SearchFilter => filter.type === 'Search'\n\n  const filterBy = (code: string) => {\n    const filter = filters.value[code]\n    const { selected, facetId } = filter\n    const previous = filtersQuery.value[code] || []\n\n    if (isPriceFilter(filter) || isSearchFilter(filter)) {\n      $gtm.push('plpPage.onApplyFilter', code, facetId, selected)\n    }\n    else if (previous.length < selected.length) {\n      const id = selected.filter((item) => !previous.includes(item))[0]\n      const { label } = filter.options.find((option) => option.id === id)!\n      $gtm.push('plpPage.onApplyFilter', filter.label, facetId, label)\n    }\n    else {\n      const id = previous.filter((item: string) => !selected.includes(item))[0]\n      const { label } = filter.options.find((option) => option.id === id)!\n      $gtm.push('plpPage.onRemoveFilter', filter.label, facetId, label)\n      if (!selected.length) delete filtersQuery.value[code]\n    }\n    onFiltersChange()\n  }\n\n  const filterByStore = (storeId?: string) => {\n    storeFilterState.value = storeId\n    onFiltersChange()\n  }\n\n  const removeFilter = ({ code, id }) => {\n    const filter = filters.value[code]\n    const removedId = id || filter.selected\n\n    if (isPriceFilter(filter) || isSearchFilter(filter)) {\n      $gtm.push('plpPage.onRemoveFilter', code, filter.facetId, removedId)\n    }\n    else {\n      const { label } = filter.options.find((option) => option.id === id)!\n      $gtm.push('plpPage.onRemoveFilter', filter.label, filter.facetId, label)\n    }\n\n    filtersQuery.value[code] = filter.type === 'PriceInput'\n      ? []\n      : filtersQuery.value[code]?.filter((item: string) => item !== id)\n\n    if (!filtersQuery.value[code].length) delete filtersQuery.value[code]\n    onFiltersChange()\n  }\n\n  const clearFilters = () => {\n    const selectedFilters = Object.values(filters.value).filter((item) => item.selected?.length)\n    const category = selectedFilters?.length === 1 ? selectedFilters[0].label : 'All'\n\n    $gtm.push('plpPage.onClearFilters', category)\n    filtersQuery.value = {}\n    onFiltersChange()\n  }\n\n  const sortBy = () => {\n    $gtm.push('plpPage.onSort', sortOptions.find(({ value }) => value === sortState.value)?.label)\n    onFiltersChange()\n  }\n\n  onActivated(() => {\n    // Clear leftover filters in the keep-alive cache when navigating back to the same PLP with a filter-less URL (e.g. breadcrumbs)\n    if (!route.query.filters && Object.values(filters.value).some((item) => item.selected?.length))\n      clearFilters()\n\n    // update sort and storefilter based on querystring\n    sortState.value = (route.query.sort || defaultSort) as string\n    storeFilterState.value = route.query.storeFilter?.toString() || undefined\n  })\n\n  return {\n    clearFilters,\n    filterBy,\n    filterByStore,\n    filters,\n    filtersQuery,\n    removeFilter,\n    sortBy,\n    sortOptions,\n    sortState,\n    storeFilterState\n  }\n}\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 \"\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","useFilters","_filters","onChange","defaultSort","sorts","region","useRegion","route","useRoute","router","useRouter","filtersQuery","ref","filters","toValue","item","watch","value","oldValue","sortOptions","sort","sortState","storeFilterState","onFiltersChange","filtersEntries","code","isPriceFilter","filter","isSearchFilter","filterBy","facetId","previous","id","label","option","filterByStore","storeId","removeFilter","removedId","clearFilters","selectedFilters","category","sortBy","onActivated","emit","__emit","eagerLoadedCards","grid","hydrationMode","pickupFilterAboveList","productsPerPage","scrollToElementOptions","$feature","scrollToElement","stickyState","useSticky","showFocusedProduct","pattern","convertPatternToRegex","breadcrumbs","colsLg","cols","nextPageSize","filtersShown","gridRef","lazyLoadRefs","productsToRender","renderedProducts","headerPLP","useElementBounding","headerPLPHeight","gridTop","filtersTop","pxToRem","loadMore","lastCard","lazyLoadChunk","entries","isIntersecting","boundingClientRect","useIntersectionObserver","selectAndSortBy","selectAndFilterBy"],"mappings":"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"}