@getlupa/client 1.11.1 → 1.11.3

package/dist/lupaSearch.umd.js

@@ -7318,7 +7318,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           top: false,
           bottom: true
         },
-        sizes: [10, 20, 25, 50]
+        sizes: [10, 20, 25]
       },
       pageSelection: {
         position: {
@@ -7644,38 +7644,39 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const seed = [];
     return filter.terms.reduce((a, c2) => [...a, { key, value: c2, type: "hierarchy" }], seed);
   };
-  const unfoldRangeFilter = (key, filter) => {
+  const unfoldRangeFilter = (key, filter, price = {}) => {
+    var _a;
     const gt = filter.gte || filter.gt;
     const lt = filter.lte || filter.lt;
-    if (key.includes(CURRENCY_KEY_INDICATOR)) {
+    if (key.includes(CURRENCY_KEY_INDICATOR) || ((_a = price == null ? void 0 : price.keys) == null ? void 0 : _a.includes(key))) {
       return [
         {
           key,
-          value: formatPriceSummary([gt, lt]),
+          value: formatPriceSummary([gt, lt], price.currency, price.separator),
           type: "range"
         }
       ];
     }
     return [{ key, value: `${gt} - ${lt}`, type: "range" }];
   };
-  const unfoldFilter = (key, filter) => {
+  const unfoldFilter = (key, filter, price = {}) => {
     if (Array.isArray(filter)) {
       return unfoldTermFilter(key, filter);
     }
     if (filter.gte) {
-      return unfoldRangeFilter(key, filter);
+      return unfoldRangeFilter(key, filter, price);
     }
     if (filter.terms) {
       return unfoldHierarchyFilter(key, filter);
     }
     return [];
   };
-  const unfoldFilters = (filters) => {
+  const unfoldFilters = (filters, price = {}) => {
     if (!filters) {
       return [];
     }
     const seed = [];
-    return Object.entries(filters).reduce((a, c2) => [...a, ...unfoldFilter(...c2)], seed);
+    return Object.entries(filters).reduce((a, c2) => [...a, ...unfoldFilter(...c2, price)], seed);
   };
   const getLabeledFilters = (filters, facets) => {
     return filters.map((f2) => {
@@ -8448,7 +8449,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
   });
   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"];
@@ -8538,7 +8539,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       __expose({ focus });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1e, [
-          createBaseVNode("div", _hoisted_2$P, [
+          createBaseVNode("div", _hoisted_2$Q, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear2
@@ -8612,7 +8613,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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: {
@@ -8630,7 +8631,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-          createBaseVNode("div", _hoisted_2$O, [
+          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
@@ -8720,7 +8721,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   const _hoisted_1$1a = ["innerHTML"];
-  const _hoisted_2$N = {
+  const _hoisted_2$O = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
     class: "lupa-suggestion-value"
@@ -8774,7 +8775,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$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, [
             createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -9166,7 +9167,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   const _hoisted_1$17 = ["innerHTML"];
-  const _hoisted_2$M = {
+  const _hoisted_2$N = {
     key: 1,
     class: "lupa-search-box-product-title"
   };
@@ -9190,14 +9191,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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, [
           createBaseVNode("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"
   };
@@ -9221,7 +9222,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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));
       };
     }
   });
@@ -9274,7 +9275,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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" };
@@ -9308,7 +9309,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           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)
           ]))
@@ -9395,13 +9396,33 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const isMobileSidebarVisible = ref(false);
     const optionsStore = useOptionsStore();
     const paramsStore = useParamsStore();
+    const { searchResultOptions } = storeToRefs(optionsStore);
     const facets = computed(() => searchResult.value.facets);
     const filters = computed(() => searchResult.value.filters);
     const currentQueryText = computed(() => searchResult.value.searchText);
     const totalItems = computed(() => searchResult.value.total);
     const hasResults = computed(() => totalItems.value > 0);
+    const priceKeys = computed(() => {
+      var _a, _b;
+      return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
+    });
+    const currency = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency) != null ? _c : "";
+    });
+    const priceSeparator = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.priceSeparator) != null ? _c : "";
+    });
     const labeledFilters = computed(
-      () => getLabeledFilters(unfoldFilters(filters.value), facets.value)
+      () => getLabeledFilters(
+        unfoldFilters(filters.value, {
+          keys: priceKeys.value,
+          currency: currency.value,
+          separator: priceSeparator.value
+        }),
+        facets.value
+      )
     );
     const displayFilters = computed(() => {
       var _a, _b;
@@ -9536,7 +9557,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
   });
   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",
@@ -9566,7 +9587,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$11, [
-          createBaseVNode("div", _hoisted_2$J, [
+          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"),
@@ -9668,7 +9689,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   }));
   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,
@@ -9711,7 +9732,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             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)
@@ -9810,7 +9831,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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: {
@@ -9839,7 +9860,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }, [
               createBaseVNode("img", {
                 src: getImageUrl(item)
-              }, null, 8, _hoisted_2$H)
+              }, null, 8, _hoisted_2$I)
             ]);
           }), 128))
         ]);
