@getlupa/client 1.21.1 → 1.22.0

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
     });
   };
@@ -19773,7 +19786,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_4$v = { class: "lupa-mic-button-wrapper" };
   const _hoisted_5$l = ["aria-label"];
   const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     __name: "VoiceSearchDialog",
@@ -19887,7 +19900,7 @@ var __async = (__this, __arguments, generator) => {
             }),
             createBaseVNode("div", _hoisted_2$W, [
               createBaseVNode("p", _hoisted_3$E, toDisplayString(description.value), 1),
-              createBaseVNode("div", _hoisted_4$u, [
+              createBaseVNode("div", _hoisted_4$v, [
                 createBaseVNode("button", {
                   class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
                   onClick: handleRecordingButtonClick,
@@ -19912,7 +19925,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_1$1k = { id: "lupa-search-box-input-container" };
   const _hoisted_2$V = { class: "lupa-input-clear" };
   const _hoisted_3$D = { id: "lupa-search-box-input" };
-  const _hoisted_4$t = ["value"];
+  const _hoisted_4$u = ["value"];
   const _hoisted_5$k = ["aria-label", "placeholder"];
   const _hoisted_6$8 = {
     key: 0,
@@ -20065,7 +20078,7 @@ var __async = (__this, __arguments, generator) => {
               "aria-hidden": "true",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$t),
+            }, null, 8, _hoisted_4$u),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -20315,7 +20328,7 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
   };
-  const _hoisted_4$s = {
+  const _hoisted_4$t = {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
@@ -20362,7 +20375,7 @@ var __async = (__this, __arguments, generator) => {
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$1g)) : (openBlock(), createElementBlock("div", _hoisted_2$T, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
-            createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_4$t, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
@@ -30102,7 +30115,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$1a = ["innerHTML"];
   const _hoisted_2$P = { key: 0 };
   const _hoisted_3$B = { key: 1 };
-  const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$s = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
   const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
@@ -30135,7 +30148,7 @@ and ensure you are accounting for this risk.
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
-            createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$s, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -30486,7 +30499,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$18 = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$O = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$A = ["disabled"];
-  const _hoisted_4$q = ["href"];
+  const _hoisted_4$r = ["href"];
   const _hoisted_5$h = ["disabled"];
   const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
@@ -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,15 +30551,15 @@ 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 }), [
-              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$q)
+              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$r)
             ], 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
@@ -30655,7 +30675,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$16 = { class: "lupa-badge-title" };
   const _hoisted_2$N = ["src"];
   const _hoisted_3$z = { key: 1 };
-  const _hoisted_4$p = {
+  const _hoisted_4$q = {
     key: 0,
     class: "lupa-badge-full-text"
   };
@@ -30699,7 +30719,7 @@ and ensure you are accounting for this risk.
             }, null, 8, _hoisted_2$N)) : createCommentVNode("", true),
             hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
-          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
         ], 6);
       };
     }
@@ -31440,7 +31460,16 @@ and ensure you are accounting for this risk.
     if (attr === "value" && (element == null ? void 0 : element.value)) {
       return element.value;
     }
-    return element.getAttribute(attr) || options.default;
+    const attributeValue = element.getAttribute(attr);
+    if (attributeValue === null || attributeValue === void 0) {
+      return options.default;
+    }
+    if (options.regex) {
+      const regex = new RegExp(options.regex);
+      const match = attributeValue.match(regex);
+      return match ? match[1] : options.default;
+    }
+    return attributeValue;
   };
   const getValueFromPath = (obj, path) => {
     return path.split(".").reduce((value, key) => value && value[key] || null, obj);
@@ -31658,7 +31687,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
   };
-  const _hoisted_4$o = {
+  const _hoisted_4$p = {
     key: 1,
     class: "lupa-panel-title"
   };
@@ -31854,7 +31883,7 @@ and ensure you are accounting for this risk.
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
                   ((_a25 = panel.labels) == null ? void 0 : _a25.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b25 = panel.labels) == null ? void 0 : _b25.topResultsTitle), 1)) : createCommentVNode("", true),
-                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                   panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                     key: 2,
                     panel,
@@ -32352,7 +32381,7 @@ and ensure you are accounting for this risk.
     key: 1,
     "data-cy": "did-you-mean-label"
   };
-  const _hoisted_4$n = { key: 1 };
+  const _hoisted_4$o = { key: 1 };
   const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
@@ -32403,7 +32432,7 @@ and ensure you are accounting for this risk.
                   class: "lupa-did-you-mean lupa-highlighted-search-text",
                   "data-cy": "did-you-mean-value",
                   onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
