@getlupa/client 1.11.0 → 1.11.2

package/dist/lupaSearch.umd.js

@@ -7318,7 +7318,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           top: false,
           bottom: true
         },
-        sizes: [10, 20, 25, 50]
+        sizes: [10, 20, 25]
       },
       pageSelection: {
         position: {
@@ -7644,38 +7644,39 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const seed = [];
     return filter.terms.reduce((a, c2) => [...a, { key, value: c2, type: "hierarchy" }], seed);
   };
-  const unfoldRangeFilter = (key, filter) => {
+  const unfoldRangeFilter = (key, filter, price = {}) => {
+    var _a;
     const gt = filter.gte || filter.gt;
     const lt = filter.lte || filter.lt;
-    if (key.includes(CURRENCY_KEY_INDICATOR)) {
+    if (key.includes(CURRENCY_KEY_INDICATOR) || ((_a = price == null ? void 0 : price.keys) == null ? void 0 : _a.includes(key))) {
       return [
         {
           key,
-          value: formatPriceSummary([gt, lt]),
+          value: formatPriceSummary([gt, lt], price.currency, price.separator),
           type: "range"
         }
       ];
     }
     return [{ key, value: `${gt} - ${lt}`, type: "range" }];
   };
-  const unfoldFilter = (key, filter) => {
+  const unfoldFilter = (key, filter, price = {}) => {
     if (Array.isArray(filter)) {
       return unfoldTermFilter(key, filter);
     }
     if (filter.gte) {
-      return unfoldRangeFilter(key, filter);
+      return unfoldRangeFilter(key, filter, price);
     }
     if (filter.terms) {
       return unfoldHierarchyFilter(key, filter);
     }
     return [];
   };
-  const unfoldFilters = (filters) => {
+  const unfoldFilters = (filters, price = {}) => {
     if (!filters) {
       return [];
     }
     const seed = [];
-    return Object.entries(filters).reduce((a, c2) => [...a, ...unfoldFilter(...c2)], seed);
+    return Object.entries(filters).reduce((a, c2) => [...a, ...unfoldFilter(...c2, price)], seed);
   };
   const getLabeledFilters = (filters, facets) => {
     return filters.map((f2) => {
@@ -8447,8 +8448,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       resetHighlightIndex
     };
   });
-  const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
-  const _hoisted_2$P = { class: "lupa-input-clear" };
+  const _hoisted_1$1e = { id: "lupa-search-box-input-container" };
+  const _hoisted_2$Q = { class: "lupa-input-clear" };
   const _hoisted_3$A = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
   const _hoisted_5$h = ["aria-label", "placeholder"];
@@ -8456,7 +8457,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-close-label"
   };
-  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
       options: {},
@@ -8537,8 +8538,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-          createBaseVNode("div", _hoisted_2$P, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1e, [
+          createBaseVNode("div", _hoisted_2$Q, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear2
@@ -8579,7 +8580,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxMoreResults",
     props: {
       labels: {},
@@ -8611,9 +8612,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
-  const _hoisted_2$O = { class: "lupa-search-box-history-item-content" };
-  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$1d = { class: "lupa-search-box-history-item" };
+  const _hoisted_2$P = { class: "lupa-search-box-history-item-content" };
+  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
       item: {},
@@ -8629,8 +8630,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
-          createBaseVNode("div", _hoisted_2$O, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
+          createBaseVNode("div", _hoisted_2$P, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
               onClick: click2
@@ -8644,11 +8645,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1b = {
+  const _hoisted_1$1c = {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
-  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryPanel",
     props: {
       options: {}
@@ -8689,9 +8690,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1j, {
+            return openBlock(), createBlock(_sfc_main$1k, {
               key: item,
               item,
               highlighted: index === highlightIndex.value,
@@ -8707,20 +8708,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
-  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$1b = { class: "lupa-search-box-no-results" };
+  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxNoResults",
     props: {
       labels: {}
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("p", _hoisted_1$1a, toDisplayString(_ctx.labels.noResults), 1);
+        return openBlock(), createElementBlock("p", _hoisted_1$1b, toDisplayString(_ctx.labels.noResults), 1);
       };
     }
   });
-  const _hoisted_1$19 = ["innerHTML"];
-  const _hoisted_2$N = {
+  const _hoisted_1$1a = ["innerHTML"];
+  const _hoisted_2$O = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
     class: "lupa-suggestion-value"
@@ -8738,7 +8739,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet-value",
     "data-cy": "lupa-suggestion-facet-value"
   };
-  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestion",
     props: {
       suggestion: {},
@@ -8774,7 +8775,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", _hoisted_2$O, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
             createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -8783,11 +8784,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$18 = {
+  const _hoisted_1$19 = {
     id: "lupa-search-box-suggestions",
     "data-cy": "lupa-search-box-suggestions"
   };
-  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestions",
     props: {
       items: {},
@@ -8847,9 +8848,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$18, [
+        return openBlock(), createElementBlock("div", _hoisted_1$19, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1g, {
+            return openBlock(), createBlock(_sfc_main$1h, {
               key: getSuggestionKey(item),
               class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
               suggestion: item,
@@ -8877,7 +8878,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, timeout);
     };
   };
-  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestionsWrapper",
     props: {
       panel: {},
@@ -8918,7 +8919,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1f, {
+        return openBlock(), createBlock(_sfc_main$1g, {
           items: searchResult.value,
           highlight: _ctx.panel.highlight,
           queryKey: _ctx.panel.queryKey,
@@ -9021,8 +9022,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       targetImage.src = placeholder;
     }
   };
-  const _hoisted_1$17 = ["src"];
-  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$18 = ["src"];
+  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
       item: {},
@@ -9140,7 +9141,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
                 onError: replaceWithPlaceholder,
                 key: finalUrl.value
-              }), null, 16, _hoisted_1$17))
+              }), null, 16, _hoisted_1$18))
             ]),
             _: 1
           })
@@ -9148,7 +9149,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductImage",
     props: {
       item: {},
@@ -9156,7 +9157,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1d, {
+        return openBlock(), createBlock(_sfc_main$1e, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-box-image-wrapper",
@@ -9165,12 +9166,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$16 = ["innerHTML"];
-  const _hoisted_2$M = {
+  const _hoisted_1$17 = ["innerHTML"];
+  const _hoisted_2$N = {
     key: 1,
     class: "lupa-search-box-product-title"
   };
-  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductTitle",
     props: {
       item: {},
@@ -9190,18 +9191,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: title.value
-        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
+        }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$N, [
           createBaseVNode("strong", null, toDisplayString(title.value), 1)
         ]));
       };
     }
   });
-  const _hoisted_1$15 = ["innerHTML"];
-  const _hoisted_2$L = {
+  const _hoisted_1$16 = ["innerHTML"];
+  const _hoisted_2$M = {
     key: 1,
     class: "lupa-search-box-product-description"
   };
-  const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductDescription",
     props: {
       item: {},
@@ -9221,12 +9222,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: description.value
-        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(description.value), 1));
       };
     }
   });
-  const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
-  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$15 = { class: "lupa-search-box-product-price" };
+  const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
       item: {},
@@ -9244,14 +9245,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$14, [
+        return openBlock(), createElementBlock("div", _hoisted_1$15, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$13 = { class: "lupa-search-box-product-regular-price" };
-  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$14 = { class: "lupa-search-box-product-regular-price" };
+  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
       item: {},
@@ -9269,16 +9270,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$13, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$14, toDisplayString(price.value), 1);
       };
     }
   });
