@getlupa/vue 0.11.1 → 0.11.2

package/dist/lupaSearch.js

@@ -2092,7 +2092,7 @@ const DEFAULT_OPTIONS_RESULTS = {
         top: false,
         bottom: true
       },
-      sizes: [10, 20, 25, 50]
+      sizes: [10, 20, 25]
     },
     pageSelection: {
       position: {
@@ -2418,38 +2418,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) => {
@@ -3222,7 +3223,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   };
 });
 const _hoisted_1$1e = { id: "lupa-search-box-input-container" };
-const _hoisted_2$P = { class: "lupa-input-clear" };
+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"];
@@ -3312,7 +3313,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     __expose({ focus });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
-        vue.createElementVNode("div", _hoisted_2$P, [
+        vue.createElementVNode("div", _hoisted_2$Q, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
@@ -3386,7 +3387,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$1d = { class: "lupa-search-box-history-item" };
-const _hoisted_2$O = { class: "lupa-search-box-history-item-content" };
+const _hoisted_2$P = { class: "lupa-search-box-history-item-content" };
 const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
@@ -3404,7 +3405,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
-        vue.createElementVNode("div", _hoisted_2$O, [
+        vue.createElementVNode("div", _hoisted_2$P, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -3494,7 +3495,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$1a = ["innerHTML"];
-const _hoisted_2$N = {
+const _hoisted_2$O = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
@@ -3548,7 +3549,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1a)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, vue.toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$1a)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, vue.toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
           vue.createElementVNode("span", _hoisted_4$r, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("span", _hoisted_5$g, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -3940,7 +3941,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$17 = ["innerHTML"];
-const _hoisted_2$M = {
+const _hoisted_2$N = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
@@ -3964,14 +3965,14 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: title.value
-      }, null, 8, _hoisted_1$17)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, [
+      }, null, 8, _hoisted_1$17)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, [
         vue.createElementVNode("strong", null, vue.toDisplayString(title.value), 1)
       ]));
     };
   }
 });
 const _hoisted_1$16 = ["innerHTML"];
-const _hoisted_2$L = {
+const _hoisted_2$M = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
@@ -3995,7 +3996,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: description.value
-      }, null, 8, _hoisted_1$16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$L, vue.toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$16)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, vue.toDisplayString(description.value), 1));
     };
   }
 });
@@ -4048,7 +4049,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$13 = ["innerHTML"];
-const _hoisted_2$K = { key: 0 };
+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" };
@@ -4082,7 +4083,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$K, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$L, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
           vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("div", _hoisted_5$f, vue.toDisplayString(text.value), 1)
         ]))
@@ -4169,13 +4170,33 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const isMobileSidebarVisible = vue.ref(false);
   const optionsStore = useOptionsStore();
   const paramsStore = useParamsStore();
+  const { searchResultOptions } = storeToRefs(optionsStore);
   const facets = vue.computed(() => searchResult.value.facets);
   const filters = vue.computed(() => searchResult.value.filters);
   const currentQueryText = vue.computed(() => searchResult.value.searchText);
   const totalItems = vue.computed(() => searchResult.value.total);
   const hasResults = vue.computed(() => totalItems.value > 0);
+  const priceKeys = vue.computed(() => {
+    var _a, _b;
+    return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
+  });
+  const currency = vue.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 = vue.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 = vue.computed(
-    () => getLabeledFilters(unfoldFilters(filters.value), facets.value)
+    () => getLabeledFilters(
+      unfoldFilters(filters.value, {
+        keys: priceKeys.value,
+        currency: currency.value,
+        separator: priceSeparator.value
+      }),
+      facets.value
+    )
   );
   const displayFilters = vue.computed(() => {
     var _a, _b;
@@ -4310,7 +4331,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
   };
 });
 const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
-const _hoisted_2$J = { class: "lupa-search-box-product-addtocart" };
+const _hoisted_2$K = { class: "lupa-search-box-product-addtocart" };
 const _hoisted_3$x = ["onClick", "disabled"];
 const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductAddToCart",
