@getlupa/client 1.21.0 → 1.21.3

package/dist/constants/searchResults.const.d.ts

@@ -96,11 +96,4 @@ export declare const DEFAULT_OPTIONS_RESULTS: {
         details: string;
     };
     elements: any[];
-    breadcrumbs: ({
-        label: string;
-        link: string;
-    } | {
-        label: string;
-        link?: undefined;
-    })[];
 };

package/dist/lupaSearch.iife.js

@@ -18100,6 +18100,10 @@ var __async = (__this, __arguments, generator) => {
         return (_b25 = (_a25 = currentResolutionPageSizes.value) == null ? void 0 : _a25[0]) != null ? _b25 : DEFAULT_PAGE_SIZE;
       }
     );
+    const ariaLabels = computed(() => {
+      var _a25, _b25;
+      return (_b25 = (_a25 = searchResultOptions.value.labels) == null ? void 0 : _a25.aria) != null ? _b25 : {};
+    });
     const currentResolutionPageSizes = computed(() => {
       var _a25, _b25, _c, _d;
       const pageSizes = (_d = (_c = (_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.pagination) == null ? void 0 : _b25.sizeSelection) == null ? void 0 : _c.sizes) != null ? _d : DEFAULT_PAGE_SIZE_SELECTION;
@@ -18155,6 +18159,7 @@ var __async = (__this, __arguments, generator) => {
       defaultSearchResultPageSize,
       currentResolutionPageSizes,
       productRecommendationOptions,
+      ariaLabels,
       setSearchBoxOptions,
       setTrackingOptions,
       setSearchResultOptions,
@@ -18638,13 +18643,13 @@ var __async = (__this, __arguments, generator) => {
         }
       ];
     }
-    return [{ key, value: `${gt} - ${lt}`, type: "range" }];
+    return [{ key, value: `${gt != null ? gt : "*"} - ${lt != null ? lt : "*"}`, type: "range" }];
   };
   const unfoldFilter = (key, filter, price = {}) => {
     if (Array.isArray(filter)) {
       return unfoldTermFilter(key, filter);
     }
-    if (filter.gte) {
+    if (filter.gte || filter.lte || filter.gt || filter.lt) {
       return unfoldRangeFilter(key, filter, price);
     }
     if (filter.terms) {
@@ -18697,8 +18702,9 @@ var __async = (__this, __arguments, generator) => {
     }) : void 0;
   };
   const rangeFilterToString = (rangeFilter, separator) => {
+    var _a25, _b25, _c;
     separator = separator || FACET_TERM_RANGE_SEPARATOR;
-    return rangeFilter && Object.keys(rangeFilter).length ? rangeFilter.gte + separator + (rangeFilter.lte || rangeFilter.lt) : "";
+    return rangeFilter && Object.keys(rangeFilter).length ? ((_a25 = rangeFilter.gte) != null ? _a25 : "") + separator + (((_b25 = rangeFilter.lte) != null ? _b25 : "") || ((_c = rangeFilter.lt) != null ? _c : "")) : "";
   };
   const pick = (obj, keys) => {
     const ret = /* @__PURE__ */ Object.create({});
@@ -18757,14 +18763,15 @@ var __async = (__this, __arguments, generator) => {
       return (_b25 = (_a25 = searchParams.getAll(key)) == null ? void 0 : _a25.map((v) => decodeURIComponent(v))) != null ? _b25 : [];
     }
     if (key.startsWith(FACET_PARAMS_TYPE.RANGE)) {
+      const isPrice = key == null ? void 0 : key.includes(CURRENCY_KEY_INDICATOR);
       const range2 = searchParams.get(key);
       if (!range2) {
         return {};
       }
       const [min, max] = range2.split(FACET_RANGE_SEPARATOR);
       return {
-        gte: min,
-        lte: max
+        gte: min || void 0,
+        [isPrice ? "lte" : "lt"]: max || void 0
       };
     }
     if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
@@ -18964,16 +18971,27 @@ var __async = (__this, __arguments, generator) => {
       paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.PAGE]
     });
   };