+                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
               ]);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -32453,7 +32482,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-results-total-count"
   };
-  const _hoisted_4$m = { class: "lupa-results-total-count-number" };
+  const _hoisted_4$n = { class: "lupa-results-total-count-number" };
   const _hoisted_5$f = ["innerHTML"];
   const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
@@ -32503,7 +32532,7 @@ and ensure you are accounting for this risk.
             queryText.value && !searchResultsTitleTemplate.value ? (openBlock(), createElementBlock("span", _hoisted_2$G, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
             showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
               createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
-              createBaseVNode("span", _hoisted_4$m, toDisplayString(unref(totalItems)), 1),
+              createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
               _cache[0] || (_cache[0] = createTextVNode(")"))
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
@@ -32585,7 +32614,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "filter-values"
   };
-  const _hoisted_4$l = { class: "lupa-current-filter-list" };
+  const _hoisted_4$m = { class: "lupa-current-filter-list" };
   const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
@@ -32677,7 +32706,7 @@ and ensure you are accounting for this risk.
             }, null, 2)) : createCommentVNode("", true)
           ]),
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
-            createBaseVNode("div", _hoisted_4$l, [
+            createBaseVNode("div", _hoisted_4$m, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
                 return openBlock(), createBlock(_sfc_main$$, {
                   key: filter.key + "_" + filter.value,
@@ -32746,7 +32775,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$D = { class: "lupa-category-back" };
   const _hoisted_3$t = ["href"];
-  const _hoisted_4$k = ["href"];
+  const _hoisted_4$l = ["href"];
   const _hoisted_5$e = { class: "lupa-child-category-list" };
   const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
@@ -32853,7 +32882,7 @@ and ensure you are accounting for this risk.
               href: parentUrlLink.value,
               class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
               onClick: handleNavigationParent
-            }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+            }, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
           ], 2),
           createBaseVNode("div", _hoisted_5$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
@@ -32874,7 +32903,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$C = ["placeholder"];
   const _hoisted_3$s = { class: "lupa-terms-list" };
-  const _hoisted_4$j = ["onClick"];
+  const _hoisted_4$k = ["onClick"];
   const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$7 = { class: "lupa-term-label" };
   const _hoisted_7$4 = {
@@ -32945,7 +32974,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 +32988,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;
@@ -33002,7 +33035,7 @@ and ensure you are accounting for this risk.
                   createBaseVNode("span", _hoisted_6$7, toDisplayString(getItemLabel(item)), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_7$4, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ], 2)
-              ], 10, _hoisted_4$j);
+              ], 10, _hoisted_4$k);
             }), 128))
           ]),
           displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -33919,7 +33952,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
-  const _hoisted_4$i = { class: "lupa-stats-from" };
+  const _hoisted_4$j = { class: "lupa-stats-from" };
   const _hoisted_5$c = {
     key: 0,
     class: "lupa-stats-range-label"
@@ -34157,7 +34190,7 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$P, [
           !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$B, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$r, [
-            createBaseVNode("div", _hoisted_4$i, [
+            createBaseVNode("div", _hoisted_4$j, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_5$c, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -34226,7 +34259,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-term-count"
   };
-  const _hoisted_4$h = {
+  const _hoisted_4$i = {
     key: 0,
     class: "lupa-facet-level"
   };
@@ -34296,7 +34329,7 @@ and ensure you are accounting for this risk.
               _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_3$q, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ], 2)
           ]),
-          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
+          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
               return openBlock(), createBlock(_component_HierarchyFacetLevel, {
                 key: itemChild.title,
@@ -34433,7 +34466,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 +34478,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 +34753,7 @@ and ensure you are accounting for this risk.
           case "range":
             toggleRangeFilter(
               paramStore.appendParams,
+              paramStore.removeParameters,
               facetAction,
               optionsStore.getQueryParamName,
               filters.value
@@ -34834,7 +34877,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$w = { class: "lupa-mobile-sidebar-content" };
   const _hoisted_3$o = { class: "lupa-sidebar-top" };
-  const _hoisted_4$g = { class: "lupa-sidebar-title" };
+  const _hoisted_4$h = { class: "lupa-sidebar-title" };
   const _hoisted_5$b = {
     key: 0,
     class: "lupa-sidebar-filter-count"
@@ -34879,7 +34922,7 @@ and ensure you are accounting for this risk.
           }),
           createBaseVNode("div", _hoisted_2$w, [
             createBaseVNode("div", _hoisted_3$o, [
-              createBaseVNode("div", _hoisted_4$g, [
+              createBaseVNode("div", _hoisted_4$h, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_5$b, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
               ]),
@@ -34906,7 +34949,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
-  const _hoisted_4$f = { key: 2 };
+  const _hoisted_4$g = { key: 2 };
   const _sfc_main$N = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
@@ -34948,7 +34991,7 @@ and ensure you are accounting for this risk.
                   return handleNavigation(e2, (_a26 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a26 : "");
                 }
               }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$v)) : (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
@@ -35111,7 +35154,7 @@ and ensure you are accounting for this risk.
     class: "lupa-page-number-separator"
   };
   const _hoisted_3$m = ["onClick"];
-  const _hoisted_4$e = {
+  const _hoisted_4$f = {
     key: 0,
     class: "lupa-page-number-separator"
   };
@@ -35217,7 +35260,7 @@ and ensure you are accounting for this risk.
             }, toDisplayString(page), 11, _hoisted_3$m);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: "lupa-page-number lupa-page-number-last",
               onClick: _cache[2] || (_cache[2] = () => {
@@ -35245,7 +35288,7 @@ and ensure you are accounting for this risk.
     class: "lupa-select-label",
     for: "lupa-page-size-select-dropdown"
   };
-  const _hoisted_4$d = ["aria-label"];
+  const _hoisted_4$e = ["aria-label"];
   const _hoisted_5$a = ["value"];
   const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
@@ -35295,7 +35338,7 @@ and ensure you are accounting for this risk.
                   value: option
                 }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$a);
               }), 128))
