@getlupa/client 1.21.1 → 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

@@ -18643,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) {
@@ -18702,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({});
@@ -18762,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)) {
@@ -18969,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
     });
   };
@@ -30506,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;
       });
@@ -30529,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 }), [
@@ -30537,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
@@ -32943,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,
@@ -32957,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;
@@ -34431,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;
@@ -34443,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) {
@@ -34709,6 +34742,7 @@ and ensure you are accounting for this risk.
           case "range":
             toggleRangeFilter(
               paramStore.appendParams,
+              paramStore.removeParameters,
               facetAction,
               optionsStore.getQueryParamName,
               filters.value
@@ -35866,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();
@@ -35886,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 }), [
@@ -35894,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, {
@@ -46487,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",

package/dist/lupaSearch.js

@@ -18643,13 +18643,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) {
@@ -18702,8 +18702,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({});
@@ -18762,14 +18763,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)) {
@@ -18969,16 +18971,27 @@ const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, cur
     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
   });
 };
@@ -30506,6 +30519,13 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     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;
     });
@@ -30529,7 +30549,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         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 }), [
@@ -30537,7 +30557,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
@@ -32943,7 +32963,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();
       emit2("select", {
         key: facet.value.key,
         value,
@@ -32957,7 +32977,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;
@@ -34431,7 +34455,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
   },
   emits: ["select", "clear"],
   setup(__props, { emit: __emit }) {
-    var _a25, _b25;
+    var _a25, _b25, _c;
     const props = __props;
     const facet = computed(() => {
       var _a26;
@@ -34443,10 +34467,19 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     });
     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) {
@@ -34709,6 +34742,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         case "range":
           toggleRangeFilter(
             paramStore.appendParams,
+            paramStore.removeParameters,
             facetAction,
             optionsStore.getQueryParamName,
             filters.value
@@ -35866,6 +35900,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) => __async2(null, null, function* () {
       if (productCardIsClickable.value && !hasLink.value) {
         e2.preventDefault();
@@ -35886,7 +35927,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         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 }), [
@@ -35894,7 +35935,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, {
@@ -46487,8 +46528,7 @@ const DEFAULT_OPTIONS_RESULTS = {
   links: {
     details: "/{id}"
   },
-  elements: [],
-  breadcrumbs: [{ label: "Main Page", link: "/" }, { label: "Search: {1}" }]
+  elements: []
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsEntry",

package/dist/lupaSearch.mjs

@@ -18641,13 +18641,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) {
@@ -18700,8 +18700,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({});
@@ -18760,14 +18761,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)) {
@@ -18967,16 +18969,27 @@ const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, cur
     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
   });
 };
@@ -30504,6 +30517,13 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     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;
     });
@@ -30527,7 +30547,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         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 }), [
@@ -30535,7 +30555,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
@@ -32941,7 +32961,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();
       emit2("select", {
         key: facet.value.key,
         value,
@@ -32955,7 +32975,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;
@@ -34429,7 +34453,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
   },
   emits: ["select", "clear"],
   setup(__props, { emit: __emit }) {
-    var _a25, _b25;
+    var _a25, _b25, _c;
     const props = __props;
     const facet = computed(() => {
       var _a26;
@@ -34441,10 +34465,19 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     });
     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) {
@@ -34707,6 +34740,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         case "range":
           toggleRangeFilter(
             paramStore.appendParams,
+            paramStore.removeParameters,
             facetAction,
             optionsStore.getQueryParamName,
             filters.value
@@ -35864,6 +35898,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) => __async2(null, null, function* () {
       if (productCardIsClickable.value && !hasLink.value) {
         e2.preventDefault();
@@ -35884,7 +35925,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         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 }), [
@@ -35892,7 +35933,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, {
@@ -46485,8 +46526,7 @@ const DEFAULT_OPTIONS_RESULTS = {
   links: {
     details: "/{id}"
   },
-  elements: [],
-  breadcrumbs: [{ label: "Main Page", link: "/" }, { label: "Search: {1}" }]
+  elements: []
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsEntry",

package/dist/lupaSearch.umd.js

@@ -18645,13 +18645,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) {
@@ -18704,8 +18704,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({});
@@ -18764,14 +18765,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)) {
@@ -18971,16 +18973,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
     });
   };
@@ -30508,6 +30521,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;
       });
@@ -30531,7 +30551,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 }), [
@@ -30539,7 +30559,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
@@ -32945,7 +32965,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,
@@ -32959,7 +32979,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;
@@ -34433,7 +34457,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;
@@ -34445,10 +34469,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) {
@@ -34711,6 +34744,7 @@ and ensure you are accounting for this risk.
           case "range":
             toggleRangeFilter(
               paramStore.appendParams,
+              paramStore.removeParameters,
               facetAction,
               optionsStore.getQueryParamName,
               filters.value
@@ -35868,6 +35902,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();
@@ -35888,7 +35929,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 }), [
@@ -35896,7 +35937,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, {
@@ -46489,8 +46530,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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.21.1",
+  "version": "1.21.3",
   "main": "dist/lupaSearch.js",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.8.1",
-    "@getlupa/vue": "0.21.1",
+    "@getlupa/vue": "0.21.2",
     "@rushstack/eslint-patch": "^1.12.0",
     "@tsconfig/node18": "^18.2.4",
     "@types/jsdom": "^21.1.7",