@getlupa/client 1.11.0 → 1.11.2

package/dist/lupaSearch.mjs

@@ -7314,7 +7314,7 @@ const DEFAULT_OPTIONS_RESULTS$1 = {
         top: false,
         bottom: true
       },
-      sizes: [10, 20, 25, 50]
+      sizes: [10, 20, 25]
     },
     pageSelection: {
       position: {
@@ -7640,38 +7640,39 @@ const unfoldHierarchyFilter = (key, filter) => {
   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) => {
@@ -8443,8 +8444,8 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     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"];
@@ -8452,7 +8453,7 @@ const _hoisted_6$9 = {
   key: 0,
   class: "lupa-close-label"
 };
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -8533,8 +8534,8 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     __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
@@ -8575,7 +8576,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -8607,9 +8608,9 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -8625,8 +8626,8 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
       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
@@ -8640,11 +8641,11 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -8685,9 +8686,9 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       }
     };
     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,
@@ -8703,20 +8704,20 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"
@@ -8734,7 +8735,7 @@ const _hoisted_5$g = {
   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: {},
@@ -8770,7 +8771,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           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)
@@ -8779,11 +8780,11 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -8843,9 +8844,9 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
       });
     });
     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,
@@ -8873,7 +8874,7 @@ const debounce$1 = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -8914,7 +8915,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
     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,
@@ -9017,8 +9018,8 @@ const replaceImageWithPlaceholder = (e, placeholder) => {
     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: {},
@@ -9136,7 +9137,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$17))
+            }), null, 16, _hoisted_1$18))
           ]),
           _: 1
         })
@@ -9144,7 +9145,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -9152,7 +9153,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   },
   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",
@@ -9161,12 +9162,12 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -9186,18 +9187,18 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
         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: {},
@@ -9217,12 +9218,12 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
         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: {},
@@ -9240,14 +9241,14 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       );
     });
     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: {},
@@ -9265,16 +9266,16 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       );
     });
     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: {},
@@ -9300,11 +9301,11 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
         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)
         ]))
@@ -9312,8 +9313,8 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -9333,7 +9334,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       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);
     };
   }
 });
@@ -9391,13 +9392,33 @@ const useSearchResultStore = defineStore("searchResult", () => {
   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;
@@ -9531,10 +9552,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     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: {},
@@ -9561,8 +9582,8 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       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"),
@@ -9575,23 +9596,23 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -9649,7 +9670,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
           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,
@@ -9663,14 +9684,14 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     };
   }
 }));
-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: {},
@@ -9703,11 +9724,11 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
         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)
@@ -9715,8 +9736,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -9742,9 +9763,9 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       })).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
@@ -9754,8 +9775,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -9774,12 +9795,12 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       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: {}
@@ -9794,7 +9815,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       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",
@@ -9805,9 +9826,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -9827,7 +9848,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       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",
@@ -9835,22 +9856,22 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           }, [
             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: {},
@@ -9906,7 +9927,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       }
     };
     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)
@@ -9917,7 +9938,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
               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)
@@ -9926,14 +9947,14 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-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: {},
@@ -9992,9 +10013,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         "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,
@@ -10007,7 +10028,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         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,
@@ -10018,7 +10039,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
               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"])
@@ -10029,7 +10050,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           }), 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,
@@ -10038,7 +10059,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$U);
+      ], 16, _hoisted_1$V);
     };
   }
 });
@@ -10099,8 +10120,8 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   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: {},
@@ -10161,7 +10182,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       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,
@@ -10173,7 +10194,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             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,
@@ -10187,7 +10208,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
@@ -10239,7 +10260,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     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,
@@ -10257,7 +10278,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxRelatedSourceWrapper",
   props: {
     panel: {},
@@ -10329,7 +10350,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     });
     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,
@@ -10347,11 +10368,11 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"
@@ -10366,12 +10387,12 @@ const _hoisted_5$e = {
 };
 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: {},
@@ -10517,7 +10538,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         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",
@@ -10559,21 +10580,21 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
                     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,
@@ -10598,9 +10619,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
   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: {},
@@ -10845,9 +10866,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
     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,
@@ -10858,7 +10879,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             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,
@@ -10946,11 +10967,11 @@ const getSearchParams = (url, params, baseUrl) => {
   }
   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"
 };
@@ -10959,7 +10980,7 @@ const _hoisted_3$t = {
   "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: {}
@@ -10991,8 +11012,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       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", {
@@ -11017,12 +11038,12 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -11037,8 +11058,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       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",
@@ -11049,18 +11070,18 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -11095,12 +11116,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     });
     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),
@@ -11113,8 +11134,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"
 };
@@ -11122,7 +11143,7 @@ const _hoisted_3$r = {
   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: {}
@@ -11134,19 +11155,19 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       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"
 };