-            ], 40, _hoisted_4$d)
+            ], 40, _hoisted_4$e)
           ])
         ]);
       };
@@ -35310,7 +35353,7 @@ and ensure you are accounting for this risk.
     class: "lupa-select-label",
     for: "lupa-sort-select-dropdown"
   };
-  const _hoisted_4$c = ["aria-label"];
+  const _hoisted_4$d = ["aria-label"];
   const _hoisted_5$9 = ["value"];
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSort",
@@ -35381,7 +35424,7 @@ and ensure you are accounting for this risk.
                   value: option.key
                 }, toDisplayString(option.label), 9, _hoisted_5$9);
               }), 128))
-            ], 40, _hoisted_4$c), [
+            ], 40, _hoisted_4$d), [
               [vModelSelect, selectedKey.value]
             ])
           ])
@@ -35395,7 +35438,7 @@ and ensure you are accounting for this risk.
     class: "lupa-toolbar-right-title"
   };
   const _hoisted_3$j = { key: 2 };
-  const _hoisted_4$b = { key: 4 };
+  const _hoisted_4$c = { key: 4 };
   const _hoisted_5$8 = { key: 6 };
   const _hoisted_6$4 = { class: "lupa-toolbar-right" };
   const _hoisted_7$2 = {
@@ -35523,7 +35566,7 @@ and ensure you are accounting for this risk.
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
               onClear: handleClearAll
-            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$b)),
+            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
             displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$I, {
               key: 5,
               options: paginationOptions.value.pageSelect,
@@ -35576,7 +35619,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$z = ["title", "innerHTML"];
   const _hoisted_2$q = ["title"];
   const _hoisted_3$i = ["href", "innerHTML"];
-  const _hoisted_4$a = ["title"];
+  const _hoisted_4$b = ["title"];
   const _hoisted_5$7 = {
     key: 0,
     class: "lupa-search-results-product-title-text"
@@ -35644,7 +35687,7 @@ and ensure you are accounting for this risk.
             class: "lupa-search-results-product-title-text lupa-title-link",
             onClick: handleNavigation
           }, toDisplayString(title.value), 9, _hoisted_6$3)) : createCommentVNode("", true)
-        ], 12, _hoisted_4$a));
+        ], 12, _hoisted_4$b));
       };
     }
   });
@@ -35687,7 +35730,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$x = { id: "lupa-search-results-rating" };
   const _hoisted_2$p = { class: "lupa-ratings" };
   const _hoisted_3$h = { class: "lupa-ratings-base" };
-  const _hoisted_4$9 = ["innerHTML"];
+  const _hoisted_4$a = ["innerHTML"];
   const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
   const _hoisted_6$2 = ["innerHTML"];
   const _hoisted_7$1 = ["href"];
@@ -35737,7 +35780,7 @@ and ensure you are accounting for this risk.
                   key: index,
                   innerHTML: star,
                   class: "lupa-rating lupa-rating-not-highlighted"