-  const _hoisted_1$12 = ["innerHTML"];
-  const _hoisted_2$K = { key: 0 };
+  const _hoisted_1$13 = ["innerHTML"];
+  const _hoisted_2$L = { key: 0 };
   const _hoisted_3$y = { key: 1 };
   const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$f = { class: "lupa-search-box-custom-text" };
-  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
       item: {},
@@ -9304,11 +9305,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
             createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$f, toDisplayString(text.value), 1)
           ]))
@@ -9316,8 +9317,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$11 = ["innerHTML"];
-  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$12 = ["innerHTML"];
+  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
       item: {},
@@ -9337,7 +9338,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$11);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12);
       };
     }
   });
@@ -9395,13 +9396,33 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const isMobileSidebarVisible = ref(false);
     const optionsStore = useOptionsStore();
     const paramsStore = useParamsStore();
+    const { searchResultOptions } = storeToRefs(optionsStore);
     const facets = computed(() => searchResult.value.facets);
     const filters = computed(() => searchResult.value.filters);
     const currentQueryText = computed(() => searchResult.value.searchText);
     const totalItems = computed(() => searchResult.value.total);
     const hasResults = computed(() => totalItems.value > 0);
+    const priceKeys = computed(() => {
+      var _a, _b;
+      return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
+    });
+    const currency = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency) != null ? _c : "";
+    });
+    const priceSeparator = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.priceSeparator) != null ? _c : "";
+    });
     const labeledFilters = computed(
-      () => getLabeledFilters(unfoldFilters(filters.value), facets.value)
+      () => getLabeledFilters(
+        unfoldFilters(filters.value, {
+          keys: priceKeys.value,
+          currency: currency.value,
+          separator: priceSeparator.value
+        }),
+        facets.value
+      )
     );
     const displayFilters = computed(() => {
       var _a, _b;
@@ -9535,10 +9556,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       clearSearchResult
     };
   });