@@ -11155,7 +11176,7 @@ const _hoisted_3$q = {
   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: {},
@@ -11216,9 +11237,9 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           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,
@@ -11228,7 +11249,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         !_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
@@ -11245,8 +11266,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -11283,20 +11304,20 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           "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: {}
@@ -11382,8 +11403,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
     __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",
@@ -11403,7 +11424,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         ], 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
@@ -11414,11 +11435,11 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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" };
@@ -11430,7 +11451,7 @@ const _hoisted_8$1 = {
 };
 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: {},
@@ -11499,14 +11520,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       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, [
@@ -12517,8 +12538,8 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
 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"
 };
@@ -12545,7 +12566,7 @@ const _hoisted_13 = {
   key: 2,
   class: "lupa-stats-slider-wrapper"
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "StatsFacet",
   props: {
     options: {},
@@ -12578,6 +12599,10 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       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);
@@ -12641,8 +12666,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       }
     });
     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);
@@ -12714,8 +12739,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       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, [
@@ -12781,8 +12806,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -12792,7 +12817,7 @@ const _hoisted_5$a = {
   key: 0,
   class: "lupa-facet-level"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "HierarchyFacetLevel",
   props: {
     options: {},
@@ -12838,12 +12863,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           "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)
           ])
@@ -12864,13 +12889,13 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -12920,8 +12945,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       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",
@@ -12932,7 +12957,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           ])
         ])) : 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,
@@ -12952,20 +12977,20 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -13077,12 +13102,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
           "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],
@@ -13100,12 +13125,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-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: {},
@@ -13139,14 +13164,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
     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,
@@ -13161,7 +13186,33 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
+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: {
@@ -13169,7 +13220,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     facetStyle: {},
     clearable: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["filter"],
+  setup(__props, { emit: emit2 }) {
     const props = __props;
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
@@ -13199,6 +13251,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         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":
@@ -13237,9 +13292,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       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,
@@ -13248,7 +13306,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           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)
+        ])
       ]);
     };
   }
@@ -13263,7 +13328,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     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(() => {
@@ -13277,6 +13343,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const showCurrentFilters = computed(() => {
       return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
     });
+    const filter = () => {
+      emit2("filter");
+    };
     const fetch2 = () => {
       var _a;
       if (categoryFilters.value) {
@@ -13287,12 +13356,12 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     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",
@@ -13300,7 +13369,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         }, 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)
       ]);
     };
@@ -13324,7 +13394,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   props: {
     options: {}
   },
-  setup(__props) {
+  emits: ["filter"],
+  setup(__props, { emit: emit2 }) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const { currentFilterCount } = storeToRefs(searchResultStore);
@@ -13344,6 +13415,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     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", {
@@ -13364,7 +13439,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", _hoisted_7$4, [
             createVNode(_sfc_main$F, {
               options: _ctx.options,
-              expandable: isActiveFiltersExpanded.value
+              expandable: isActiveFiltersExpanded.value,
+              onFilter: filter
             }, null, 8, ["options", "expandable"])
           ])
         ])
@@ -13435,7 +13511,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   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, [
@@ -13443,7 +13523,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           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)
       ]);
     };
@@ -13880,7 +13961,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }, [
         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,
@@ -13921,7 +14002,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   },
   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",
@@ -14252,7 +14333,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     item: {},
     options: {}
   },
-  setup(__props) {
+  emits: ["productEvent"],
+  setup(__props, { emit: emit2 }) {
     const props = __props;
     const text = computed(() => {
       return props.options.html(props.item);
@@ -14264,6 +14346,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       if (!props.options.action) {
         return;
       }
+      if (props.options.reportEventOnClick) {
+        emit2("productEvent", { type: props.options.reportEventOnClick });
+      }
       yield props.options.action(props.item);
     });
     return (_ctx, _cache) => {
@@ -14559,7 +14644,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         "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])
         }, [
@@ -14576,10 +14661,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 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"
@@ -14922,7 +15008,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     options: {},
     ssr: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["filter"],
+  setup(__props, { emit: emit2 }) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const paramStore = useParamsStore();
@@ -15013,6 +15100,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         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, [
@@ -15029,9 +15119,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             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",
@@ -15386,8 +15477,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         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
@@ -15399,7 +15490,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }, 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,
@@ -15410,17 +15502,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             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")
@@ -15429,8 +15523,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, 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"]),
@@ -15439,11 +15533,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               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")
@@ -21065,7 +21161,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           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",
@@ -22436,7 +22532,7 @@ const _hoisted_4 = {
   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: {}
@@ -28077,7 +28173,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     __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
@@ -28914,7 +29010,7 @@ const chat = (options, mountOptions) => {
     }
     return;
   }
-  const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1m, {
+  const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1n, {
     options
   });
   if (!instance) {