@getlupa/vue 0.21.0 → 0.21.2

package/dist/lupaSearch.js

@@ -11832,6 +11832,10 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
       return (_b25 = (_a25 = currentResolutionPageSizes.value) == null ? void 0 : _a25[0]) != null ? _b25 : DEFAULT_PAGE_SIZE;
     }
   );
+  const ariaLabels = vue.computed(() => {
+    var _a25, _b25;
+    return (_b25 = (_a25 = searchResultOptions.value.labels) == null ? void 0 : _a25.aria) != null ? _b25 : {};
+  });
   const currentResolutionPageSizes = vue.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;
@@ -11887,6 +11891,7 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
     productRecommendationOptions,
+    ariaLabels,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
@@ -12370,13 +12375,13 @@ const unfoldRangeFilter = (key, filter, price = {}) => {
       }
     ];
   }
-  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) {
@@ -12429,8 +12434,9 @@ const recursiveFilterItem = (item, query = "") => {
   }) : 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({});
@@ -12489,14 +12495,15 @@ const parseFacetKey = (key, searchParams) => {
     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)) {
@@ -12696,16 +12703,27 @@ const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, cur
     paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS.PAGE) : QUERY_PARAMS.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.PAGE)] : [QUERY_PARAMS.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.PAGE) : QUERY_PARAMS.PAGE],
+    paramsToRemove,
     encode: false
   });
 };
@@ -13499,6 +13517,7 @@ const _hoisted_1$1l = {
 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__ */ vue.defineComponent({
   __name: "VoiceSearchDialog",
   props: {
@@ -13602,6 +13621,7 @@ const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
       reset: dialogReset
     });
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return vue.openBlock(), vue.createElementBlock("div", null, [
         props.isOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1l, [
           vue.createElementVNode("button", {
@@ -13613,8 +13633,10 @@ const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_4$u, [
               vue.createElementVNode("button", {
                 class: vue.normalizeClass(["lupa-mic-button", { recording: vue.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),
               vue.createVNode(_sfc_main$1A, {
                 ref_key: "voiceSearchProgressBar",
                 ref: voiceSearchProgressBar,
@@ -13640,6 +13662,7 @@ const _hoisted_6$8 = {
   class: "lupa-close-label"
 };
 const _hoisted_7$5 = { key: 1 };
+const _hoisted_8$3 = ["aria-label"];
 const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxInput",
   props: {
@@ -13695,6 +13718,10 @@ const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
       var _a25;
       return (_a25 = labels.value.searchInputAriaLabel) != null ? _a25 : "Search input";
     });
+    const voiceSearchAriaLabel = vue.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";
+    });
     vue.onMounted(() => {
       document.addEventListener("click", handleClickOutsideVoiceDialogOverlay);
     });
@@ -13815,8 +13842,11 @@ const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
         isVoiceSearchEnabled.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
           vue.createElementVNode("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)
         ])) : vue.createCommentVNode("", true),
         isVoiceSearchEnabled.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1z, {
           key: 2,
@@ -24279,6 +24309,13 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     const { addToCartAmount } = storeToRefs(searchResultStore);
     const emit = __emit;
     const loading = vue.ref(false);
+    const addToCartButtonClass = vue.computed(() => {
+      return {
+        [props.options.className]: Boolean(props.options.className),
+        "lupa-add-to-cart-loading": loading.value,
+        "lupa-add-to-cart": !loading.value
+      };
+    });
     const label = vue.computed(() => {
       return props.options.labels.addToCart;
     });
@@ -24302,7 +24339,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2$O, [
           hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.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 }), [
@@ -24310,7 +24347,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
           ], 16, _hoisted_3$A)) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             key: 1,
             onClick: vue.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
@@ -26732,7 +26769,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     });
     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();
       emit("select", {
         key: facet.value.key,
         value,
@@ -26746,7 +26783,11 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
       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;
@@ -28185,12 +28226,12 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
         }), 128)),
         itemLimit.value < filteredValues.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
-          class: vue.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
-        }, vue.toDisplayString(_ctx.options.labels.showAll), 3)) : showAll.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, vue.toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (vue.openBlock(), vue.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
         }, vue.toDisplayString(_ctx.options.labels.showLess), 1)) : vue.createCommentVNode("", true)
       ]);