@@ -4340,7 +4361,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
-        vue.createElementVNode("div", _hoisted_2$J, [
+        vue.createElementVNode("div", _hoisted_2$K, [
           vue.createElementVNode("button", {
             onClick: vue.withModifiers(handleClick, ["stop", "prevent"]),
             class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
@@ -4442,7 +4463,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
   }
 }));
 const _hoisted_1$$ = { class: "lupa-badge-title" };
-const _hoisted_2$I = ["src"];
+const _hoisted_2$J = ["src"];
 const _hoisted_3$w = { key: 1 };
 const _hoisted_4$p = {
   key: 0,
@@ -4485,7 +4506,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
           image.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             src: image.value
-          }, null, 8, _hoisted_2$I)) : vue.createCommentVNode("", true),
+          }, null, 8, _hoisted_2$J)) : vue.createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
         ]),
         hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
@@ -4584,7 +4605,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$X = { class: "lupa-image-badges" };
-const _hoisted_2$H = ["src"];
+const _hoisted_2$I = ["src"];
 const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "ImageBadge",
   props: {
@@ -4613,7 +4634,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$H)
+            }, null, 8, _hoisted_2$I)
           ]);
         }), 128))
       ]);
@@ -4705,7 +4726,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
   }
 }));
 const _hoisted_1$V = ["href"];
-const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
+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,
@@ -4770,7 +4791,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         "data-cy": "lupa-search-box-product",
         onClick: handleClick
       }), [
-        vue.createElementVNode("div", _hoisted_2$G, [
+        vue.createElementVNode("div", _hoisted_2$H, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
             return vue.openBlock(), vue.createBlock(_sfc_main$15, {
               class: "lupa-search-box-product-element",
@@ -5129,7 +5150,7 @@ 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"
@@ -5337,7 +5358,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
-              ], 10, _hoisted_2$F);
+              ], 10, _hoisted_2$G);
             }), 128))
           ], 4),
           !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
@@ -5377,7 +5398,7 @@ const unbindSearchTriggers = (triggers = [], event) => {
   elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
 };
 const _hoisted_1$S = { id: "lupa-search-box" };