-                }, null, 8, _hoisted_4$9);
+                }, null, 8, _hoisted_4$a);
               }), 128))
             ]),
             createBaseVNode("div", _hoisted_5$6, [
@@ -35830,7 +35873,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$v = { class: "lupa-search-results-add-to-cart-wrapper" };
   const _hoisted_2$o = { class: "lupa-search-results-product-addtocart" };
   const _hoisted_3$g = ["disabled"];
-  const _hoisted_4$8 = ["href"];
+  const _hoisted_4$9 = ["href"];
   const _hoisted_5$5 = ["id", "disabled"];
   const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductAddToCart",
@@ -35868,6 +35911,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,15 +35938,15 @@ 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 }), [
-              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$8)
+              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$9)
             ], 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, {
@@ -35910,7 +35960,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$u = ["innerHTML"];
   const _hoisted_2$n = { key: 0 };
   const _hoisted_3$f = { key: 1 };
-  const _hoisted_4$7 = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$8 = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
   const _sfc_main$x = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCustom",
@@ -35939,7 +35989,11 @@ and ensure you are accounting for this risk.
         var _a25;
         return (_a25 = props.options.isHtml) != null ? _a25 : false;
       });
-      const handleClick = () => __async2(null, null, function* () {
+      const handleClick = (e2) => __async2(null, null, function* () {
+        if (e2 && props.options.stopPropagationOnClick) {
+          e2.stopPropagation();
+          e2.preventDefault();
+        }
         if (!props.options.action) {
           return;
         }
@@ -35955,7 +36009,7 @@ and ensure you are accounting for this risk.
           class: className.value
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$n, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$f, [
-            createBaseVNode("div", _hoisted_4$7, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -35982,7 +36036,11 @@ and ensure you are accounting for this risk.
       const className = computed(() => {
         return props.options.className;
       });
-      const handleClick = () => __async2(null, null, function* () {
+      const handleClick = (e2) => __async2(null, null, function* () {
+        if (e2 && props.options.stopPropagationOnClick) {
+          e2.stopPropagation();
+          e2.preventDefault();
+        }
         if (!props.options.action) {
           return;
         }
@@ -36002,7 +36060,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$s = { id: "lupa-search-results-rating" };
   const _hoisted_2$m = ["innerHTML"];
   const _hoisted_3$e = { class: "lupa-ratings" };
-  const _hoisted_4$6 = ["href"];
+  const _hoisted_4$7 = ["href"];
   const _sfc_main$v = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductSingleStarRating",
     props: {
@@ -36040,7 +36098,7 @@ and ensure you are accounting for this risk.
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
-          }, toDisplayString(totalRatings.value), 9, _hoisted_4$6)
+          }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
         ]);
       };
     }
@@ -36397,7 +36455,7 @@ and ensure you are accounting for this risk.
     class: "lupa-similar-query-label",
     "data-cy": "lupa-similar-query-label"
   };
-  const _hoisted_4$5 = ["onClick"];
+  const _hoisted_4$6 = ["onClick"];
   const _hoisted_5$3 = ["innerHTML"];
   const _hoisted_6$1 = { key: 0 };
   const _hoisted_7 = {
@@ -36458,7 +36516,7 @@ and ensure you are accounting for this risk.
                     innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
                   }, null, 8, _hoisted_5$3),
                   similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$1, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
-                ], 8, _hoisted_4$5)
+                ], 8, _hoisted_4$6)
               ]),
               createBaseVNode("div", _hoisted_7, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
@@ -36790,7 +36848,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$l = { class: "lupa-related-query-item" };
   const _hoisted_2$g = { class: "lupa-related-query-image" };
   const _hoisted_3$a = { class: "lupa-related-query-label" };
-  const _hoisted_4$4 = { class: "lupa-related-query-title" };
+  const _hoisted_4$5 = { class: "lupa-related-query-title" };
   const _hoisted_5$2 = {
     key: 0,
     class: "lupa-related-query-count"
@@ -36902,7 +36960,7 @@ and ensure you are accounting for this risk.
             }, null, 8, ["item", "options"])) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", _hoisted_3$a, [
-            createBaseVNode("span", _hoisted_4$4, toDisplayString(_ctx.query), 1),
+            createBaseVNode("span", _hoisted_4$5, toDisplayString(_ctx.query), 1),
             ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
           ])
         ]);
@@ -37129,7 +37187,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$h = { class: "lupa-related-query-item" };
   const _hoisted_2$d = { class: "lupa-related-query-image" };
   const _hoisted_3$7 = { class: "lupa-related-query-label" };
-  const _hoisted_4$3 = { class: "lupa-related-query-title" };
+  const _hoisted_4$4 = { class: "lupa-related-query-title" };
   const _hoisted_5$1 = {
     key: 0,
     class: "lupa-related-query-count"
@@ -37177,7 +37235,7 @@ and ensure you are accounting for this risk.
             }, null, 8, ["item", "options"])) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", _hoisted_3$7, [