-  const _hoisted_1$10 = { class: "lupa-search-box-add-to-cart-wrapper" };
-  const _hoisted_2$J = { class: "lupa-search-box-product-addtocart" };
+  const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
+  const _hoisted_2$K = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$x = ["onClick", "disabled"];
-  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
     props: {
       item: {},
@@ -9565,8 +9586,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$10, [
-          createBaseVNode("div", _hoisted_2$J, [
+        return openBlock(), createElementBlock("div", _hoisted_1$11, [
+          createBaseVNode("div", _hoisted_2$K, [
             createBaseVNode("button", {
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
               class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
@@ -9579,23 +9600,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$$ = {
+  const _hoisted_1$10 = {
     key: 1,
     class: "lupa-search-box-element-badge-wrapper"
   };
   const __default__$4 = {
     components: {
-      SearchBoxProductImage: _sfc_main$1c,
-      SearchBoxProductTitle: _sfc_main$1b,
-      SearchBoxProductDescription: _sfc_main$1a,
-      SearchBoxProductPrice: _sfc_main$19,
-      SearchBoxProductRegularPrice: _sfc_main$18,
-      SearchBoxProductCustom: _sfc_main$17,
-      SearchBoxProductCustomHtml: _sfc_main$16,
-      SearchBoxProductAddToCart: _sfc_main$15
+      SearchBoxProductImage: _sfc_main$1d,
+      SearchBoxProductTitle: _sfc_main$1c,
+      SearchBoxProductDescription: _sfc_main$1b,
+      SearchBoxProductPrice: _sfc_main$1a,
+      SearchBoxProductRegularPrice: _sfc_main$19,
+      SearchBoxProductCustom: _sfc_main$18,
+      SearchBoxProductCustomHtml: _sfc_main$17,
+      SearchBoxProductAddToCart: _sfc_main$16
     }
   };
-  const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
+  const _sfc_main$15 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
     __name: "SearchBoxProductElement",
     props: {
       item: {},
@@ -9653,7 +9674,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
             inStock: _ctx.isInStock
           }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
-        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$$, [
+        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$10, [
           displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
             key: 0,
             item: enhancedItem.value,
@@ -9667,14 +9688,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$_ = { class: "lupa-badge-title" };
-  const _hoisted_2$I = ["src"];
+  const _hoisted_1$$ = { class: "lupa-badge-title" };
+  const _hoisted_2$J = ["src"];
   const _hoisted_3$w = { key: 1 };
   const _hoisted_4$p = {
     key: 0,
     class: "lupa-badge-full-text"
   };
-  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadge",
     props: {
       options: {},
@@ -9707,11 +9728,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
           style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
         }, [
-          createBaseVNode("span", _hoisted_1$_, [
+          createBaseVNode("span", _hoisted_1$$, [
             image.value ? (openBlock(), createElementBlock("img", {
               key: 0,
               src: image.value
-            }, null, 8, _hoisted_2$I)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2$J)) : createCommentVNode("", true),
             hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
           hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
@@ -9719,8 +9740,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$Z = { class: "lupa-generated-badges" };
-  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$_ = { class: "lupa-generated-badges" };
+  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadges",
     props: {
       options: {}
@@ -9746,9 +9767,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         })).filter((b) => Boolean(b.id));
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$_, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-            return openBlock(), createBlock(_sfc_main$13, {
+            return openBlock(), createBlock(_sfc_main$14, {
               key: badge.id,
               badge,
               options: _ctx.options
@@ -9758,8 +9779,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$Y = ["innerHTML"];
-  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$Z = ["innerHTML"];
+  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     __name: "CustomBadge",
     props: {
       badge: {}
@@ -9778,12 +9799,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(className.value),
           innerHTML: text.value
-        }, null, 10, _hoisted_1$Y);
+        }, null, 10, _hoisted_1$Z);
       };
     }
   });
-  const _hoisted_1$X = { class: "lupa-text-badges" };
-  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$Y = { class: "lupa-text-badges" };
+  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     __name: "TextBadge",
     props: {
       badge: {}
@@ -9798,7 +9819,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return badges.value.slice(0, props.badge.maxItems);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$X, [
+        return openBlock(), createElementBlock("div", _hoisted_1$Y, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-text-badge",
@@ -9809,9 +9830,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$W = { class: "lupa-image-badges" };
-  const _hoisted_2$H = ["src"];
-  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$X = { class: "lupa-image-badges" };
+  const _hoisted_2$I = ["src"];
+  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "ImageBadge",
     props: {
       badge: {}
@@ -9831,7 +9852,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return `${props.badge.rootImageUrl}${src}`;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$W, [
+        return openBlock(), createElementBlock("div", _hoisted_1$X, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-image-badge",
@@ -9839,22 +9860,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }, [
               createBaseVNode("img", {
                 src: getImageUrl(item)
-              }, null, 8, _hoisted_2$H)
+              }, null, 8, _hoisted_2$I)
             ]);
           }), 128))
         ]);
       };
     }
   });
-  const _hoisted_1$V = { id: "lupa-search-results-badges" };
+  const _hoisted_1$W = { id: "lupa-search-results-badges" };
   const __default__$3 = {
     components: {
-      CustomBadge: _sfc_main$11,
-      TextBadge: _sfc_main$10,
-      ImageBadge: _sfc_main$$
+      CustomBadge: _sfc_main$12,
+      TextBadge: _sfc_main$11,
+      ImageBadge: _sfc_main$10
     }
   };
-  const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+  const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
     __name: "SearchResultsBadgeWrapper",
     props: {
       position: {},
@@ -9910,7 +9931,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$V, [
+        return openBlock(), createElementBlock("div", _hoisted_1$W, [
           createBaseVNode("div", {
             id: "lupa-badges",
             class: normalizeClass(anchorPosition.value)
@@ -9921,7 +9942,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 badge
               }, null, 8, ["badge"]);
             }), 128)),
-            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$12, {
+            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$13, {
               key: 0,
               options: _ctx.options
             }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -9930,14 +9951,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$U = ["href"];
-  const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
+  const _hoisted_1$V = ["href"];
+  const _hoisted_2$H = { class: "lupa-search-box-product-image-section" };
   const _hoisted_3$v = { class: "lupa-search-box-product-details-section" };
   const _hoisted_4$o = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
   };
-  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProduct",
     props: {
       item: {},
@@ -9996,9 +10017,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-box-product",
           onClick: handleClick
         }), [
-          createBaseVNode("div", _hoisted_2$G, [
+          createBaseVNode("div", _hoisted_2$H, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$14, {
+              return openBlock(), createBlock(_sfc_main$15, {
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
@@ -10011,7 +10032,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("div", _hoisted_3$v, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
               var _a;
-              return openBlock(), createBlock(_sfc_main$14, {
+              return openBlock(), createBlock(_sfc_main$15, {
                 key: element.key,
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
@@ -10022,7 +10043,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
                   name: "badges",
                   fn: withCtx(() => [
-                    createVNode(_sfc_main$_, {
+                    createVNode(_sfc_main$$, {
                       options: badgeOptions.value,
                       position: "card"
                     }, null, 8, ["options"])
@@ -10033,7 +10054,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }), 128))
           ]),
           addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
-            createVNode(_sfc_main$14, {
+            createVNode(_sfc_main$15, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element: addToCartElement.value,
@@ -10042,7 +10063,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1$U);
+        ], 16, _hoisted_1$V);
       };
     }
   });
@@ -10103,8 +10124,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
     return { trackSearch, trackResults, trackEvent };
   });
-  const _hoisted_1$T = { id: "lupa-search-box-products" };
-  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$U = { id: "lupa-search-box-products" };
+  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
     props: {
       items: {},
@@ -10165,7 +10186,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$T, [
+        return openBlock(), createElementBlock("div", _hoisted_1$U, [
           _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
             return renderSlot(_ctx.$slots, "productCard", {
               key: index,
@@ -10177,7 +10198,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               itemClicked: handleProductClick
             });
           }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$Z, {
+            return openBlock(), createBlock(_sfc_main$_, {
               key: index,
               item,
               panelOptions: _ctx.panelOptions,
@@ -10191,7 +10212,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsWrapper",
     props: {
       panel: {},
@@ -10243,7 +10264,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const getItemsDebounced = debounce$1(getItems, props.debounce);
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$Y, {
+        return openBlock(), createBlock(_sfc_main$Z, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: _ctx.panel,
           labels: _ctx.labels,
@@ -10261,7 +10282,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  const _sfc_main$X = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxRelatedSourceWrapper",
     props: {
       panel: {},
@@ -10333,7 +10354,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$Y, {
+        return openBlock(), createBlock(_sfc_main$Z, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: documentPanelOptions.value,
           labels: _ctx.labels,
@@ -10351,11 +10372,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$S = {
+  const _hoisted_1$T = {
     key: 0,
     id: "lupa-search-box-panel"
   };
-  const _hoisted_2$F = ["data-cy"];
+  const _hoisted_2$G = ["data-cy"];
   const _hoisted_3$u = {
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
@@ -10370,12 +10391,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const __default__$2 = {
     components: {
-      SearchBoxSuggestionsWrapper: _sfc_main$1e,
-      SearchBoxProductsWrapper: _sfc_main$X,
-      SearchBoxRelatedSourceWrapper: _sfc_main$W
+      SearchBoxSuggestionsWrapper: _sfc_main$1f,
+      SearchBoxProductsWrapper: _sfc_main$Y,
+      SearchBoxRelatedSourceWrapper: _sfc_main$X
     }
   };
-  const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+  const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
     __name: "SearchBoxMainPanel",
     props: {
       options: {},
@@ -10521,7 +10542,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ref_key: "panelContainer",
           ref: panelContainer
         }, [
-          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
             labels.value.closePanel ? (openBlock(), createElementBlock("a", {
               key: 0,
               class: "lupa-search-box-close-panel",
@@ -10563,21 +10584,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 10, _hoisted_2$F);
+                ], 10, _hoisted_2$G);
               }), 128))
             ], 4),
-            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1h, {
+            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1i, {
               key: 1,
               labels: labels.value
             }, null, 8, ["labels"])) : createCommentVNode("", true),
-            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1k, {
+            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1l, {
               key: 2,
               labels: labels.value,
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
           ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
-            createVNode(_sfc_main$1i, {
+            createVNode(_sfc_main$1j, {
               options: _ctx.options.history,
               history: history.value,
               onGoToResults: handleGoToResults,
@@ -10602,9 +10623,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const elements = getElements(triggers);
     elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
   };
-  const _hoisted_1$R = { id: "lupa-search-box" };
-  const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
-  const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$S = { id: "lupa-search-box" };
+  const _hoisted_2$F = { class: "lupa-search-box-wrapper" };
+  const _sfc_main$V = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
     props: {
       options: {},
@@ -10849,9 +10870,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a2;
-        return openBlock(), createElementBlock("div", _hoisted_1$R, [
-          createBaseVNode("div", _hoisted_2$E, [
-            createVNode(_sfc_main$1l, {
+        return openBlock(), createElementBlock("div", _hoisted_1$S, [
+          createBaseVNode("div", _hoisted_2$F, [
+            createVNode(_sfc_main$1m, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
               "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -10862,7 +10883,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
               onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$V, {
+            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
               key: 0,
               options: panelOptions.value,
               inputValue: inputValue.value,
@@ -10950,11 +10971,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return searchParams;
   };
-  const _hoisted_1$Q = {
+  const _hoisted_1$R = {
     key: 0,
     id: "lupa-search-results-did-you-mean"
   };
-  const _hoisted_2$D = {
+  const _hoisted_2$E = {
     key: 0,
     "data-cy": "suggested-search-text-label"
   };
@@ -10963,7 +10984,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "did-you-mean-label"
   };
   const _hoisted_4$m = { key: 1 };
-  const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
       labels: {}
@@ -10995,8 +11016,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
-          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
+        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
+          unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$E, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
                 createBaseVNode("span", {
@@ -11021,12 +11042,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$Q = {
     key: 0,
     class: "lupa-search-results-summary"
   };
-  const _hoisted_2$C = ["innerHTML"];
-  const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  const _hoisted_2$D = ["innerHTML"];
+  const _sfc_main$T = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSummary",
     props: {
       label: {},
@@ -11041,8 +11062,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
-          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "lupa-filter-clear",
@@ -11053,18 +11074,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$O = {
+  const _hoisted_1$P = {
     key: 0,
     class: "lupa-result-page-title",
     "data-cy": "lupa-result-page-title"
   };
-  const _hoisted_2$B = { key: 0 };
+  const _hoisted_2$C = { key: 0 };
   const _hoisted_3$s = {
     key: 1,
     class: "lupa-results-total-count"
   };
   const _hoisted_4$l = ["innerHTML"];
-  const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
       options: {},
@@ -11099,12 +11120,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
+          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$P, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
-            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
+            queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$C, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
             showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$S, {
+          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$T, {
             key: 1,
             label: summaryLabel.value
           }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -11117,8 +11138,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
-  const _hoisted_2$A = {
+  const _hoisted_1$O = { class: "lupa-search-result-filter-value" };
+  const _hoisted_2$B = {
     class: "lupa-current-filter-label",
     "data-cy": "lupa-current-filter-label"
   };
@@ -11126,7 +11147,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-current-filter-value",
     "data-cy": "lupa-current-filter-value"
   };
-  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  const _sfc_main$R = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilterDisplay",
     props: {
       filter: {}
@@ -11138,19 +11159,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("remove", { filter: props.filter });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$N, [
+        return openBlock(), createElementBlock("div", _hoisted_1$O, [
           createBaseVNode("div", {
             class: "lupa-current-filter-action",
             onClick: handleClick
           }, "⨉"),
-          createBaseVNode("div", _hoisted_2$A, toDisplayString(_ctx.filter.label) + ": ", 1),
+          createBaseVNode("div", _hoisted_2$B, toDisplayString(_ctx.filter.label) + ": ", 1),
           createBaseVNode("div", _hoisted_3$r, toDisplayString(_ctx.filter.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$M = { class: "lupa-filter-title-text" };
-  const _hoisted_2$z = {
+  const _hoisted_1$N = { class: "lupa-filter-title-text" };
+  const _hoisted_2$A = {
     key: 0,
     class: "lupa-filter-count"
   };
@@ -11159,7 +11180,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "filter-values"
   };
   const _hoisted_4$k = { class: "lupa-current-filter-list" };
-  const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
       options: {},
@@ -11220,9 +11241,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$M, [
+            createBaseVNode("div", _hoisted_1$N, [
               createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
-              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$z, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
+              _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$A, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
             ]),
             _ctx.expandable ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -11232,7 +11253,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
             createBaseVNode("div", _hoisted_4$k, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
-                return openBlock(), createBlock(_sfc_main$Q, {
+                return openBlock(), createBlock(_sfc_main$R, {
                   key: filter.key + "_" + filter.value,
                   filter,
                   onRemove: handleRemove
@@ -11249,8 +11270,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$L = ["href"];
-  const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$M = ["href"];
+  const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilterItem",
     props: {
       options: {},
@@ -11287,20 +11308,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-child-category-item",
             href: urlLink.value,
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_1$L)
+          }, toDisplayString(title.value), 9, _hoisted_1$M)
         ], 2);
       };
     }
   });
-  const _hoisted_1$K = {
+  const _hoisted_1$L = {
     class: "lupa-category-filter",
     "data-cy": "lupa-category-filter"
   };
-  const _hoisted_2$y = { class: "lupa-category-back" };
+  const _hoisted_2$z = { class: "lupa-category-back" };
   const _hoisted_3$p = ["href"];
   const _hoisted_4$j = ["href"];
   const _hoisted_5$d = { class: "lupa-child-category-list" };
-  const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
       options: {}
@@ -11386,8 +11407,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$K, [
-          createBaseVNode("div", _hoisted_2$y, [
+        return openBlock(), createElementBlock("div", _hoisted_1$L, [
+          createBaseVNode("div", _hoisted_2$z, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
               "data-cy": "lupa-category-back",
@@ -11407,7 +11428,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ], 2),
           createBaseVNode("div", _hoisted_5$d, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-              return openBlock(), createBlock(_sfc_main$O, {
+              return openBlock(), createBlock(_sfc_main$P, {
                 key: getCategoryKey(child),
                 item: child,
                 options: _ctx.options
@@ -11418,11 +11439,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$J = {
+  const _hoisted_1$K = {
     class: "lupa-search-result-facet-term-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
-  const _hoisted_2$x = ["placeholder"];
+  const _hoisted_2$y = ["placeholder"];
   const _hoisted_3$o = { class: "lupa-terms-list" };
   const _hoisted_4$i = ["onClick"];
   const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
@@ -11434,7 +11455,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_9$1 = { key: 0 };
   const _hoisted_10$1 = { key: 1 };
-  const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  const _sfc_main$N = /* @__PURE__ */ defineComponent({
     __name: "TermFacet",
     props: {
       options: {},
@@ -11503,14 +11524,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$J, [
+        return openBlock(), createElementBlock("div", _hoisted_1$K, [
           isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
             key: 0,
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
             placeholder: _ctx.options.labels.facetFilter
-          }, null, 8, _hoisted_2$x)), [
+          }, null, 8, _hoisted_2$y)), [
             [vModelText, termFilter.value]
           ]) : createCommentVNode("", true),
           createBaseVNode("div", _hoisted_3$o, [
@@ -12521,8 +12542,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   m.render = function(e, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
   }, m.__file = "src/Slider.vue";
-  const _hoisted_1$I = { class: "lupa-search-result-facet-stats-values" };
-  const _hoisted_2$w = {
+  const _hoisted_1$J = { class: "lupa-search-result-facet-stats-values" };
+  const _hoisted_2$x = {
     key: 0,
     class: "lupa-stats-facet-summary"
   };
@@ -12549,7 +12570,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 2,
     class: "lupa-stats-slider-wrapper"
   };
-  const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ defineComponent({
     __name: "StatsFacet",
     props: {
       options: {},
@@ -12582,6 +12603,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a;
         return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
       });
+      const priceKeys = computed(() => {
+        var _a, _b;
+        return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
+      });
       const isSliderVisible = computed(() => {
         var _a, _b;
         return Boolean((_b = (_a = props.options.stats) == null ? void 0 : _a.slider) != null ? _b : true);
@@ -12645,8 +12670,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       });
       const isPrice = computed(() => {
-        var _a;
-        return (_a = facetValue.value.key) == null ? void 0 : _a.includes(CURRENCY_KEY_INDICATOR);
+        var _a, _b, _c;
+        return ((_b = (_a = facetValue.value) == null ? void 0 : _a.key) == null ? void 0 : _b.includes(CURRENCY_KEY_INDICATOR)) || ((_c = priceKeys.value) == null ? void 0 : _c.includes(facetValue.value.key));
       });
       const facetMin = computed(() => {
         return Math.floor(facetValue.value.min);
@@ -12718,8 +12743,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         innerSliderRange.value = value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$I, [
-          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
+        return openBlock(), createElementBlock("div", _hoisted_1$J, [
+          !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
             createBaseVNode("div", null, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               createBaseVNode("div", _hoisted_5$b, [
@@ -12785,8 +12810,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
-  const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
+  const _hoisted_1$I = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_2$w = { class: "lupa-term-checkbox-label" };
   const _hoisted_3$m = { class: "lupa-term-label" };
   const _hoisted_4$g = {
     key: 0,
@@ -12796,7 +12821,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-facet-level"
   };
-  const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacetLevel",
     props: {
       options: {},
@@ -12842,12 +12867,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$H, [
+            createBaseVNode("div", _hoisted_1$I, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
             ]),
-            createBaseVNode("div", _hoisted_2$v, [
+            createBaseVNode("div", _hoisted_2$w, [
               createBaseVNode("span", _hoisted_3$m, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
               _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$g, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
@@ -12868,13 +12893,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$G = {
+  const _hoisted_1$H = {
     class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
-  const _hoisted_2$u = { key: 0 };
+  const _hoisted_2$v = { key: 0 };
   const _hoisted_3$l = ["placeholder"];
-  const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  const _sfc_main$K = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacet",
     props: {
       options: {},
@@ -12924,8 +12949,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         showAll.value = true;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$G, [
-          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
+        return openBlock(), createElementBlock("div", _hoisted_1$H, [
+          isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
             withDirectives(createBaseVNode("input", {
               class: "lupa-term-filter",
               "data-cy": "lupa-term-filter",
@@ -12936,7 +12961,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             ])
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-            return openBlock(), createBlock(_sfc_main$K, {
+            return openBlock(), createBlock(_sfc_main$L, {
               key: item.title,
               options: _ctx.options,
               item,
@@ -12956,20 +12981,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$F = { class: "lupa-facet-label-text" };
-  const _hoisted_2$t = {
+  const _hoisted_1$G = { class: "lupa-facet-label-text" };
+  const _hoisted_2$u = {
     key: 0,
     class: "lupa-facet-content",
     "data-cy": "lupa-facet-content"
   };
   const __default__$1 = {
     components: {
-      TermFacet: _sfc_main$M,
-      StatsFacet: _sfc_main$L,
-      HierarchyFacet: _sfc_main$J
+      TermFacet: _sfc_main$N,
+      StatsFacet: _sfc_main$M,
+      HierarchyFacet: _sfc_main$K
     }
   };
-  const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
+  const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
     __name: "FacetDisplay",
     props: {
       options: {},
@@ -13081,12 +13106,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$F, toDisplayString(facet.value.label), 1),
+            createBaseVNode("div", _hoisted_1$G, toDisplayString(facet.value.label), 1),
             createBaseVNode("div", {
               class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
             }, null, 2)
           ], 2),
-          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
+          isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
             (openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
               facet: facet.value,
               currentFilters: currentFilters.value[facet.value.key],
@@ -13104,12 +13129,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
-  const _hoisted_2$s = {
+  const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
+  const _hoisted_2$t = {
     key: 0,
     class: "lupa-facets-title"
   };
-  const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  const _sfc_main$I = /* @__PURE__ */ defineComponent({
     __name: "FacetList",
     props: {
       options: {},
@@ -13143,14 +13168,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$E, [
-          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
+        return openBlock(), createElementBlock("div", _hoisted_1$F, [
+          _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
               var _a2;
-              return openBlock(), createBlock(_sfc_main$I, {
+              return openBlock(), createBlock(_sfc_main$J, {
                 key: facet.key,
                 facet,
                 currentFilters: currentFiltersValue.value,
@@ -13165,7 +13190,33 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  const _hoisted_1$E = ["onClick"];
+  const _sfc_main$H = /* @__PURE__ */ defineComponent({
+    __name: "FacetsButton",
+    props: {
+      options: {}
+    },
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
+      const props = __props;
+      const label = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.options.labels) == null ? void 0 : _a.facetFilterButton) != null ? _b : "";
+      });
+      const handleClick = () => {
+        emit2("filter");
+      };
+      return (_ctx, _cache) => {
+        return label.value ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: "lupa-facets-button-filter",
+          onClick: withModifiers(handleClick, ["stop"])
+        }, toDisplayString(label.value), 9, _hoisted_1$E)) : createCommentVNode("", true);
+      };
+    }
+  });
   const _hoisted_1$D = { class: "lupa-search-result-facets" };
+  const _hoisted_2$s = { class: "lupa-facets-filter-button-wrapper" };
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "Facets",
     props: {
@@ -13173,7 +13224,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       facetStyle: {},
       clearable: { type: Boolean }
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const paramStore = useParamsStore();
       const searchResultStore = useSearchResultStore();
@@ -13203,6 +13255,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
         };
       });
+      const showFilterButton = computed(() => {
+        return props.options.filterBehavior === "withFilterButton";
+      });
       const handleFacetSelect = (facetAction) => {
         switch (facetAction.type) {
           case "terms":
@@ -13241,9 +13296,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const param = getFacetKey(facet.key, facet.type);
         paramStore.removeParameters({ paramsToRemove: [param] });
       };
+      const filter = () => {
+        emit2("filter");
+      };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$D, [
-          regularFacets.value ? (openBlock(), createBlock(_sfc_main$H, {
+          regularFacets.value ? (openBlock(), createBlock(_sfc_main$I, {
             key: 0,
             options: _ctx.options,
             facets: regularFacets.value,
@@ -13252,7 +13310,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             clearable: _ctx.clearable,
             onSelect: handleFacetSelect,
             onClear: clear2
-          }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true)
+          }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
+          createBaseVNode("div", _hoisted_2$s, [
+            showFilterButton.value ? (openBlock(), createBlock(_sfc_main$H, {
+              key: 0,
+              options: _ctx.options,
+              onFilter: filter
+            }, null, 8, ["options"])) : createCommentVNode("", true)
+          ])
         ]);
       };
     }
@@ -13267,7 +13332,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       options: {},
       expandable: { type: Boolean }
     },
-    setup(__props, { expose: __expose }) {
+    emits: ["filter"],
+    setup(__props, { expose: __expose, emit: emit2 }) {
       const props = __props;
       const categoryFilters = ref(null);
       const desktopFiltersVisible = computed(() => {
@@ -13281,6 +13347,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const showCurrentFilters = computed(() => {
         return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
       });
+      const filter = () => {
+        emit2("filter");
+      };
       const fetch2 = () => {
         var _a;
         if (categoryFilters.value) {
@@ -13291,12 +13360,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", _hoisted_1$C, [
-          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$P, {
+          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$Q, {
             key: 0,
             options: _ctx.options.currentFilters,
             expandable: (_a = _ctx.expandable) != null ? _a : false
           }, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
-          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$N, {
+          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$O, {
             key: 1,
             options: _ctx.options.categories,
             ref_key: "categoryFilters",
@@ -13304,7 +13373,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["options"])) : createCommentVNode("", true),
           _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
             key: 2,
-            options: _ctx.options.facets
+            options: _ctx.options.facets,
+            onFilter: filter
           }, null, 8, ["options"])) : createCommentVNode("", true)
         ]);
       };
@@ -13328,7 +13398,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     props: {
       options: {}
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const searchResultStore = useSearchResultStore();
       const { currentFilterCount } = storeToRefs(searchResultStore);
@@ -13348,6 +13419,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handleMobileToggle = () => {
         searchResultStore.setSidebarState({ visible: false });
       };
+      const filter = () => {
+        emit2("filter");
+        handleMobileToggle();
+      };
       return (_ctx, _cache) => {
         return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", {
@@ -13368,7 +13443,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             createBaseVNode("div", _hoisted_7$4, [
               createVNode(_sfc_main$F, {
                 options: _ctx.options,
-                expandable: isActiveFiltersExpanded.value
+                expandable: isActiveFiltersExpanded.value,
+                onFilter: filter
               }, null, 8, ["options", "expandable"])
             ])
           ])
@@ -13439,7 +13515,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     props: {
       options: {}
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
+      const filter = () => {
+        emit2("filter");
+      };
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", _hoisted_1$z, [
@@ -13447,7 +13527,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 0,
             options: _ctx.options.facets,
             "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
-            clearable: true
+            clearable: true,
+            onFilter: filter
           }, null, 8, ["options", "facet-style"])) : createCommentVNode("", true)
         ]);
       };
@@ -13884,7 +13965,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }, [
           createBaseVNode("div", _hoisted_1$t, [
             showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$m)),
-            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$S, {
+            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$T, {
               key: 2,
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
@@ -13925,7 +14006,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1d, {
+        return openBlock(), createBlock(_sfc_main$1e, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-results-image-wrapper",
@@ -14256,7 +14337,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       item: {},
       options: {}
     },
-    setup(__props) {
+    emits: ["productEvent"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const text = computed(() => {
         return props.options.html(props.item);
@@ -14268,6 +14350,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         if (!props.options.action) {
           return;
         }
+        if (props.options.reportEventOnClick) {
+          emit2("productEvent", { type: props.options.reportEventOnClick });
+        }
         yield props.options.action(props.item);
       });
       return (_ctx, _cache) => {
@@ -14563,7 +14648,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-result-product-card",
           class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
         }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
-          createVNode(_sfc_main$_, { options: badgesOptions.value }, null, 8, ["options"]),
+          createVNode(_sfc_main$$, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
           }, [
@@ -14580,10 +14665,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   key: element.key,
                   labels: labels.value,
                   inStock: isInStock.value,
-                  link: link.value
+                  link: link.value,
+                  onProductEvent: handleProductEvent
                 }, null, 8, ["item", "element", "labels", "inStock", "link"]);
               }), 128)),
-              createVNode(_sfc_main$_, {
+              createVNode(_sfc_main$$, {
                 options: badgesOptions.value,
                 position: "image",
                 class: "lupa-image-badges"
@@ -14926,7 +15012,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       options: {},
       ssr: { type: Boolean }
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const searchResultStore = useSearchResultStore();
       const paramStore = useParamsStore();
@@ -15017,6 +15104,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           params: [{ name: optionStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: "1" }]
         });
       };
+      const filter = () => {
+        emit2("filter");
+      };
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", _hoisted_1$d, [
@@ -15033,9 +15123,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               key: 1,
               class: "lupa-toolbar-mobile",
               options: _ctx.options,
-              "pagination-location": "top"
+              "pagination-location": "top",
+              onFilter: filter
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$P, {
+            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$Q, {
               key: 2,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -15390,8 +15481,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
         }, [
           _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$R, {
+            createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$S, {
               "show-summary": true,
               options: _ctx.options,
               "is-product-list": (_a = _ctx.isProductList) != null ? _a : false
@@ -15403,7 +15494,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["options"])) : createCommentVNode("", true),
           _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$E, {
             key: 2,
-            options: _ctx.options.filters
+            options: _ctx.options.filters,
+            onFilter: handleParamsChange
           }, null, 8, ["options"])) : createCommentVNode("", true),
           unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$D, {
             key: 3,
@@ -15414,17 +15506,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               key: 0,
               options: (_b = _ctx.options.filters) != null ? _b : {},
               ref_key: "searchResultsFilters",
-              ref: searchResultsFilters
+              ref: searchResultsFilters,
+              onFilter: handleParamsChange
             }, null, 8, ["options"])) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_3$4, [
-              createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-              createVNode(_sfc_main$R, {
+              createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+              createVNode(_sfc_main$S, {
                 options: _ctx.options,
                 "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
               }, null, 8, ["options", "is-product-list"]),
               createVNode(_sfc_main$e, {
                 options: _ctx.options,
-                ssr: ssrEnabled.value
+                ssr: ssrEnabled.value,
+                onFilter: handleParamsChange
               }, {
                 append: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
@@ -15433,8 +15527,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, 8, ["options", "ssr"])
             ])
           ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$R, {
+            createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$S, {
               options: _ctx.options,
               "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
             }, null, 8, ["options", "is-product-list"]),
@@ -15443,11 +15537,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 key: 0,
                 options: (_e = _ctx.options.filters) != null ? _e : {},
                 ref_key: "searchResultsFilters",
-                ref: searchResultsFilters
+                ref: searchResultsFilters,
+                onFilter: handleParamsChange
               }, null, 8, ["options"])) : createCommentVNode("", true),
               createVNode(_sfc_main$e, {
                 options: _ctx.options,
-                ssr: ssrEnabled.value
+                ssr: ssrEnabled.value,
+                onFilter: handleParamsChange
               }, createSlots({
                 append: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
@@ -21069,7 +21165,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             onClick: withModifiers(innerClick, ["stop"])
           }, [
             createBaseVNode("div", _hoisted_2$7, [
-              createVNode(_sfc_main$U, {
+              createVNode(_sfc_main$V, {
                 options: fullSearchBoxOptions.value,
                 "is-search-container": true,
                 ref_key: "searchBox",
@@ -22440,7 +22536,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-chat-spinner-main"
   };
   const _hoisted_5 = { class: "lupasearch-chat-input" };
-  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __name: "ChatContainer",
     props: {
       options: {}
@@ -28081,7 +28177,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$U), {
+        return openBlock(), createBlock(unref(_sfc_main$V), {
           options: fullSearchBoxOptions.value,
           ref_key: "searchBox",
           ref: searchBox2
@@ -28918,7 +29014,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
       return;
     }
-    const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1m, {
+    const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1n, {
       options
     });
     if (!instance) {