-const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
+const _hoisted_2$F = { class: "lupa-search-box-wrapper" };
 const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBox",
   props: {
@@ -5624,7 +5645,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
-        vue.createElementVNode("div", _hoisted_2$E, [
+        vue.createElementVNode("div", _hoisted_2$F, [
           vue.createVNode(_sfc_main$1m, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
@@ -5744,7 +5765,7 @@ 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"
 };
@@ -5786,7 +5807,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
-        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [
+        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$E, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
               vue.createElementVNode("span", {
@@ -5815,7 +5836,7 @@ const _hoisted_1$Q = {
   key: 0,
   class: "lupa-search-results-summary"
 };
-const _hoisted_2$C = ["innerHTML"];
+const _hoisted_2$D = ["innerHTML"];
 const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSummary",
   props: {
@@ -5832,7 +5853,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
-        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
+        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
         _ctx.clearable ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: "lupa-filter-clear",
@@ -5848,7 +5869,7 @@ const _hoisted_1$P = {
   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"
@@ -5891,7 +5912,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", null, [
         showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$P, [
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
-          queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$B, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
+          queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
           showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$s, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
@@ -5908,7 +5929,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$O = { class: "lupa-search-result-filter-value" };
-const _hoisted_2$A = {
+const _hoisted_2$B = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
 };
@@ -5933,14 +5954,14 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-current-filter-action",
           onClick: handleClick
         }, "⨉"),
-        vue.createElementVNode("div", _hoisted_2$A, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
+        vue.createElementVNode("div", _hoisted_2$B, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
         vue.createElementVNode("div", _hoisted_3$r, vue.toDisplayString(_ctx.filter.value), 1)
       ]);
     };
   }
 });
 const _hoisted_1$N = { class: "lupa-filter-title-text" };
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   key: 0,
   class: "lupa-filter-count"
 };
@@ -6012,7 +6033,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.createElementVNode("div", _hoisted_1$N, [
             vue.createTextVNode(vue.toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
-            _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$z, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
+            _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
           ]),
           _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
@@ -6086,7 +6107,7 @@ 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" };
@@ -6177,7 +6198,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
-        vue.createElementVNode("div", _hoisted_2$y, [
+        vue.createElementVNode("div", _hoisted_2$z, [
           hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
             key: 0,
             "data-cy": "lupa-category-back",
@@ -6212,7 +6233,7 @@ 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" };
@@ -6300,7 +6321,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           "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)), [
           [vue.vModelText, termFilter.value]
         ]) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_3$o, [
@@ -7312,7 +7333,7 @@ m.render = function(e, t, r, i, n, o) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
 }, m.__file = "src/Slider.vue";
 const _hoisted_1$J = { class: "lupa-search-result-facet-stats-values" };
-const _hoisted_2$w = {
+const _hoisted_2$x = {
   key: 0,
   class: "lupa-stats-facet-summary"
 };
@@ -7372,6 +7393,10 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
     });
+    const priceKeys = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
+    });
     const isSliderVisible = vue.computed(() => {
       var _a, _b;
       return Boolean((_b = (_a = props.options.stats) == null ? void 0 : _a.slider) != null ? _b : true);
@@ -7435,8 +7460,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const isPrice = vue.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 = vue.computed(() => {
       return Math.floor(facetValue.value.min);
@@ -7509,7 +7534,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
-        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$n, [
+        !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$n, [
           vue.createElementVNode("div", null, [
             rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$h, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_5$b, [
@@ -7576,7 +7601,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$I = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
+const _hoisted_2$w = { class: "lupa-term-checkbox-label" };
 const _hoisted_3$m = { class: "lupa-term-label" };
 const _hoisted_4$g = {
   key: 0,
@@ -7637,7 +7662,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
           ]),
-          vue.createElementVNode("div", _hoisted_2$v, [
+          vue.createElementVNode("div", _hoisted_2$w, [
             vue.createElementVNode("span", _hoisted_3$m, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
             _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
           ])
@@ -7662,7 +7687,7 @@ 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$K = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacet",
@@ -7715,7 +7740,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
-        isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
+        isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, [
           vue.withDirectives(vue.createElementVNode("input", {
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
@@ -7747,7 +7772,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$G = { class: "lupa-facet-label-text" };
-const _hoisted_2$t = {
+const _hoisted_2$u = {
   key: 0,
   class: "lupa-facet-content",
   "data-cy": "lupa-facet-content"
@@ -7876,7 +7901,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
             class: vue.normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
           }, null, 2)
         ], 2),
-        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
+        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(facetType.value), {
             facet: facet.value,
             currentFilters: currentFilters.value[facet.value.key],
@@ -7895,7 +7920,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
   }
 }));
 const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
-const _hoisted_2$s = {
+const _hoisted_2$t = {
   key: 0,
   class: "lupa-facets-title"
 };
@@ -7934,7 +7959,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-        _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
+        _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
         }, [
@@ -7981,6 +8006,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$D = { class: "lupa-search-result-facets" };
+const _hoisted_2$s = { class: "lupa-facets-filter-button-wrapper" };
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "Facets",
   props: {
@@ -8075,11 +8101,13 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           onSelect: handleFacetSelect,
           onClear: clear
         }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : vue.createCommentVNode("", true),
-        showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
-          key: 1,
-          options: _ctx.options,
-          onFilter: filter
-        }, null, 8, ["options"])) : vue.createCommentVNode("", true)
+        vue.createElementVNode("div", _hoisted_2$s, [
+          showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
+            key: 0,
+            options: _ctx.options,
+            onFilter: filter
+          }, null, 8, ["options"])) : vue.createCommentVNode("", true)
+        ])
       ]);
     };
   }
@@ -9099,7 +9127,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     item: {},
     options: {}
   },
-  setup(__props) {
+  emits: ["productEvent"],
+  setup(__props, { emit }) {
     const props = __props;
     const text = vue.computed(() => {
       return props.options.html(props.item);
@@ -9111,6 +9140,9 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       if (!props.options.action) {
         return;
       }
+      if (props.options.reportEventOnClick) {
+        emit("productEvent", { type: props.options.reportEventOnClick });
+      }
       yield props.options.action(props.item);
     });
     return (_ctx, _cache) => {
@@ -9423,7 +9455,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.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)),
             vue.createVNode(_sfc_main$$, {

package/dist/lupaSearch.mjs

@@ -2090,7 +2090,7 @@ const DEFAULT_OPTIONS_RESULTS = {
         top: false,
         bottom: true
       },
-      sizes: [10, 20, 25, 50]
+      sizes: [10, 20, 25]
     },
     pageSelection: {
       position: {
@@ -2416,38 +2416,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) => {
@@ -3220,7 +3221,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   };
 });
 const _hoisted_1$1e = { id: "lupa-search-box-input-container" };
-const _hoisted_2$P = { class: "lupa-input-clear" };
+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"];
@@ -3310,7 +3311,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     __expose({ focus });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1e, [
-        createElementVNode("div", _hoisted_2$P, [
+        createElementVNode("div", _hoisted_2$Q, [
           createElementVNode("div", {
             class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
@@ -3384,7 +3385,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1d = { class: "lupa-search-box-history-item" };
-const _hoisted_2$O = { class: "lupa-search-box-history-item-content" };
+const _hoisted_2$P = { class: "lupa-search-box-history-item-content" };
 const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
@@ -3402,7 +3403,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-        createElementVNode("div", _hoisted_2$O, [
+        createElementVNode("div", _hoisted_2$P, [
           createElementVNode("div", {
             class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -3492,7 +3493,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1a = ["innerHTML"];
-const _hoisted_2$N = {
+const _hoisted_2$O = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
@@ -3546,7 +3547,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1a)) : (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, [
           createElementVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
           createElementVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -3938,7 +3939,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$17 = ["innerHTML"];
-const _hoisted_2$M = {
+const _hoisted_2$N = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
@@ -3962,14 +3963,14 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: title.value
-      }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
+      }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$N, [
         createElementVNode("strong", null, toDisplayString(title.value), 1)
       ]));
     };
   }
 });
 const _hoisted_1$16 = ["innerHTML"];
-const _hoisted_2$L = {
+const _hoisted_2$M = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
@@ -3993,7 +3994,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: description.value
-      }, null, 8, _hoisted_1$16)) : (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));
     };
   }
 });
@@ -4046,7 +4047,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$13 = ["innerHTML"];
-const _hoisted_2$K = { key: 0 };
+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" };
@@ -4080,7 +4081,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
         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, [
           createElementVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
           createElementVNode("div", _hoisted_5$f, toDisplayString(text.value), 1)
         ]))
@@ -4167,13 +4168,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;
@@ -4308,7 +4329,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
   };
 });
 const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