@@ -9931,7 +9952,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   }));
   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,
@@ -9996,7 +10017,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-box-product",
           onClick: handleClick
         }), [
-          createBaseVNode("div", _hoisted_2$G, [
+          createBaseVNode("div", _hoisted_2$H, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
               return openBlock(), createBlock(_sfc_main$15, {
                 class: "lupa-search-box-product-element",
@@ -10355,7 +10376,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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"
@@ -10563,7 +10584,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 10, _hoisted_2$F);
+                ], 10, _hoisted_2$G);
               }), 128))
             ], 4),
             !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1i, {
@@ -10603,7 +10624,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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: {
@@ -10850,7 +10871,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return (_ctx, _cache) => {
         var _a2;
         return openBlock(), createElementBlock("div", _hoisted_1$S, [
-          createBaseVNode("div", _hoisted_2$E, [
+          createBaseVNode("div", _hoisted_2$F, [
             createVNode(_sfc_main$1m, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
@@ -10954,7 +10975,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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"
   };
@@ -10996,7 +11017,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       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 }, [
                 createBaseVNode("span", {
@@ -11025,7 +11046,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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: {
@@ -11042,7 +11063,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
-          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
+          createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$D),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "lupa-filter-clear",
@@ -11058,7 +11079,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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"
@@ -11097,12 +11118,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a, _b;
         return (_b = (_a = props.options.labels) == null ? void 0 : _a.itemCount) != null ? _b : "";
       });
+      const searchResultsCountLabel = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.options.labels) == null ? void 0 : _a.searchResultsCount) != null ? _b : "";
+      });
       return (_ctx, _cache) => {
         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),
-            showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(unref(totalItems)) + ")", 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(searchResultsCountLabel.value) + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$T, {
             key: 1,
@@ -11118,7 +11143,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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"
   };
@@ -11143,14 +11168,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             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$N = { class: "lupa-filter-title-text" };
-  const _hoisted_2$z = {
+  const _hoisted_2$A = {
     key: 0,
     class: "lupa-filter-count"
   };
@@ -11222,7 +11247,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, [
             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,
@@ -11296,7 +11321,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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" };
@@ -11387,7 +11412,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$L, [
-          createBaseVNode("div", _hoisted_2$y, [
+          createBaseVNode("div", _hoisted_2$z, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
               "data-cy": "lupa-category-back",
@@ -11422,7 +11447,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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" };
@@ -11510,7 +11535,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "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, [
@@ -12522,7 +12547,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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"
   };
@@ -12582,6 +12607,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a;
         return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
       });
+      const priceKeys = computed(() => {
+        var _a, _b;
+        return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
+      });
       const isSliderVisible = computed(() => {
         var _a, _b;
         return Boolean((_b = (_a = props.options.stats) == null ? void 0 : _a.slider) != null ? _b : true);
@@ -12645,8 +12674,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       });
       const isPrice = computed(() => {
-        var _a;
-        return (_a = facetValue.value.key) == null ? void 0 : _a.includes(CURRENCY_KEY_INDICATOR);
+        var _a, _b, _c;
+        return ((_b = (_a = facetValue.value) == null ? void 0 : _a.key) == null ? void 0 : _b.includes(CURRENCY_KEY_INDICATOR)) || ((_c = priceKeys.value) == null ? void 0 : _c.includes(facetValue.value.key));
       });
       const facetMin = computed(() => {
         return Math.floor(facetValue.value.min);
@@ -12719,7 +12748,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       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, [
             createBaseVNode("div", null, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               createBaseVNode("div", _hoisted_5$b, [
@@ -12786,7 +12815,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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,
@@ -12847,7 +12876,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 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)
             ])
@@ -12872,7 +12901,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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",
@@ -12925,7 +12954,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       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(createBaseVNode("input", {
               class: "lupa-term-filter",
               "data-cy": "lupa-term-filter",
@@ -12957,7 +12986,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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"
@@ -13086,7 +13115,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               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],
@@ -13105,7 +13134,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   }));
   const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
-  const _hoisted_2$s = {
+  const _hoisted_2$t = {
     key: 0,
     class: "lupa-facets-title"
   };
@@ -13144,7 +13173,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
           }, [
@@ -13191,6 +13220,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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: {
@@ -13285,11 +13315,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             onSelect: handleFacetSelect,
             onClear: clear2
           }, 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)
+          createBaseVNode("div", _hoisted_2$s, [
+            showFilterButton.value ? (openBlock(), createBlock(_sfc_main$H, {
+              key: 0,
+              options: _ctx.options,
+              onFilter: filter
+            }, null, 8, ["options"])) : createCommentVNode("", true)
+          ])
         ]);
       };
     }
@@ -14309,7 +14341,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       item: {},
       options: {}
     },
-    setup(__props) {
+    emits: ["productEvent"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const text = computed(() => {
         return props.options.html(props.item);
@@ -14321,6 +14354,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         if (!props.options.action) {
           return;
         }
+        if (props.options.reportEventOnClick) {
+          emit2("productEvent", { type: props.options.reportEventOnClick });
+        }
         yield props.options.action(props.item);
       });
       return (_ctx, _cache) => {
@@ -14633,7 +14669,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   key: element.key,
                   labels: labels.value,
                   inStock: isInStock.value,
-                  link: link.value
+                  link: link.value,
+                  onProductEvent: handleProductEvent
                 }, null, 8, ["item", "element", "labels", "inStock", "link"]);
               }), 128)),
               createVNode(_sfc_main$$, {
@@ -14962,7 +14999,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "lupa-products"
   };
   const _hoisted_3$6 = {
-    key: 0,
+    key: 1,
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results-in-page"
   };
@@ -15032,6 +15069,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a;
         return currentFilterToolbarVisible.value ? (_a = props.options.filters) == null ? void 0 : _a.currentFilters : void 0;
       });
+      const currentFilterPositionDesktop = computed(() => {
+        var _a, _b, _c;
+        return ((_c = (_b = (_a = props.options.filters) == null ? void 0 : _a.currentFilters) == null ? void 0 : _b.desktopToolbar) == null ? void 0 : _c.position) || "pageTop";
+      });
       const currentFiltersClass = computed(() => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _i;
         if (!currentFilterToolbarVisible.value) {
@@ -15093,7 +15134,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               "pagination-location": "top",
               onFilter: filter
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$Q, {
+            currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$Q, {
               key: 2,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -15112,6 +15153,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               options: _ctx.options,
               "pagination-location": "top"
             }, null, 8, ["options"]),
+            currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$Q, {
+              key: 0,
+              class: normalizeClass(currentFiltersClass.value),
+              "data-cy": "lupa-search-result-filters-mobile-toolbar",
+              options: currentFilterOptions.value,
+              expandable: !desktopFiltersExpanded.value
+            }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_2$b, [
               _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(searchResult).items, (product, index) => {
                 return renderSlot(_ctx.$slots, "productCard", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.11.1",
+  "version": "1.11.3",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.11.1",
+    "@getlupa/vue": "0.11.3",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",