@@ -28220,7 +28261,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
   },
   emits: ["select", "clear"],
   setup(__props, { emit: __emit }) {
-    var _a25, _b25;
+    var _a25, _b25, _c;
     const props = __props;
     const facet = vue.computed(() => {
       var _a26;
@@ -28232,10 +28273,19 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     });
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
+    const screenStore = useScreenStore();
     const { currentFilterKeys } = storeToRefs(searchResultStore);
     const { searchResultOptions } = storeToRefs(optionsStore);
+    const { isMobileWidth } = storeToRefs(screenStore);
     const emit = __emit;
-    const isOpen = vue.ref((_b25 = (_a25 = props.options.expand) == null ? void 0 : _a25.includes(props.facet.key)) != null ? _b25 : false);
+    const allExpanded = vue.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 = vue.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 = vue.ref(null);
     const facetType = vue.computed(() => {
       switch (facet.value.type) {
@@ -28498,6 +28548,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         case "range":
           toggleRangeFilter(
             paramStore.appendParams,
+            paramStore.removeParameters,
             facetAction,
             optionsStore.getQueryParamName,
             filters.value
@@ -29028,7 +29079,10 @@ const _hoisted_1$C = {
   "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__ */ vue.defineComponent({
@@ -29041,6 +29095,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const paramsStore = useParamsStore();
     const optionsStore = useOptionsStore();
+    const { ariaLabels } = storeToRefs(optionsStore);
     const select = vue.ref(null);
     const prefixLabel = vue.computed(() => {
       var _a25, _b25;
@@ -29059,12 +29114,14 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       });
     };
     return (_ctx, _cache) => {
+      var _a25, _b25, _c;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
         vue.createElementVNode("div", _hoisted_2$t, [
           vue.createElementVNode("label", _hoisted_3$l, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("select", {
+            id: "lupa-page-size-select-dropdown",
             class: "lupa-select-dropdown",
-            "aria-label": label.value,
+            "aria-label": (_c = (_b25 = (_a25 = vue.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",
@@ -29087,7 +29144,10 @@ const _hoisted_1$B = {
   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__ */ vue.defineComponent({
@@ -29101,6 +29161,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     const paramStore = useParamsStore();
     const optionStore = useOptionsStore();
     const { sort } = storeToRefs(paramStore);
+    const { ariaLabels } = storeToRefs(optionStore);
     const selectedKey = vue.ref("");
     const previousKey = vue.ref("");
     const sortItems = vue.computed(() => {
@@ -29139,12 +29200,14 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         vue.createElementVNode("div", _hoisted_2$s, [
           vue.createElementVNode("label", _hoisted_3$k, vue.toDisplayString(_ctx.options.label), 1),
           vue.withDirectives(vue.createElementVNode("select", {
+            id: "lupa-sort-select-dropdown",
             class: "lupa-select-dropdown",
-            "aria-label": _ctx.options.label,
+            "aria-label": (_b25 = (_a25 = vue.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,
@@ -29643,6 +29706,13 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     const hasLink = vue.computed(() => {
       return Boolean(props.link && props.options.link);
     });
+    const addToCartButtonClass = vue.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) => __async(null, null, function* () {
       if (productCardIsClickable.value && !hasLink.value) {
         e2.preventDefault();
@@ -29663,7 +29733,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2$o, [
           hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.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 }), [
@@ -29671,7 +29741,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           ], 16, _hoisted_3$g)) : (vue.openBlock(), vue.createElementBlock("button", vue.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, {
@@ -33531,6 +33601,10 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     const itemId = vue.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 = vue.computed(() => {
+      var _a25, _b25;
+      return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
+    });
     const loadLupaRecommendations = () => __async(null, null, function* () {
       var _a25, _b25;
       recommendationsType.value = "recommendations_lupasearch";
@@ -33565,7 +33639,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
         hasRecommendations.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           title.value ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_1$9, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
           !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
-            layoutType.value === "carousel" ? (vue.openBlock(), vue.createBlock(vue.unref(Carousel), vue.mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
+            layoutType.value === "carousel" ? (vue.openBlock(), vue.createBlock(vue.unref(Carousel), vue.mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
               addons: vue.withCtx(() => [
                 vue.createVNode(vue.unref(Navigation))
               ]),
@@ -33588,7 +33662,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                 }), 128))
               ]),
               _: 1
-            }, 16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
+            }, 16, ["wrap-around"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(recommendations.value, (product, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$t, {
                   style: vue.normalizeStyle(columnSize.value),

package/dist/lupaSearch.mjs

@@ -11830,6 +11830,10 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
       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;
@@ -11885,6 +11889,7 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
     productRecommendationOptions,
+    ariaLabels,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
@@ -12368,13 +12373,13 @@ const unfoldRangeFilter = (key, filter, price = {}) => {
       }
     ];
   }
-  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) {
@@ -12427,8 +12432,9 @@ const recursiveFilterItem = (item, query = "") => {
   }) : 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({});
@@ -12487,14 +12493,15 @@ const parseFacetKey = (key, searchParams) => {
     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)) {
@@ -12694,16 +12701,27 @@ const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, cur
     paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS.PAGE) : QUERY_PARAMS.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.PAGE)] : [QUERY_PARAMS.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.PAGE) : QUERY_PARAMS.PAGE],
+    paramsToRemove,
     encode: false
   });
 };
@@ -13497,6 +13515,7 @@ const _hoisted_1$1l = {
 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: {
@@ -13600,6 +13619,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
       reset: dialogReset
     });
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return openBlock(), createElementBlock("div", null, [
         props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
           createElementVNode("button", {
@@ -13611,8 +13631,10 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_4$u, [
               createElementVNode("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,
@@ -13638,6 +13660,7 @@ const _hoisted_6$8 = {
   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: {
@@ -13693,6 +13716,10 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
       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);
     });
@@ -13813,8 +13840,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
         isVoiceSearchEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
           createElementVNode("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,
@@ -24277,6 +24307,13 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     const { addToCartAmount } = storeToRefs(searchResultStore);
     const emit = __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;
     });
@@ -24300,7 +24337,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         createElementVNode("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 }), [
@@ -24308,7 +24345,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           ], 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
@@ -26730,7 +26767,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     });
     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();
       emit("select", {
         key: facet.value.key,
         value,
@@ -26744,7 +26781,11 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       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;
@@ -28183,12 +28224,12 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         }), 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)
       ]);
@@ -28218,7 +28259,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   },
   emits: ["select", "clear"],
   setup(__props, { emit: __emit }) {
-    var _a25, _b25;
+    var _a25, _b25, _c;
     const props = __props;
     const facet = computed(() => {
       var _a26;
@@ -28230,10 +28271,19 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     });
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
+    const screenStore = useScreenStore();
     const { currentFilterKeys } = storeToRefs(searchResultStore);
     const { searchResultOptions } = storeToRefs(optionsStore);
+    const { isMobileWidth } = storeToRefs(screenStore);
     const emit = __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) {
@@ -28496,6 +28546,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         case "range":
           toggleRangeFilter(
             paramStore.appendParams,
+            paramStore.removeParameters,
             facetAction,
             optionsStore.getQueryParamName,
             filters.value
@@ -29026,7 +29077,10 @@ const _hoisted_1$C = {
   "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({
@@ -29039,6 +29093,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const props = __props;
     const paramsStore = useParamsStore();
     const optionsStore = useOptionsStore();
+    const { ariaLabels } = storeToRefs(optionsStore);
     const select = ref(null);
     const prefixLabel = computed(() => {
       var _a25, _b25;
@@ -29057,12 +29112,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
+      var _a25, _b25, _c;
       return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createElementVNode("div", _hoisted_2$t, [
           createElementVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
           createElementVNode("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",
@@ -29085,7 +29142,10 @@ const _hoisted_1$B = {
   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({
@@ -29099,6 +29159,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const paramStore = useParamsStore();
     const optionStore = useOptionsStore();
     const { sort } = storeToRefs(paramStore);
+    const { ariaLabels } = storeToRefs(optionStore);
     const selectedKey = ref("");
     const previousKey = ref("");
     const sortItems = computed(() => {
@@ -29137,12 +29198,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createElementVNode("div", _hoisted_2$s, [
           createElementVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
           withDirectives(createElementVNode("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,
@@ -29641,6 +29704,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     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) => __async(null, null, function* () {
       if (productCardIsClickable.value && !hasLink.value) {
         e2.preventDefault();
@@ -29661,7 +29731,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         createElementVNode("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 }), [
@@ -29669,7 +29739,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           ], 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, {
@@ -33529,6 +33599,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     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 = () => __async(null, null, function* () {
       var _a25, _b25;
       recommendationsType.value = "recommendations_lupasearch";
@@ -33563,7 +33637,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         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))
               ]),
@@ -33586,7 +33660,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 }), 128))
               ]),
               _: 1
-            }, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+            }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations.value, (product, index) => {
                 return openBlock(), createBlock(_sfc_main$t, {
                   style: normalizeStyle(columnSize.value),

package/dist/stores/options.d.ts

@@ -18,6 +18,7 @@ export declare const useOptionsStore: import('pinia').StoreDefinition<"options",
     defaultSearchResultPageSize: import('vue').ComputedRef<number>;
     currentResolutionPageSizes: import('vue').ComputedRef<number[]>;
     productRecommendationOptions: Ref<Partial<ProductRecommendationOptions>, Partial<ProductRecommendationOptions>>;
+    ariaLabels: import('vue').ComputedRef<import('../types/search-results/SearchResultsOptions').SearchResultsAriaLabels>;
     setSearchBoxOptions: ({ options }: {
         options: SearchBoxOptions;
     }) => void;
@@ -47,6 +48,7 @@ export declare const useOptionsStore: import('pinia').StoreDefinition<"options",
     defaultSearchResultPageSize: import('vue').ComputedRef<number>;
     currentResolutionPageSizes: import('vue').ComputedRef<number[]>;
     productRecommendationOptions: Ref<Partial<ProductRecommendationOptions>, Partial<ProductRecommendationOptions>>;
+    ariaLabels: import('vue').ComputedRef<import('../types/search-results/SearchResultsOptions').SearchResultsAriaLabels>;
     setSearchBoxOptions: ({ options }: {
         options: SearchBoxOptions;
     }) => void;
@@ -63,7 +65,7 @@ export declare const useOptionsStore: import('pinia').StoreDefinition<"options",
         options: ProductRecommendationOptions;
     }) => void;
     getQueryParamName: (param: LupaQueryParamValue) => string;
-}, "initialFilters" | "envOptions" | "multiCurrency" | "classMap" | "boxRoutingBehavior" | "searchResultsRoutingBehavior" | "defaultSearchResultPageSize" | "currentResolutionPageSizes">, Pick<{
+}, "initialFilters" | "envOptions" | "multiCurrency" | "classMap" | "boxRoutingBehavior" | "searchResultsRoutingBehavior" | "defaultSearchResultPageSize" | "currentResolutionPageSizes" | "ariaLabels">, Pick<{
     searchBoxOptions: Ref<SearchBoxOptions, SearchBoxOptions>;
     searchResultOptions: Ref<SearchResultsOptions, SearchResultsOptions>;
     trackingOptions: Ref<TrackingOptions, TrackingOptions>;
@@ -76,6 +78,7 @@ export declare const useOptionsStore: import('pinia').StoreDefinition<"options",
     defaultSearchResultPageSize: import('vue').ComputedRef<number>;
     currentResolutionPageSizes: import('vue').ComputedRef<number[]>;
     productRecommendationOptions: Ref<Partial<ProductRecommendationOptions>, Partial<ProductRecommendationOptions>>;
+    ariaLabels: import('vue').ComputedRef<import('../types/search-results/SearchResultsOptions').SearchResultsAriaLabels>;
     setSearchBoxOptions: ({ options }: {
         options: SearchBoxOptions;
     }) => void;

package/dist/types/DocumentElement.d.ts

@@ -27,6 +27,7 @@ export type DocumentElementBase<T = any> = {
     group?: string;
     dynamic?: boolean;
     dynamicAttributes?: DynamicAttribute[];
+    className: string;
 };
 export type ImageDocumentElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.IMAGE;
@@ -57,24 +58,20 @@ export type DescriptionDocumentElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.DESCRIPTION;
     maxLines?: number;
     key: string;
-    className?: string;
 };
 export type CustomDocumentElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.CUSTOM;
     maxLines?: number;
-    className?: string;
     key: string;
     label?: string;
     action?: (document: T) => Promise<unknown> | undefined;
 };
 export type PriceElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.PRICE;
-    className?: string;
     key: string;
 };
 export type RegularPriceDocumentElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.REGULARPRICE;
-    className?: string;
     key: string;
 };
 export type RatingElement<T = any> = DocumentElementBase<T> & {

package/dist/types/search-box/SearchBoxOptions.d.ts

@@ -41,6 +41,10 @@ export type VoiceSearchLabels = {
     connecting?: string;
     microphoneNotFound?: string;
     microphoneNotAllowed?: string;
+    aria?: {
+        openDialog?: string;
+        microphone?: string;
+    };
 };
 export type VoiceSearchOptions = {
     enabled: boolean;
@@ -59,6 +63,7 @@ export type SearchBoxInputOptions = {
     links: SearchBoxOptionLinks;
     inputAttributes?: Record<string, string>;
     showSubmitButton?: boolean;
+    voiceSearch?: VoiceSearchOptions;
 };
 export type SearchBoxResultCallbackContext = {
     hasAnyResults?: boolean;

package/dist/types/search-results/SearchResultsOptions.d.ts

@@ -73,6 +73,10 @@ export type SearchResultEventCallbacks = {
     onSortChange?: (context: SortCallbackContext) => unknown;
     onMounted?: () => unknown;
 };
+export type SearchResultsAriaLabels = {
+    pageSizeSelect?: string;
+    sortBySelect?: string;
+};
 export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchResultsDidYouMeanLabels & SearchResultsSimilarQueriesLabels & SearchResultsSimilarResultsLabels & {
     sortBy: string;
     currency?: string;
@@ -93,6 +97,7 @@ export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchRe
     toolbarRightLabel?: string;
     toolbarLeftLabel?: string;
     refinersLoadingNotice?: string;
+    aria?: SearchResultsAriaLabels;
 };
 export type SearchResultsAdditionalPanels = {
     additionalPanels?: SearchResultsAdditionalPanelOptions[];
@@ -234,6 +239,10 @@ export type ResultFacetOptions = {
     exclude?: string[];
     excludeValues?: Record<string, Record<string, string[]>>;
     expand?: string[];
+    expandAll?: {
+        desktop?: boolean;
+        mobile?: boolean;
+    };
     facetFilterQueries?: Record<string, FacetFilterQuery>;
 };
 export type SearchResultsFilterOptions = {

package/dist/utils/filter.toggle.utils.d.ts

@@ -3,7 +3,7 @@ import { FilterType } from '../types/search-results/Filters';
 import { FilterGroup } from '@getlupa/client-sdk/Types';
 import { LupaQueryParamValue } from '../types/General';
 type AppendParams = ({ params, paramsToRemove, encode }: {
-    params: {
+    params?: {
         name: string;
         value: string | string[];
     }[];
@@ -17,7 +17,7 @@ export declare const getFacetParam: (key: string, value: string[] | string, type
 };
 export declare const toggleTermFilter: (appendParams: AppendParams, facetAction: TermFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup, paramsToRemove?: string[]) => void;
 export declare const toggleHierarchyFilter: (appendParams: AppendParams, facetAction: HierarchyFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup, removeAllLevels?: boolean) => void;
-export declare const toggleRangeFilter: (appendParams: AppendParams, facetAction: RangeFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup) => void;
+export declare const toggleRangeFilter: (appendParams: AppendParams, removeParameters: AppendParams, facetAction: RangeFacetAction, getQueryParamName?: (param: LupaQueryParamValue) => string, currentFilters?: FilterGroup) => void;
 export declare const toggleTermParam: (params?: string[], param?: string) => string[];
 export declare const toggleLastPram: (params?: string[], param?: string) => string[];
 export declare const toggleHierarchyParam: (params?: string[], param?: string, removeAllLevels?: boolean) => string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.21.0",
+  "version": "0.21.2",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",