-const _hoisted_2$J = { class: "lupa-search-box-product-addtocart" };
+const _hoisted_2$K = { class: "lupa-search-box-product-addtocart" };
 const _hoisted_3$x = ["onClick", "disabled"];
 const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductAddToCart",
@@ -4338,7 +4359,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$11, [
-        createElementVNode("div", _hoisted_2$J, [
+        createElementVNode("div", _hoisted_2$K, [
           createElementVNode("button", {
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
             class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
@@ -4440,7 +4461,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValue
   }
 }));
 const _hoisted_1$$ = { class: "lupa-badge-title" };
-const _hoisted_2$I = ["src"];
+const _hoisted_2$J = ["src"];
 const _hoisted_3$w = { key: 1 };
 const _hoisted_4$p = {
   key: 0,
@@ -4483,7 +4504,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           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)
@@ -4582,7 +4603,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$X = { class: "lupa-image-badges" };
-const _hoisted_2$H = ["src"];
+const _hoisted_2$I = ["src"];
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "ImageBadge",
   props: {
@@ -4611,7 +4632,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$H)
+            }, null, 8, _hoisted_2$I)
           ]);
         }), 128))
       ]);
@@ -4703,7 +4724,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   }
 }));
 const _hoisted_1$V = ["href"];
-const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
+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,
@@ -4768,7 +4789,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         "data-cy": "lupa-search-box-product",
         onClick: handleClick
       }), [
-        createElementVNode("div", _hoisted_2$G, [
+        createElementVNode("div", _hoisted_2$H, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
             return openBlock(), createBlock(_sfc_main$15, {
               class: "lupa-search-box-product-element",
@@ -5127,7 +5148,7 @@ 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"
@@ -5335,7 +5356,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                     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$1i, {
@@ -5375,7 +5396,7 @@ const unbindSearchTriggers = (triggers = [], event) => {
   elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
 };
 const _hoisted_1$S = { id: "lupa-search-box" };
-const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
+const _hoisted_2$F = { class: "lupa-search-box-wrapper" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "SearchBox",
   props: {
@@ -5622,7 +5643,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return openBlock(), createElementBlock("div", _hoisted_1$S, [
-        createElementVNode("div", _hoisted_2$E, [
+        createElementVNode("div", _hoisted_2$F, [
           createVNode(_sfc_main$1m, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
@@ -5742,7 +5763,7 @@ 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"
 };
@@ -5784,7 +5805,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
-        unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
+        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 }, [
               createElementVNode("span", {
@@ -5813,7 +5834,7 @@ const _hoisted_1$Q = {
   key: 0,
   class: "lupa-search-results-summary"
 };
-const _hoisted_2$C = ["innerHTML"];
+const _hoisted_2$D = ["innerHTML"];
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSummary",
   props: {
@@ -5830,7 +5851,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
-        createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
+        createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
         _ctx.clearable ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "lupa-filter-clear",
@@ -5846,7 +5867,7 @@ const _hoisted_1$P = {
   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"
@@ -5889,7 +5910,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", null, [
         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$T, {
@@ -5906,7 +5927,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$O = { class: "lupa-search-result-filter-value" };
-const _hoisted_2$A = {
+const _hoisted_2$B = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
 };
@@ -5931,14 +5952,14 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           class: "lupa-current-filter-action",
           onClick: handleClick
         }, "⨉"),
-        createElementVNode("div", _hoisted_2$A, toDisplayString(_ctx.filter.label) + ": ", 1),
+        createElementVNode("div", _hoisted_2$B, toDisplayString(_ctx.filter.label) + ": ", 1),
         createElementVNode("div", _hoisted_3$r, toDisplayString(_ctx.filter.value), 1)
       ]);
     };
   }
 });
 const _hoisted_1$N = { class: "lupa-filter-title-text" };
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   key: 0,
   class: "lupa-filter-count"
 };
@@ -6010,7 +6031,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("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,
@@ -6084,7 +6105,7 @@ 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" };
@@ -6175,7 +6196,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$L, [
-        createElementVNode("div", _hoisted_2$y, [
+        createElementVNode("div", _hoisted_2$z, [
           hasBackButton.value ? (openBlock(), createElementBlock("a", {
             key: 0,
             "data-cy": "lupa-category-back",
@@ -6210,7 +6231,7 @@ 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" };
@@ -6298,7 +6319,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           "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),
         createElementVNode("div", _hoisted_3$o, [
@@ -7310,7 +7331,7 @@ 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$J = { class: "lupa-search-result-facet-stats-values" };
-const _hoisted_2$w = {
+const _hoisted_2$x = {
   key: 0,
   class: "lupa-stats-facet-summary"
 };
@@ -7370,6 +7391,10 @@ const _sfc_main$M = /* @__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);
@@ -7433,8 +7458,8 @@ const _sfc_main$M = /* @__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);
@@ -7507,7 +7532,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$J, [
-        !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
+        !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
           createElementVNode("div", null, [
             rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_5$b, [
@@ -7574,7 +7599,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$I = { class: "lupa-term-checkbox-wrapper" };
-const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
+const _hoisted_2$w = { class: "lupa-term-checkbox-label" };
 const _hoisted_3$m = { class: "lupa-term-label" };
 const _hoisted_4$g = {
   key: 0,
@@ -7635,7 +7660,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
           ]),
-          createElementVNode("div", _hoisted_2$v, [
+          createElementVNode("div", _hoisted_2$w, [
             createElementVNode("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)
           ])
@@ -7660,7 +7685,7 @@ 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$K = /* @__PURE__ */ defineComponent({
   __name: "HierarchyFacet",
@@ -7713,7 +7738,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$H, [
-        isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
+        isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
           withDirectives(createElementVNode("input", {
             class: "lupa-term-filter",
             "data-cy": "lupa-term-filter",
@@ -7745,7 +7770,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$G = { class: "lupa-facet-label-text" };
-const _hoisted_2$t = {
+const _hoisted_2$u = {
   key: 0,
   class: "lupa-facet-content",
   "data-cy": "lupa-facet-content"
@@ -7874,7 +7899,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             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],
@@ -7893,7 +7918,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   }
 }));
 const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
-const _hoisted_2$s = {
+const _hoisted_2$t = {
   key: 0,
   class: "lupa-facets-title"
 };
@@ -7932,7 +7957,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", _hoisted_1$F, [
-        _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
+        _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
         }, [
@@ -7979,6 +8004,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 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: {
@@ -8073,11 +8099,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           onSelect: handleFacetSelect,
           onClear: clear
         }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
-        showFilterButton.value ? (openBlock(), createBlock(_sfc_main$H, {
-          key: 1,
-          options: _ctx.options,
-          onFilter: filter
-        }, null, 8, ["options"])) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_2$s, [
+          showFilterButton.value ? (openBlock(), createBlock(_sfc_main$H, {
+            key: 0,
+            options: _ctx.options,
+            onFilter: filter
+          }, null, 8, ["options"])) : createCommentVNode("", true)
+        ])
       ]);
     };
   }
@@ -9097,7 +9125,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     item: {},
     options: {}
   },
-  setup(__props) {
+  emits: ["productEvent"],
+  setup(__props, { emit }) {
     const props = __props;
     const text = computed(() => {
       return props.options.html(props.item);
@@ -9109,6 +9138,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       if (!props.options.action) {
         return;
       }
+      if (props.options.reportEventOnClick) {
+        emit("productEvent", { type: props.options.reportEventOnClick });
+      }
       yield props.options.action(props.item);
     });
     return (_ctx, _cache) => {
@@ -9421,7 +9453,8 @@ 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$$, {

package/dist/src/components/search-results/products/product-card/elements/custom/SearchResultsProductCustomHtmlElement.vue.d.ts

@@ -10,7 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<CustomHtmlElement>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "productEvent"[], "productEvent", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: __PropType<Document>;
         required: true;
@@ -19,5 +19,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<CustomHtmlElement>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & {
+    onProductEvent?: (...args: any[]) => any;
+}, {}, {}>;
 export default _sfc_main;

package/dist/src/types/DocumentElement.d.ts

@@ -94,5 +94,6 @@ export type CustomHtmlElement<T = any> = DocumentElementBase<T> & {
     html: (document: T) => string;
     className: string;
     action?: (document: T) => Promise<unknown> | undefined;
+    reportEventOnClick?: string;
 };
 export type DocumentElement = ImageDocumentElement | TitleDocumentElement | DescriptionDocumentElement | CustomDocumentElement | PriceElement | RegularPriceDocumentElement | RatingElement | SingleStarRatingElement | AddToCartElement | CustomHtmlElement;

package/dist/src/types/search-results/SearchResultsProductCardOptions.d.ts

@@ -16,6 +16,7 @@ export type SearchResultsProductCardOptions = {
     queryKey: string;
     idKey?: string;
     titleKey?: string;
+    priceKeys?: string[];
     customDocumentHtmlAttributes?: CustomDocumentHtmlAttributes;
 };
 export type SearchResultBadgeOptions = {

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

@@ -1,7 +1,11 @@
 import type { LabeledFilter, UnfoldedFilter } from '../types/search-results/Filters';
 import type { FacetResult, FilterGroup, FilterGroupItemTypeRange, HierarchyTree } from '@getlupa/client-sdk/Types';
 export declare const formatRange: (filter: FilterGroupItemTypeRange) => string;
-export declare const unfoldFilters: (filters?: FilterGroup) => UnfoldedFilter[];
+export declare const unfoldFilters: (filters?: FilterGroup, price?: {
+    keys?: string[];
+    currency?: string;
+    separator?: string;
+}) => UnfoldedFilter[];
 export declare const getLabeledFilters: (filters: UnfoldedFilter[], facets?: FacetResult[]) => LabeledFilter[];
 export declare const isFacetKey: (key: string) => boolean;
 export declare const isArrayKey: (key: string) => boolean;

package/package.json

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