-            createBaseVNode("span", _hoisted_4$3, toDisplayString(query.value), 1),
+            createBaseVNode("span", _hoisted_4$4, toDisplayString(query.value), 1),
             ((_a25 = _ctx.options) == null ? void 0 : _a25.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$1, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
           ])
         ]);
@@ -37321,7 +37379,7 @@ and ensure you are accounting for this risk.
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results-in-page"
   };
-  const _hoisted_4$2 = {
+  const _hoisted_4$3 = {
     key: 5,
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results"
@@ -37542,7 +37600,7 @@ and ensure you are accounting for this risk.
               location: "bottom",
               sdkOptions: _ctx.options.options
             }, null, 8, ["options", "sdkOptions"])
-          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          ], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             createVNode(_sfc_main$h, {
               emptyResultsLabel: (_b25 = _ctx.options.labels) == null ? void 0 : _b25.emptyResults,
               currentQueryText: unref(currentQueryText),
@@ -37578,7 +37636,7 @@ and ensure you are accounting for this risk.
     class: "lupa-category-back"
   };
   const _hoisted_3$4 = ["href"];
-  const _hoisted_4$1 = {
+  const _hoisted_4$2 = {
     key: 1,
     class: "lupa-child-category-list"
   };
@@ -37638,7 +37696,7 @@ and ensure you are accounting for this risk.
                 onClick: handleNavigationBack
               }, toDisplayString(backTitle.value), 9, _hoisted_3$4)
             ])) : createCommentVNode("", true),
-            hasRelatedCategoryChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+            hasRelatedCategoryChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
                 return openBlock(), createBlock(_sfc_main$Z, {
                   key: getCategoryKey(child),
@@ -39555,12 +39613,13 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-recommendation-section-title"
   };
-  const _hoisted_2$6 = {
+  const _hoisted_2$6 = ["href"];
+  const _hoisted_3$3 = {
     key: 1,
     class: "lupa-recommended-products",
     "data-cy": "lupa-recommended-products"
   };
-  const _hoisted_3$3 = {
+  const _hoisted_4$1 = {
     key: 1,
     class: "lupa-products",
     "data-cy": "lupa-products"
@@ -39604,6 +39663,10 @@ and ensure you are accounting for this risk.
         var _a25, _b25;
         return (_b25 = (_a25 = props.options.recommendationLabels) == null ? void 0 : _a25.title) != null ? _b25 : "";
       });
+      const hasTitleLink = computed(() => {
+        var _a25;
+        return Boolean((_a25 = props.options.recommendationLabels) == null ? void 0 : _a25.titleLink);
+      });
       const hasRecommendations = computed(() => {
         return recommendations2.value.length > 0;
       });
@@ -39693,6 +39756,9 @@ and ensure you are accounting for this risk.
         var _a25, _b25;
         return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
       });
+      const recommendationFilters = computed(() => {
+        return __spreadValues2({}, processExtractionObject(props.options.recommendationFilters));
+      });
       const loadLupaRecommendations = () => __async2(null, null, function* () {
         var _a25, _b25;
         recommendationsType.value = "recommendations_lupasearch";
@@ -39701,7 +39767,7 @@ and ensure you are accounting for this risk.
           const result2 = yield LupaSearchSdk.recommend(
             props.options.queryKey,
             itemId.value,
-            props.options.recommendationFilters,
+            recommendationFilters.value,
             props.options.options
           );
           if (!result2.success) {
@@ -39719,14 +39785,22 @@ and ensure you are accounting for this risk.
       });
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
+        var _a25;
         return openBlock(), createElementBlock("div", {
           class: "lupa-search-product-recommendations-wrapper",
           ref_key: "rootElement",
           ref: rootElement
         }, [
           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, [
+            title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, [
+              !hasTitleLink.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(title.value), 1)
+              ], 64)) : (openBlock(), createElementBlock("a", {
+                key: 1,
+                href: (_a25 = _ctx.options.recommendationLabels) == null ? void 0 : _a25.titleLink
+              }, toDisplayString(title.value), 9, _hoisted_2$6))
+            ])) : createCommentVNode("", true),
+            !loading.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
               layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
                 addons: withCtx(() => [
                   createVNode(unref(Navigation))
@@ -39750,7 +39824,7 @@ and ensure you are accounting for this risk.
                   }), 128))
                 ]),
                 _: 1
-              }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
                   return openBlock(), createBlock(_sfc_main$t, {
                     style: normalizeStyle(columnSize.value),
@@ -46489,8 +46563,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",