@getlupa/client 1.17.0 → 1.17.1

package/dist/lupaSearch.iife.js

@@ -7836,7 +7836,7 @@ var __async = (__this, __arguments, generator) => {
     }
     return (_b = value.toFixed(2)) == null ? void 0 : _b.replace(".", separator);
   };
-  const formatPrice = (price, currency = "€", separator = ",") => {
+  const formatPrice = (price, currency = "€", separator = ",", currencyTemplate = "") => {
     if (price !== 0 && !price) {
       return "";
     }
@@ -7844,16 +7844,24 @@ var __async = (__this, __arguments, generator) => {
     if (!amount) {
       return "";
     }
+    if (currencyTemplate) {
+      return addParamsToLabel(currencyTemplate, amount);
+    }
     return `${amount} ${currency}`;
   };
-  const formatPriceSummary = ([min, max], currency, separator = ",") => {
+  const formatPriceSummary = ([min, max], currency, separator = ",", currencyTemplate = "") => {
     if (min !== void 0 && max !== void 0) {
-      return `${formatPrice(min, currency, separator)} - ${formatPrice(max, currency, separator)}`;
+      return `${formatPrice(min, currency, separator, currencyTemplate)} - ${formatPrice(
+        max,
+        currency,
+        separator,
+        currencyTemplate
+      )}`;
     }
     if (min !== void 0) {
-      return `> ${formatPrice(min, currency, separator)}`;
+      return `> ${formatPrice(min, currency, separator, currencyTemplate)}`;
     }
-    return `< ${formatPrice(max, currency, separator)}`;
+    return `< ${formatPrice(max, currency, separator, currencyTemplate)}`;
   };
   const formatRange = (filter2) => {
     var _a, _b;
@@ -7883,7 +7891,12 @@ var __async = (__this, __arguments, generator) => {
       return [
         {
           key,
-          value: formatPriceSummary([gt, lt], price.currency, price.separator),
+          value: formatPriceSummary(
+            [gt, lt],
+            price.currency,
+            price.separator,
+            price.currencyTemplate
+          ),
           type: "range"
         }
       ];
@@ -14489,6 +14502,7 @@ var __async = (__this, __arguments, generator) => {
     },
     emits: ["go-to-results"],
     setup(__props, { emit: emit2 }) {
+      const props = __props;
       const historyStore = useHistoryStore();
       const searchBoxStore = useSearchBoxStore();
       const { highlightedIndex } = storeToRefs(searchBoxStore);
@@ -14504,6 +14518,14 @@ var __async = (__this, __arguments, generator) => {
       onBeforeMount(() => {
         window.removeEventListener("keydown", handleKeyDown);
       });
+      const historyLimit = computed(() => {
+        var _a;
+        return (_a = props.options.historyLimit) != null ? _a : 5;
+      });
+      const limitedHistory = computed(() => {
+        var _a;
+        return ((_a = history.value) != null ? _a : []).slice(0, historyLimit.value);
+      });
       const remove2 = ({ item }) => {
         historyStore.remove({ item });
       };
@@ -14524,7 +14546,7 @@ var __async = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1g, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(limitedHistory.value, (item, index) => {
             return openBlock(), createBlock(_sfc_main$1t, {
               key: item,
               item,
@@ -24081,11 +24103,12 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -24108,11 +24131,12 @@ and ensure you are accounting for this risk.
         return props.options.className;
       });
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -24276,12 +24300,17 @@ and ensure you are accounting for this risk.
       var _a, _b, _c;
       return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.priceSeparator) != null ? _c : "";
     });
+    const currencyTemplate = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currencyTemplate) != null ? _c : "";
+    });
     const labeledFilters = computed(
       () => getLabeledFilters(
         unfoldFilters(filters.value, {
           keys: priceKeys.value,
           currency: currency.value,
-          separator: priceSeparator.value
+          separator: priceSeparator.value,
+          currencyTemplate: currencyTemplate.value
         }),
         facets2.value
       )
@@ -24829,11 +24858,12 @@ and ensure you are accounting for this risk.
         return 0;
       });
       const discountStringValue = computed(() => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         return props.badge.discountType === "percentage" ? discountValue.value.toFixed(0) : formatPrice(
           discountValue.value,
           (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency,
-          (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator
+          (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator,
+          (_f = (_e = searchResultOptions.value) == null ? void 0 : _e.labels) == null ? void 0 : _f.currencyTemplate
         );
       });
       const hasDiscount = computed(() => {
@@ -27854,6 +27884,10 @@ and ensure you are accounting for this risk.
         var _a;
         return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
       });
+      const currencyTemplate = computed(() => {
+        var _a;
+        return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currencyTemplate;
+      });
       const priceKeys = computed(() => {
         var _a, _b;
         return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
@@ -27936,7 +27970,7 @@ and ensure you are accounting for this risk.
       });
       const statsSummary = computed(() => {
         const [min, max] = sliderRange.value;
-        return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value) : formatRange({ gte: min, lte: max });
+        return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value, currencyTemplate.value) : formatRange({ gte: min, lte: max });
       });
       const separator = computed(() => {
         var _a, _b, _c;
@@ -29589,11 +29623,12 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -29614,11 +29649,12 @@ and ensure you are accounting for this risk.
         return props.options.className;
       });
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {

package/dist/lupaSearch.js

@@ -7836,7 +7836,7 @@ const getAmount = (price, separator = ".") => {
   }
   return (_b = value.toFixed(2)) == null ? void 0 : _b.replace(".", separator);
 };
-const formatPrice = (price, currency = "€", separator = ",") => {
+const formatPrice = (price, currency = "€", separator = ",", currencyTemplate = "") => {
   if (price !== 0 && !price) {
     return "";
   }
@@ -7844,16 +7844,24 @@ const formatPrice = (price, currency = "€", separator = ",") => {
   if (!amount) {
     return "";
   }
+  if (currencyTemplate) {
+    return addParamsToLabel(currencyTemplate, amount);
+  }
   return `${amount} ${currency}`;
 };
-const formatPriceSummary = ([min, max], currency, separator = ",") => {
+const formatPriceSummary = ([min, max], currency, separator = ",", currencyTemplate = "") => {
   if (min !== void 0 && max !== void 0) {
-    return `${formatPrice(min, currency, separator)} - ${formatPrice(max, currency, separator)}`;
+    return `${formatPrice(min, currency, separator, currencyTemplate)} - ${formatPrice(
+      max,
+      currency,
+      separator,
+      currencyTemplate
+    )}`;
   }
   if (min !== void 0) {
-    return `> ${formatPrice(min, currency, separator)}`;
+    return `> ${formatPrice(min, currency, separator, currencyTemplate)}`;
   }
-  return `< ${formatPrice(max, currency, separator)}`;
+  return `< ${formatPrice(max, currency, separator, currencyTemplate)}`;
 };
 const formatRange = (filter2) => {
   var _a, _b;
@@ -7883,7 +7891,12 @@ const unfoldRangeFilter = (key, filter2, price = {}) => {
     return [
       {
         key,
-        value: formatPriceSummary([gt, lt], price.currency, price.separator),
+        value: formatPriceSummary(
+          [gt, lt],
+          price.currency,
+          price.separator,
+          price.currencyTemplate
+        ),
         type: "range"
       }
     ];
@@ -14489,6 +14502,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   },
   emits: ["go-to-results"],
   setup(__props, { emit: emit2 }) {
+    const props = __props;
     const historyStore = useHistoryStore();
     const searchBoxStore = useSearchBoxStore();
     const { highlightedIndex } = storeToRefs(searchBoxStore);
@@ -14504,6 +14518,14 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     onBeforeMount(() => {
       window.removeEventListener("keydown", handleKeyDown);
     });
+    const historyLimit = computed(() => {
+      var _a;
+      return (_a = props.options.historyLimit) != null ? _a : 5;
+    });
+    const limitedHistory = computed(() => {
+      var _a;
+      return ((_a = history.value) != null ? _a : []).slice(0, historyLimit.value);
+    });
     const remove2 = ({ item }) => {
       historyStore.remove({ item });
     };
@@ -14524,7 +14546,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1g, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(limitedHistory.value, (item, index) => {
           return openBlock(), createBlock(_sfc_main$1t, {
             key: item,
             item,
@@ -24081,11 +24103,12 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {
@@ -24108,11 +24131,12 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       return props.options.className;
     });
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {
@@ -24276,12 +24300,17 @@ const useSearchResultStore = defineStore("searchResult", () => {
     var _a, _b, _c;
     return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.priceSeparator) != null ? _c : "";
   });
+  const currencyTemplate = computed(() => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currencyTemplate) != null ? _c : "";
+  });
   const labeledFilters = computed(
     () => getLabeledFilters(
       unfoldFilters(filters.value, {
         keys: priceKeys.value,
         currency: currency.value,
-        separator: priceSeparator.value
+        separator: priceSeparator.value,
+        currencyTemplate: currencyTemplate.value
       }),
       facets2.value
     )
@@ -24829,11 +24858,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       return 0;
     });
     const discountStringValue = computed(() => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       return props.badge.discountType === "percentage" ? discountValue.value.toFixed(0) : formatPrice(
         discountValue.value,
         (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency,
-        (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator
+        (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator,
+        (_f = (_e = searchResultOptions.value) == null ? void 0 : _e.labels) == null ? void 0 : _f.currencyTemplate
       );
     });
     const hasDiscount = computed(() => {
@@ -27854,6 +27884,10 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
     });
+    const currencyTemplate = computed(() => {
+      var _a;
+      return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currencyTemplate;
+    });
     const priceKeys = computed(() => {
       var _a, _b;
       return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
@@ -27936,7 +27970,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     });
     const statsSummary = computed(() => {
       const [min, max] = sliderRange.value;
-      return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value) : formatRange({ gte: min, lte: max });
+      return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value, currencyTemplate.value) : formatRange({ gte: min, lte: max });
     });
     const separator = computed(() => {
       var _a, _b, _c;
@@ -29589,11 +29623,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {
@@ -29614,11 +29649,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       return props.options.className;
     });
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {

package/dist/lupaSearch.mjs

@@ -7834,7 +7834,7 @@ const getAmount = (price, separator = ".") => {
   }
   return (_b = value.toFixed(2)) == null ? void 0 : _b.replace(".", separator);
 };
-const formatPrice = (price, currency = "€", separator = ",") => {
+const formatPrice = (price, currency = "€", separator = ",", currencyTemplate = "") => {
   if (price !== 0 && !price) {
     return "";
   }
@@ -7842,16 +7842,24 @@ const formatPrice = (price, currency = "€", separator = ",") => {
   if (!amount) {
     return "";
   }
+  if (currencyTemplate) {
+    return addParamsToLabel(currencyTemplate, amount);
+  }
   return `${amount} ${currency}`;
 };
-const formatPriceSummary = ([min, max], currency, separator = ",") => {
+const formatPriceSummary = ([min, max], currency, separator = ",", currencyTemplate = "") => {
   if (min !== void 0 && max !== void 0) {
-    return `${formatPrice(min, currency, separator)} - ${formatPrice(max, currency, separator)}`;
+    return `${formatPrice(min, currency, separator, currencyTemplate)} - ${formatPrice(
+      max,
+      currency,
+      separator,
+      currencyTemplate
+    )}`;
   }
   if (min !== void 0) {
-    return `> ${formatPrice(min, currency, separator)}`;
+    return `> ${formatPrice(min, currency, separator, currencyTemplate)}`;
   }
-  return `< ${formatPrice(max, currency, separator)}`;
+  return `< ${formatPrice(max, currency, separator, currencyTemplate)}`;
 };
 const formatRange = (filter2) => {
   var _a, _b;
@@ -7881,7 +7889,12 @@ const unfoldRangeFilter = (key, filter2, price = {}) => {
     return [
       {
         key,
-        value: formatPriceSummary([gt, lt], price.currency, price.separator),
+        value: formatPriceSummary(
+          [gt, lt],
+          price.currency,
+          price.separator,
+          price.currencyTemplate
+        ),
         type: "range"
       }
     ];
@@ -14487,6 +14500,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   },
   emits: ["go-to-results"],
   setup(__props, { emit: emit2 }) {
+    const props = __props;
     const historyStore = useHistoryStore();
     const searchBoxStore = useSearchBoxStore();
     const { highlightedIndex } = storeToRefs(searchBoxStore);
@@ -14502,6 +14516,14 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     onBeforeMount(() => {
       window.removeEventListener("keydown", handleKeyDown);
     });
+    const historyLimit = computed(() => {
+      var _a;
+      return (_a = props.options.historyLimit) != null ? _a : 5;
+    });
+    const limitedHistory = computed(() => {
+      var _a;
+      return ((_a = history.value) != null ? _a : []).slice(0, historyLimit.value);
+    });
     const remove2 = ({ item }) => {
       historyStore.remove({ item });
     };
@@ -14522,7 +14544,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1g, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(limitedHistory.value, (item, index) => {
           return openBlock(), createBlock(_sfc_main$1t, {
             key: item,
             item,
@@ -24079,11 +24101,12 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {
@@ -24106,11 +24129,12 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       return props.options.className;
     });
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {
@@ -24274,12 +24298,17 @@ const useSearchResultStore = defineStore("searchResult", () => {
     var _a, _b, _c;
     return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.priceSeparator) != null ? _c : "";
   });
+  const currencyTemplate = computed(() => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currencyTemplate) != null ? _c : "";
+  });
   const labeledFilters = computed(
     () => getLabeledFilters(
       unfoldFilters(filters.value, {
         keys: priceKeys.value,
         currency: currency.value,
-        separator: priceSeparator.value
+        separator: priceSeparator.value,
+        currencyTemplate: currencyTemplate.value
       }),
       facets2.value
     )
@@ -24827,11 +24856,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       return 0;
     });
     const discountStringValue = computed(() => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       return props.badge.discountType === "percentage" ? discountValue.value.toFixed(0) : formatPrice(
         discountValue.value,
         (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency,
-        (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator
+        (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator,
+        (_f = (_e = searchResultOptions.value) == null ? void 0 : _e.labels) == null ? void 0 : _f.currencyTemplate
       );
     });
     const hasDiscount = computed(() => {
@@ -27852,6 +27882,10 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
     });
+    const currencyTemplate = computed(() => {
+      var _a;
+      return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currencyTemplate;
+    });
     const priceKeys = computed(() => {
       var _a, _b;
       return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
@@ -27934,7 +27968,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     });
     const statsSummary = computed(() => {
       const [min, max] = sliderRange.value;
-      return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value) : formatRange({ gte: min, lte: max });
+      return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value, currencyTemplate.value) : formatRange({ gte: min, lte: max });
     });
     const separator = computed(() => {
       var _a, _b, _c;
@@ -29587,11 +29621,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {
@@ -29612,11 +29647,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       return props.options.className;
     });
     const price = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       return formatPrice(
         props.item[props.options.key],
         (_a = props.labels) == null ? void 0 : _a.currency,
-        (_b = props.labels) == null ? void 0 : _b.priceSeparator
+        (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+        (_c = props.labels) == null ? void 0 : _c.currencyTemplate
       );
     });
     return (_ctx, _cache) => {

package/dist/lupaSearch.umd.js

@@ -7838,7 +7838,7 @@ var __async = (__this, __arguments, generator) => {
     }
     return (_b = value.toFixed(2)) == null ? void 0 : _b.replace(".", separator);
   };
-  const formatPrice = (price, currency = "€", separator = ",") => {
+  const formatPrice = (price, currency = "€", separator = ",", currencyTemplate = "") => {
     if (price !== 0 && !price) {
       return "";
     }
@@ -7846,16 +7846,24 @@ var __async = (__this, __arguments, generator) => {
     if (!amount) {
       return "";
     }
+    if (currencyTemplate) {
+      return addParamsToLabel(currencyTemplate, amount);
+    }
     return `${amount} ${currency}`;
   };
-  const formatPriceSummary = ([min, max], currency, separator = ",") => {
+  const formatPriceSummary = ([min, max], currency, separator = ",", currencyTemplate = "") => {
     if (min !== void 0 && max !== void 0) {
-      return `${formatPrice(min, currency, separator)} - ${formatPrice(max, currency, separator)}`;
+      return `${formatPrice(min, currency, separator, currencyTemplate)} - ${formatPrice(
+        max,
+        currency,
+        separator,
+        currencyTemplate
+      )}`;
     }
     if (min !== void 0) {
-      return `> ${formatPrice(min, currency, separator)}`;
+      return `> ${formatPrice(min, currency, separator, currencyTemplate)}`;
     }
-    return `< ${formatPrice(max, currency, separator)}`;
+    return `< ${formatPrice(max, currency, separator, currencyTemplate)}`;
   };
   const formatRange = (filter2) => {
     var _a, _b;
@@ -7885,7 +7893,12 @@ var __async = (__this, __arguments, generator) => {
       return [
         {
           key,
-          value: formatPriceSummary([gt, lt], price.currency, price.separator),
+          value: formatPriceSummary(
+            [gt, lt],
+            price.currency,
+            price.separator,
+            price.currencyTemplate
+          ),
           type: "range"
         }
       ];
@@ -14491,6 +14504,7 @@ var __async = (__this, __arguments, generator) => {
     },
     emits: ["go-to-results"],
     setup(__props, { emit: emit2 }) {
+      const props = __props;
       const historyStore = useHistoryStore();
       const searchBoxStore = useSearchBoxStore();
       const { highlightedIndex } = storeToRefs(searchBoxStore);
@@ -14506,6 +14520,14 @@ var __async = (__this, __arguments, generator) => {
       onBeforeMount(() => {
         window.removeEventListener("keydown", handleKeyDown);
       });
+      const historyLimit = computed(() => {
+        var _a;
+        return (_a = props.options.historyLimit) != null ? _a : 5;
+      });
+      const limitedHistory = computed(() => {
+        var _a;
+        return ((_a = history.value) != null ? _a : []).slice(0, historyLimit.value);
+      });
       const remove2 = ({ item }) => {
         historyStore.remove({ item });
       };
@@ -14526,7 +14548,7 @@ var __async = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1g, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(limitedHistory.value, (item, index) => {
             return openBlock(), createBlock(_sfc_main$1t, {
               key: item,
               item,
@@ -24083,11 +24105,12 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -24110,11 +24133,12 @@ and ensure you are accounting for this risk.
         return props.options.className;
       });
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -24278,12 +24302,17 @@ and ensure you are accounting for this risk.
       var _a, _b, _c;
       return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.priceSeparator) != null ? _c : "";
     });
+    const currencyTemplate = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currencyTemplate) != null ? _c : "";
+    });
     const labeledFilters = computed(
       () => getLabeledFilters(
         unfoldFilters(filters.value, {
           keys: priceKeys.value,
           currency: currency.value,
-          separator: priceSeparator.value
+          separator: priceSeparator.value,
+          currencyTemplate: currencyTemplate.value
         }),
         facets2.value
       )
@@ -24831,11 +24860,12 @@ and ensure you are accounting for this risk.
         return 0;
       });
       const discountStringValue = computed(() => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         return props.badge.discountType === "percentage" ? discountValue.value.toFixed(0) : formatPrice(
           discountValue.value,
           (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency,
-          (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator
+          (_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator,
+          (_f = (_e = searchResultOptions.value) == null ? void 0 : _e.labels) == null ? void 0 : _f.currencyTemplate
         );
       });
       const hasDiscount = computed(() => {
@@ -27856,6 +27886,10 @@ and ensure you are accounting for this risk.
         var _a;
         return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
       });
+      const currencyTemplate = computed(() => {
+        var _a;
+        return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currencyTemplate;
+      });
       const priceKeys = computed(() => {
         var _a, _b;
         return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
@@ -27938,7 +27972,7 @@ and ensure you are accounting for this risk.
       });
       const statsSummary = computed(() => {
         const [min, max] = sliderRange.value;
-        return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value) : formatRange({ gte: min, lte: max });
+        return isPrice.value ? formatPriceSummary([min, max], currency.value, separator.value, currencyTemplate.value) : formatRange({ gte: min, lte: max });
       });
       const separator = computed(() => {
         var _a, _b, _c;
@@ -29591,11 +29625,12 @@ and ensure you are accounting for this risk.
     setup(__props) {
       const props = __props;
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {
@@ -29616,11 +29651,12 @@ and ensure you are accounting for this risk.
         return props.options.className;
       });
       const price = computed(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return formatPrice(
           props.item[props.options.key],
           (_a = props.labels) == null ? void 0 : _a.currency,
-          (_b = props.labels) == null ? void 0 : _b.priceSeparator
+          (_b = props.labels) == null ? void 0 : _b.priceSeparator,
+          (_c = props.labels) == null ? void 0 : _c.currencyTemplate
         );
       });
       return (_ctx, _cache) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "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.17.0",
+    "@getlupa/vue": "0.17.1",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",