-  const toggleRangeFilter = (appendParams, facetAction, getQueryParamName, currentFilters) => {
+  const toggleRangeFilter = (appendParams, removeParameters, facetAction, getQueryParamName, currentFilters) => {
+    var _a25, _b25;
     const currentFilter = rangeFilterToString(
       currentFilters == null ? void 0 : currentFilters[facetAction.key],
       FACET_RANGE_SEPARATOR
     );
-    let facetValue = facetAction.value.join(FACET_RANGE_SEPARATOR);
+    let facetValue = (_b25 = (_a25 = facetAction == null ? void 0 : facetAction.value) == null ? void 0 : _a25.join(FACET_RANGE_SEPARATOR)) != null ? _b25 : "";
     facetValue = currentFilter === facetValue ? "" : facetValue;
+    const paramsToRemove = getQueryParamName ? [getQueryParamName(QUERY_PARAMS$1.PAGE)] : [QUERY_PARAMS$1.PAGE];
+    if (!facetValue) {
+      removeParameters({
+        paramsToRemove: [
+          getFacetParam(facetAction.key, "", FACET_PARAMS_TYPE.RANGE).name,
+          ...paramsToRemove
+        ]
+      });
+      return;
+    }
     appendParams({
       params: [getFacetParam(facetAction.key, facetValue, FACET_PARAMS_TYPE.RANGE)],
-      paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.PAGE],
+      paramsToRemove,
       encode: false
     });
   };
@@ -19767,6 +19785,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_2$W = { class: "lupa-dialog-content" };
   const _hoisted_3$E = { class: "lupa-listening-text" };
   const _hoisted_4$u = { class: "lupa-mic-button-wrapper" };
