@getlupa/vue 0.17.0 → 0.17.1

package/dist/lupaSearch.js

@@ -2542,7 +2542,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 "";
   }
@@ -2550,16 +2550,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;
@@ -2589,7 +2597,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"
       }
     ];
@@ -9195,6 +9208,7 @@ const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["go-to-results"],
   setup(__props, { emit }) {
+    const props = __props;
     const historyStore = useHistoryStore();
     const searchBoxStore = useSearchBoxStore();
     const { highlightedIndex } = storeToRefs(searchBoxStore);
@@ -9210,6 +9224,14 @@ const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     vue.onBeforeMount(() => {
       window.removeEventListener("keydown", handleKeyDown);
     });
+    const historyLimit = vue.computed(() => {
+      var _a;
+      return (_a = props.options.historyLimit) != null ? _a : 5;
+    });
+    const limitedHistory = vue.computed(() => {
+      var _a;
+      return ((_a = history.value) != null ? _a : []).slice(0, historyLimit.value);
+    });
     const remove = ({ item }) => {
       historyStore.remove({ item });
     };
@@ -9230,7 +9252,7 @@ const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1g, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(history), (item, index) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(limitedHistory.value, (item, index) => {
           return vue.openBlock(), vue.createBlock(_sfc_main$1t, {
             key: item,
             item,
@@ -18837,11 +18859,12 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const price = vue.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) => {
@@ -18864,11 +18887,12 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
       return props.options.className;
     });
     const price = vue.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) => {
@@ -19032,12 +19056,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 = vue.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 = vue.computed(
     () => getLabeledFilters(
       unfoldFilters(filters.value, {
         keys: priceKeys.value,
         currency: currency.value,
-        separator: priceSeparator.value
+        separator: priceSeparator.value,
+        currencyTemplate: currencyTemplate.value
       }),
       facets2.value
     )
@@ -19585,11 +19614,12 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
       return 0;
     });
     const discountStringValue = vue.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 = vue.computed(() => {
@@ -22626,6 +22656,10 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currency;
     });
+    const currencyTemplate = vue.computed(() => {
+      var _a;
+      return (_a = searchResultOptions.value) == null ? void 0 : _a.labels.currencyTemplate;
+    });
     const priceKeys = vue.computed(() => {
       var _a, _b;
       return (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.priceKeys) != null ? _b : [];
@@ -22708,7 +22742,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     });
     const statsSummary = vue.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 = vue.computed(() => {
       var _a, _b, _c;
@@ -24361,11 +24395,12 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const price = vue.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) => {
@@ -24386,11 +24421,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       return props.options.className;
     });
     const price = vue.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

@@ -2540,7 +2540,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 "";
   }
@@ -2548,16 +2548,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;
@@ -2587,7 +2595,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"
       }
     ];
@@ -9193,6 +9206,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   },
   emits: ["go-to-results"],
   setup(__props, { emit }) {
+    const props = __props;
     const historyStore = useHistoryStore();
     const searchBoxStore = useSearchBoxStore();
     const { highlightedIndex } = storeToRefs(searchBoxStore);
@@ -9208,6 +9222,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 remove = ({ item }) => {
       historyStore.remove({ item });
     };
@@ -9228,7 +9250,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,
@@ -18835,11 +18857,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) => {
@@ -18862,11 +18885,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) => {
@@ -19030,12 +19054,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
     )
@@ -19583,11 +19612,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(() => {
@@ -22624,6 +22654,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 : [];
@@ -22706,7 +22740,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;
@@ -24359,11 +24393,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) => {
@@ -24384,11 +24419,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/src/types/search-box/SearchBoxHistory.d.ts

@@ -1,5 +1,6 @@
 export type SearchBoxHistory = {
     labels: HistoryLabel;
+    historyLimit?: number;
 };
 export type HistoryLabel = {
     clear: string;

package/dist/src/types/search-box/SearchBoxOptions.d.ts

@@ -22,7 +22,8 @@ export type SearchBoxOptionLabels = {
     placeholder: string;
     noResults: string;
     moreResults: string;
-    currency: string;
+    currency?: string;
+    currencyTemplate?: string;
     priceSeparator?: string;
     defaultFacetLabel?: string;
     close?: string;

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

@@ -67,7 +67,8 @@ export type SearchResultEventCallbacks = {
 };
 export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchResultsDidYouMeanLabels & SearchResultsSimilarQueriesLabels & SearchResultsSimilarResultsLabels & {
     sortBy: string;
-    currency: string;
+    currency?: string;
+    currencyTemplate?: string;
     priceSeparator?: string;
     searchResults?: string;
     searchResultsCount?: string;

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

@@ -5,6 +5,7 @@ export declare const unfoldFilters: (filters?: FilterGroup, price?: {
     keys?: string[];
     currency?: string;
     separator?: string;
+    currencyTemplate?: string;
 }) => UnfoldedFilter[];
 export declare const getLabeledFilters: (filters: UnfoldedFilter[], facets?: FacetResult[]) => LabeledFilter[];
 export declare const isFacetKey: (key: string) => boolean;

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

@@ -1,2 +1,2 @@
-export declare const formatPrice: (price?: string | number, currency?: string, separator?: string) => string;
-export declare const formatPriceSummary: ([min, max]: [min?: string | number, max?: string | number], currency?: string, separator?: string) => string;
+export declare const formatPrice: (price?: string | number, currency?: string, separator?: string, currencyTemplate?: string) => string;
+export declare const formatPriceSummary: ([min, max]: [min?: string | number, max?: string | number], currency?: string, separator?: string, currencyTemplate?: string) => string;

package/package.json

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