+  const _hoisted_5$l = ["aria-label"];
   const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     __name: "VoiceSearchDialog",
     props: {
@@ -19870,6 +19889,7 @@ var __async = (__this, __arguments, generator) => {
         reset: dialogReset
       });
       return (_ctx, _cache) => {
+        var _a25, _b25;
         return openBlock(), createElementBlock("div", null, [
           props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
             createBaseVNode("button", {
@@ -19881,8 +19901,10 @@ var __async = (__this, __arguments, generator) => {
               createBaseVNode("div", _hoisted_4$u, [
                 createBaseVNode("button", {
                   class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
-                  onClick: handleRecordingButtonClick
-                }, null, 2),
+                  onClick: handleRecordingButtonClick,
+                  "aria-controls": "voice-search-microphone",
+                  "aria-label": ((_b25 = (_a25 = labels.value) == null ? void 0 : _a25.aria) == null ? void 0 : _b25.microphone) || "Toggle microphone"
+                }, null, 10, _hoisted_5$l),
                 createVNode(_sfc_main$1A, {
                   ref_key: "voiceSearchProgressBar",
                   ref: voiceSearchProgressBar,
@@ -19908,6 +19930,7 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-close-label"
   };
   const _hoisted_7$5 = { key: 1 };
+  const _hoisted_8$3 = ["aria-label"];
   const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
@@ -19963,6 +19986,10 @@ var __async = (__this, __arguments, generator) => {
         var _a25;
         return (_a25 = labels.value.searchInputAriaLabel) != null ? _a25 : "Search input";
       });
+      const voiceSearchAriaLabel = computed(() => {
+        var _a25, _b25, _c, _d;
+        return (_d = (_c = (_b25 = (_a25 = props.options.voiceSearch) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.aria) == null ? void 0 : _c.openDialog) != null ? _d : "Open voice search dialog";
+      });
       onMounted(() => {
         document.addEventListener("click", handleClickOutsideVoiceDialogOverlay);
       });
@@ -20083,8 +20110,11 @@ var __async = (__this, __arguments, generator) => {
           isVoiceSearchEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
             createBaseVNode("button", {
               onClick: openVoiceSearchDialog,
-              class: "lupa-voice-search-button"
-            })
+              class: "lupa-voice-search-button",
+              "aria-haspopup": "dialog",
+              "aria-controls": "voice-search-dialog",
+              "aria-label": voiceSearchAriaLabel.value
+            }, null, 8, _hoisted_8$3)
           ])) : createCommentVNode("", true),
           isVoiceSearchEnabled.value ? (openBlock(), createBlock(_sfc_main$1z, {
             key: 2,
@@ -30489,6 +30519,13 @@ and ensure you are accounting for this risk.
       const { addToCartAmount } = storeToRefs(searchResultStore);
       const emit2 = __emit;
       const loading = ref(false);
+      const addToCartButtonClass = computed(() => {
+        return {
+          [props.options.className]: Boolean(props.options.className),
+          "lupa-add-to-cart-loading": loading.value,
+          "lupa-add-to-cart": !loading.value
+        };
+      });
       const label = computed(() => {
         return props.options.labels.addToCart;
       });
@@ -30512,7 +30549,7 @@ and ensure you are accounting for this risk.
           createBaseVNode("div", _hoisted_2$O, [
             hasLink.value ? (openBlock(), createElementBlock("button", mergeProps({
               key: 0,
-              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
+              class: addToCartButtonClass.value,
               "data-cy": "lupa-add-to-cart",
               disabled: !inStockValue.value || loading.value
             }, _ctx.dynamicAttributes, { onClick: handleClick }), [
@@ -30520,7 +30557,7 @@ and ensure you are accounting for this risk.
             ], 16, _hoisted_3$A)) : (openBlock(), createElementBlock("button", mergeProps({
               key: 1,
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
-              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
+              class: addToCartButtonClass.value,
               "data-cy": "lupa-add-to-cart",
               type: "button",
               disabled: !inStockValue.value || loading.value
@@ -32926,7 +32963,7 @@ and ensure you are accounting for this risk.
       });
       const handleFacetClick = (item) => {
         var _a25;
-        const value = isRange.value ? item.title.split(FACET_TERM_RANGE_SEPARATOR) : (_a25 = item.title) == null ? void 0 : _a25.toString();
+        const value = isRange.value ? [item.from, item.to] : (_a25 = item.title) == null ? void 0 : _a25.toString();
         emit2("select", {
           key: facet.value.key,
           value,
@@ -32940,7 +32977,11 @@ and ensure you are accounting for this risk.
         var _a25, _b25;
         let selectedItems = (_a25 = currentFiltersValue.value) != null ? _a25 : [];
         selectedItems = isRange.value && selectedItems ? [rangeFilterToString(selectedItems)] : selectedItems;
-        return selectedItems == null ? void 0 : selectedItems.includes((_b25 = item.title) == null ? void 0 : _b25.toString());
+        if (isRange.value) {
+          return selectedItems == null ? void 0 : selectedItems.includes(rangeFilterToString({ gte: item.from, lt: item.to }));
+        } else {
+          return selectedItems == null ? void 0 : selectedItems.includes((_b25 = item.title) == null ? void 0 : _b25.toString());
+        }
       };
       const getItemLabel = (item) => {
         var _a25;
@@ -34379,12 +34420,12 @@ and ensure you are accounting for this risk.
           }), 128)),
           itemLimit.value < filteredValues.value.length ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["lupa-facet-term lupa-show-more-facet-results", { "lupa-show-less-facet-results": showAll.value }]),
+            class: "lupa-facet-term lupa-show-more-facet-results",
             "data-cy": "lupa-facet-term",
             onClick: handleShowAll
-          }, toDisplayString(_ctx.options.labels.showAll), 3)) : showAll.value ? (openBlock(), createElementBlock("div", {
+          }, toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (openBlock(), createElementBlock("div", {
             key: 2,
-            class: "lupa-facet-term lupa-show-more-facet-results",
+            class: "lupa-facet-term lupa-show-more-facet-results lupa-show-less-facet-results",
             onClick: handleCancelShowAll
           }, toDisplayString(_ctx.options.labels.showLess), 1)) : createCommentVNode("", true)
         ]);
@@ -34414,7 +34455,7 @@ and ensure you are accounting for this risk.
     },
     emits: ["select", "clear"],
     setup(__props, { emit: __emit }) {
-      var _a25, _b25;
+      var _a25, _b25, _c;
       const props = __props;
       const facet = computed(() => {
         var _a26;
@@ -34426,10 +34467,19 @@ and ensure you are accounting for this risk.
       });
       const searchResultStore = useSearchResultStore();
       const optionsStore = useOptionsStore();
+      const screenStore = useScreenStore();
       const { currentFilterKeys } = storeToRefs(searchResultStore);
       const { searchResultOptions } = storeToRefs(optionsStore);
+      const { isMobileWidth } = storeToRefs(screenStore);
       const emit2 = __emit;
-      const isOpen = ref((_b25 = (_a25 = props.options.expand) == null ? void 0 : _a25.includes(props.facet.key)) != null ? _b25 : false);
+      const allExpanded = computed(() => {
+        var _a26, _b26, _c2, _d, _e, _f;
+        if (isMobileWidth.value) {
+          return (_c2 = (_b26 = (_a26 = props.options) == null ? void 0 : _a26.expandAll) == null ? void 0 : _b26.mobile) != null ? _c2 : false;
+        }
+        return (_f = (_e = (_d = props.options) == null ? void 0 : _d.expandAll) == null ? void 0 : _e.desktop) != null ? _f : false;
+      });
+      const isOpen = ref((_c = ((_b25 = (_a25 = props.options) == null ? void 0 : _a25.expand) == null ? void 0 : _b25.includes(props.facet.key)) || allExpanded.value) != null ? _c : false);
       const facetPanel = ref(null);
       const facetType = computed(() => {
         switch (facet.value.type) {
@@ -34692,6 +34742,7 @@ and ensure you are accounting for this risk.
           case "range":
             toggleRangeFilter(
               paramStore.appendParams,
+              paramStore.removeParameters,
               facetAction,
               optionsStore.getQueryParamName,
               filters.value
@@ -35222,7 +35273,10 @@ and ensure you are accounting for this risk.
     "data-cy": "lupa-search-results-page-size"
   };
   const _hoisted_2$t = { id: "lupa-select" };
-  const _hoisted_3$l = { class: "lupa-select-label" };
+  const _hoisted_3$l = {
+    class: "lupa-select-label",
+    for: "lupa-page-size-select-dropdown"
+  };
   const _hoisted_4$d = ["aria-label"];
   const _hoisted_5$a = ["value"];
   const _sfc_main$H = /* @__PURE__ */ defineComponent({
@@ -35235,6 +35289,7 @@ and ensure you are accounting for this risk.
       const props = __props;
       const paramsStore = useParamsStore();
       const optionsStore = useOptionsStore();
+      const { ariaLabels } = storeToRefs(optionsStore);
       const select = ref(null);
       const prefixLabel = computed(() => {
         var _a25, _b25;
@@ -35253,12 +35308,14 @@ and ensure you are accounting for this risk.
         });
       };
       return (_ctx, _cache) => {
+        var _a25, _b25, _c;
         return openBlock(), createElementBlock("div", _hoisted_1$C, [
           createBaseVNode("div", _hoisted_2$t, [
             createBaseVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
             createBaseVNode("select", {
+              id: "lupa-page-size-select-dropdown",
               class: "lupa-select-dropdown",
-              "aria-label": label.value,
+              "aria-label": (_c = (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.pageSizeSelect) != null ? _b25 : label.value) != null ? _c : "Select page size",
               "data-cy": "lupa-page-size-select-dropdown",
               onChange: handleSelect,
               ref_key: "select",
@@ -35281,7 +35338,10 @@ and ensure you are accounting for this risk.
     class: "lupa-search-results-sort"
   };
   const _hoisted_2$s = { id: "lupa-select" };
-  const _hoisted_3$k = { class: "lupa-select-label" };
+  const _hoisted_3$k = {
+    class: "lupa-select-label",
+    for: "lupa-sort-select-dropdown"
+  };
   const _hoisted_4$c = ["aria-label"];
   const _hoisted_5$9 = ["value"];
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
@@ -35295,6 +35355,7 @@ and ensure you are accounting for this risk.
       const paramStore = useParamsStore();
       const optionStore = useOptionsStore();
       const { sort } = storeToRefs(paramStore);
+      const { ariaLabels } = storeToRefs(optionStore);
       const selectedKey = ref("");
       const previousKey = ref("");
       const sortItems = computed(() => {
@@ -35333,12 +35394,14 @@ and ensure you are accounting for this risk.
         previousKey.value = selectedKey.value;
       };
       return (_ctx, _cache) => {
+        var _a25, _b25;
         return openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", _hoisted_2$s, [
             createBaseVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
+              id: "lupa-sort-select-dropdown",
               class: "lupa-select-dropdown",
-              "aria-label": _ctx.options.label,
+              "aria-label": (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.sortBySelect) != null ? _b25 : _ctx.options.label,
               "data-cy": "lupa-sort-select-dropdown",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedKey.value = $event),
               onChange: handleSelect,
@@ -35837,6 +35900,13 @@ and ensure you are accounting for this risk.
       const hasLink = computed(() => {
         return Boolean(props.link && props.options.link);
       });
+      const addToCartButtonClass = computed(() => {
+        return {
+          [props.options.className]: Boolean(props.options.className),
+          "lupa-add-to-cart-loading": loading.value,
+          "lupa-add-to-cart": !loading.value
+        };
+      });
       const handleClick = (e2) => __async2(null, null, function* () {
         if (productCardIsClickable.value && !hasLink.value) {
           e2.preventDefault();
@@ -35857,7 +35927,7 @@ and ensure you are accounting for this risk.
           createBaseVNode("div", _hoisted_2$o, [
             hasLink.value ? (openBlock(), createElementBlock("button", mergeProps({
               key: 0,
-              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
+              class: addToCartButtonClass.value,
               "data-cy": "lupa-add-to-cart",
               disabled: !inStockValue.value || loading.value
             }, _ctx.dynamicAttributes, { onClick: handleClick }), [
@@ -35865,7 +35935,7 @@ and ensure you are accounting for this risk.
             ], 16, _hoisted_3$g)) : (openBlock(), createElementBlock("button", mergeProps({
               key: 1,
               id: id.value,
-              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
+              class: addToCartButtonClass.value,
               "data-cy": "lupa-add-to-cart",
               disabled: !inStockValue.value || loading.value
             }, _ctx.dynamicAttributes, {
@@ -39658,6 +39728,10 @@ and ensure you are accounting for this risk.
       const itemId = computed(() => {
         return typeof props.options.itemId === "string" || typeof props.options.itemId === "number" || Array.isArray(props.options.itemId) ? props.options.itemId : extractValue(props.options.itemId);
       });
+      const wrapAround = computed(() => {
+        var _a25, _b25;
+        return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
+      });
       const loadLupaRecommendations = () => __async2(null, null, function* () {
         var _a25, _b25;
         recommendationsType.value = "recommendations_lupasearch";
@@ -39692,7 +39766,7 @@ and ensure you are accounting for this risk.
           hasRecommendations.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
             !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-              layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
+              layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
                 addons: withCtx(() => [
                   createVNode(unref(Navigation))
                 ]),
@@ -39715,7 +39789,7 @@ and ensure you are accounting for this risk.
                   }), 128))
                 ]),
                 _: 1
-              }, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
                   return openBlock(), createBlock(_sfc_main$t, {
                     style: normalizeStyle(columnSize.value),
@@ -46454,8 +46528,7 @@ and ensure you are accounting for this risk.
     links: {
       details: "/{id}"
     },
-    elements: [],
-    breadcrumbs: [{ label: "Main Page", link: "/" }, { label: "Search: {1}" }]
+    elements: []
   };
   const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsEntry",