@getlupa/vue 0.14.16 → 0.15.0

package/dist/lupaSearch.js

@@ -2580,7 +2580,10 @@ const getHint = (suggestion, inputValue) => {
   if (!inputValue) {
     return escapeHtml$1(suggestion);
   }
-  return (_a = suggestion == null ? void 0 : suggestion.replace(inputValue, `<strong>${escapeHtml$1(inputValue)}</strong>`)) != null ? _a : "";
+  return (_a = suggestion == null ? void 0 : suggestion.replace(
+    inputValue == null ? void 0 : inputValue.toLocaleLowerCase(),
+    `<strong>${escapeHtml$1(inputValue == null ? void 0 : inputValue.toLocaleLowerCase())}</strong>`
+  )) != null ? _a : "";
 };
 const reverseKeyValue = (obj) => {
   return Object.fromEntries(Object.entries(obj).map(([k, v]) => [v, k.toLowerCase()]));
@@ -2798,14 +2801,16 @@ const toggleTermFilter = (appendParams, facetAction, getQueryParamName, currentF
     paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS.PAGE) : QUERY_PARAMS.PAGE]
   });
 };
+const replaceHierarchyParam = (params = [], param = "") => {
+  if (params.some((p2) => p2.startsWith(param))) {
+    return toggleLastPram(params, param);
+  }
+  return [param];
+};
 const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, currentFilters, removeAllLevels = false) => {
-  var _a;
+  var _a, _b;
   const currentFilter = currentFilters == null ? void 0 : currentFilters[facetAction.key];
-  const newParams = toggleHierarchyParam(
-    (_a = currentFilter == null ? void 0 : currentFilter.terms) != null ? _a : [],
-    facetAction.value,
-    removeAllLevels
-  );
+  const newParams = facetAction.behavior === "replace" ? replaceHierarchyParam((_a = currentFilter == null ? void 0 : currentFilter.terms) != null ? _a : [], facetAction.value) : toggleHierarchyParam((_b = currentFilter == null ? void 0 : currentFilter.terms) != null ? _b : [], facetAction.value, removeAllLevels);
   appendParams({
     params: [getFacetParam(facetAction.key, newParams, FACET_PARAMS_TYPE.HIERARCHY)],
     paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS.PAGE) : QUERY_PARAMS.PAGE]
@@ -3148,6 +3153,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   const highlightedIndex = vue.ref(-1);
   const inputValue = vue.ref("");
   const resultInputValue = vue.ref("");
+  const latestRequestIdByQueryKey = {};
   const historyStore = useHistoryStore();
   const resultsVisible = vue.computed(() => {
     var _a;
@@ -3214,12 +3220,17 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   }) {
     var _a;
     try {
+      const currentRequestId = Date.now();
+      latestRequestIdByQueryKey[queryKey] = currentRequestId;
       const context = getLupaTrackingContext();
       const result2 = yield LupaSearchSdk.suggestions(
         queryKey,
         __spreadValues(__spreadValues({}, publicQuery), context),
         options2
       );
+      if (latestRequestIdByQueryKey[queryKey] !== currentRequestId) {
+        return { suggestions: void 0 };
+      }
       if (!result2.success) {
         return { suggestions: void 0 };
       }
@@ -3260,8 +3271,13 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     options: options2
   }) {
     try {
+      const currentRequestId = Date.now();
+      latestRequestIdByQueryKey[queryKey] = currentRequestId;
       const context = getLupaTrackingContext();
       const result2 = yield LupaSearchSdk.query(queryKey, __spreadValues(__spreadValues({}, publicQuery), context), options2);
+      if (latestRequestIdByQueryKey[queryKey] !== currentRequestId) {
+        return { suggestions: void 0 };
+      }
       if (!result2.success) {
         return { queryKey, result: { items: [] } };
       }
@@ -16843,8 +16859,12 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return Boolean((_a = props.options.stats) == null ? void 0 : _a.inputs);
     });
+    const pricePrecision = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.stats) == null ? void 0 : _a.pricePrecisionDigits) != null ? _b : 2;
+    });
     const fromValue = vue.computed({
-      get: () => isPrice.value ? sliderRange.value[0].toFixed(2).replace(".", separator.value) : `${sliderRange.value[0]}`,
+      get: () => isPrice.value ? sliderRange.value[0].toFixed(pricePrecision.value).replace(".", separator.value) : `${sliderRange.value[0]}`,
       set: (stringValue) => {
         let value = normalizeFloat(stringValue);
         if (value < facetMin.value) {
@@ -16858,7 +16878,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const toValue = vue.computed({
-      get: () => isPrice.value ? sliderRange.value[1].toFixed(2).replace(".", separator.value) : `${sliderRange.value[1]}`,
+      get: () => isPrice.value ? sliderRange.value[1].toFixed(pricePrecision.value).replace(".", separator.value) : `${sliderRange.value[1]}`,
       set: (stringValue) => {
         let value = normalizeFloat(stringValue);
         if (value > facetMax.value) {
@@ -17167,15 +17187,20 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       return Boolean((_a = props.options.hierarchy) == null ? void 0 : _a.filterable) && allValues.value.length >= ((_c = (_b = props.options.filterable) == null ? void 0 : _b.minValues) != null ? _c : MAX_FACET_VALUES);
     });
     const handleFacetClick = ({ value }) => {
+      var _a, _b;
       emit("select", {
         key: facet.value.key,
         value,
-        type: "hierarchy"
+        type: "hierarchy",
+        behavior: (_b = (_a = props.options.hierarchy) == null ? void 0 : _a.behavior) != null ? _b : "append"
       });
     };
     const handleShowAll = () => {
       showAll.value = true;
     };
+    const handleCancelShowAll = () => {
+      showAll.value = false;
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
         isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
@@ -17204,7 +17229,11 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-facet-term lupa-show-more-facet-results",
           "data-cy": "lupa-facet-term",
           onClick: handleShowAll
-        }, vue.toDisplayString(_ctx.options.labels.showAll), 1)) : vue.createCommentVNode("", true)
+        }, vue.toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: "lupa-facet-term lupa-show-more-facet-results",
+          onClick: handleCancelShowAll
+        }, vue.toDisplayString(_ctx.options.labels.showLess), 1)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -19395,7 +19424,6 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.query,
       () => {
-        console.log("query changed", props.query);
         searchForRelatedQuery();
       }
     );
@@ -26604,6 +26632,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           return;
         }
         recommendations.value = result2.recommended;
+        loading.value = false;
         yield dynamicDataStore.enhanceSearchResultsWithDynamicData({
           result: { items: result2.recommended }
         });

package/dist/lupaSearch.mjs

@@ -2578,7 +2578,10 @@ const getHint = (suggestion, inputValue) => {
   if (!inputValue) {
     return escapeHtml$1(suggestion);
   }
-  return (_a = suggestion == null ? void 0 : suggestion.replace(inputValue, `<strong>${escapeHtml$1(inputValue)}</strong>`)) != null ? _a : "";
+  return (_a = suggestion == null ? void 0 : suggestion.replace(
+    inputValue == null ? void 0 : inputValue.toLocaleLowerCase(),
+    `<strong>${escapeHtml$1(inputValue == null ? void 0 : inputValue.toLocaleLowerCase())}</strong>`
+  )) != null ? _a : "";
 };
 const reverseKeyValue = (obj) => {
   return Object.fromEntries(Object.entries(obj).map(([k, v]) => [v, k.toLowerCase()]));
@@ -2796,14 +2799,16 @@ const toggleTermFilter = (appendParams, facetAction, getQueryParamName, currentF
     paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS.PAGE) : QUERY_PARAMS.PAGE]
   });
 };
+const replaceHierarchyParam = (params = [], param = "") => {
+  if (params.some((p2) => p2.startsWith(param))) {
+    return toggleLastPram(params, param);
+  }
+  return [param];
+};
 const toggleHierarchyFilter = (appendParams, facetAction, getQueryParamName, currentFilters, removeAllLevels = false) => {
-  var _a;
+  var _a, _b;
   const currentFilter = currentFilters == null ? void 0 : currentFilters[facetAction.key];
-  const newParams = toggleHierarchyParam(
-    (_a = currentFilter == null ? void 0 : currentFilter.terms) != null ? _a : [],
-    facetAction.value,
-    removeAllLevels
-  );
+  const newParams = facetAction.behavior === "replace" ? replaceHierarchyParam((_a = currentFilter == null ? void 0 : currentFilter.terms) != null ? _a : [], facetAction.value) : toggleHierarchyParam((_b = currentFilter == null ? void 0 : currentFilter.terms) != null ? _b : [], facetAction.value, removeAllLevels);
   appendParams({
     params: [getFacetParam(facetAction.key, newParams, FACET_PARAMS_TYPE.HIERARCHY)],
     paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS.PAGE) : QUERY_PARAMS.PAGE]
@@ -3146,6 +3151,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   const highlightedIndex = ref(-1);
   const inputValue = ref("");
   const resultInputValue = ref("");
+  const latestRequestIdByQueryKey = {};
   const historyStore = useHistoryStore();
   const resultsVisible = computed(() => {
     var _a;
@@ -3212,12 +3218,17 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   }) {
     var _a;
     try {
+      const currentRequestId = Date.now();
+      latestRequestIdByQueryKey[queryKey] = currentRequestId;
       const context = getLupaTrackingContext();
       const result2 = yield LupaSearchSdk.suggestions(
         queryKey,
         __spreadValues(__spreadValues({}, publicQuery), context),
         options2
       );
+      if (latestRequestIdByQueryKey[queryKey] !== currentRequestId) {
+        return { suggestions: void 0 };
+      }
       if (!result2.success) {
         return { suggestions: void 0 };
       }
@@ -3258,8 +3269,13 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     options: options2
   }) {
     try {
+      const currentRequestId = Date.now();
+      latestRequestIdByQueryKey[queryKey] = currentRequestId;
       const context = getLupaTrackingContext();
       const result2 = yield LupaSearchSdk.query(queryKey, __spreadValues(__spreadValues({}, publicQuery), context), options2);
+      if (latestRequestIdByQueryKey[queryKey] !== currentRequestId) {
+        return { suggestions: void 0 };
+      }
       if (!result2.success) {
         return { queryKey, result: { items: [] } };
       }
@@ -16841,8 +16857,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       var _a;
       return Boolean((_a = props.options.stats) == null ? void 0 : _a.inputs);
     });
+    const pricePrecision = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.stats) == null ? void 0 : _a.pricePrecisionDigits) != null ? _b : 2;
+    });
     const fromValue = computed({
-      get: () => isPrice.value ? sliderRange.value[0].toFixed(2).replace(".", separator.value) : `${sliderRange.value[0]}`,
+      get: () => isPrice.value ? sliderRange.value[0].toFixed(pricePrecision.value).replace(".", separator.value) : `${sliderRange.value[0]}`,
       set: (stringValue) => {
         let value = normalizeFloat(stringValue);
         if (value < facetMin.value) {
@@ -16856,7 +16876,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       }
     });
     const toValue = computed({
-      get: () => isPrice.value ? sliderRange.value[1].toFixed(2).replace(".", separator.value) : `${sliderRange.value[1]}`,
+      get: () => isPrice.value ? sliderRange.value[1].toFixed(pricePrecision.value).replace(".", separator.value) : `${sliderRange.value[1]}`,
       set: (stringValue) => {
         let value = normalizeFloat(stringValue);
         if (value > facetMax.value) {
@@ -17165,15 +17185,20 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       return Boolean((_a = props.options.hierarchy) == null ? void 0 : _a.filterable) && allValues.value.length >= ((_c = (_b = props.options.filterable) == null ? void 0 : _b.minValues) != null ? _c : MAX_FACET_VALUES);
     });
     const handleFacetClick = ({ value }) => {
+      var _a, _b;
       emit("select", {
         key: facet.value.key,
         value,
-        type: "hierarchy"
+        type: "hierarchy",
+        behavior: (_b = (_a = props.options.hierarchy) == null ? void 0 : _a.behavior) != null ? _b : "append"
       });
     };
     const handleShowAll = () => {
       showAll.value = true;
     };
+    const handleCancelShowAll = () => {
+      showAll.value = false;
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$J, [
         isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
@@ -17202,7 +17227,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           class: "lupa-facet-term lupa-show-more-facet-results",
           "data-cy": "lupa-facet-term",
           onClick: handleShowAll
-        }, toDisplayString(_ctx.options.labels.showAll), 1)) : createCommentVNode("", true)
+        }, toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "lupa-facet-term lupa-show-more-facet-results",
+          onClick: handleCancelShowAll
+        }, toDisplayString(_ctx.options.labels.showLess), 1)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -19393,7 +19422,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     watch(
       () => props.query,
       () => {
-        console.log("query changed", props.query);
         searchForRelatedQuery();
       }
     );
@@ -26602,6 +26630,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           return;
         }
         recommendations.value = result2.recommended;
+        loading.value = false;
         yield dynamicDataStore.enhanceSearchResultsWithDynamicData({
           result: { items: result2.recommended }
         });

package/dist/src/stores/searchBox.d.ts

@@ -53,13 +53,19 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         publicQuery: PublicQuery;
         options?: SdkOptions;
     }) => Promise<{
+        suggestions: any;
+        queryKey?: undefined;
+        result?: undefined;
+    } | {
         queryKey: string;
         result: {
             items: any[];
         };
+        suggestions?: undefined;
     } | {
         queryKey: string;
         result: SearchQueryResult;
+        suggestions?: undefined;
     }>;
     highlightChange: ({ action }: {
         action: 'down' | 'up' | 'clear';
@@ -123,13 +129,19 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         publicQuery: PublicQuery;
         options?: SdkOptions;
     }) => Promise<{
+        suggestions: any;
+        queryKey?: undefined;
+        result?: undefined;
+    } | {
         queryKey: string;
         result: {
             items: any[];
         };
+        suggestions?: undefined;
     } | {
         queryKey: string;
         result: SearchQueryResult;
+        suggestions?: undefined;
     }>;
     highlightChange: ({ action }: {
         action: 'down' | 'up' | 'clear';
@@ -193,13 +205,19 @@ export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchB
         publicQuery: PublicQuery;
         options?: SdkOptions;
     }) => Promise<{
+        suggestions: any;
+        queryKey?: undefined;
+        result?: undefined;
+    } | {
         queryKey: string;
         result: {
             items: any[];
         };
+        suggestions?: undefined;
     } | {
         queryKey: string;
         result: SearchQueryResult;
+        suggestions?: undefined;
     }>;
     highlightChange: ({ action }: {
         action: 'down' | 'up' | 'clear';

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

@@ -7,6 +7,7 @@ export type HierarchyFacetAction = {
     type: 'hierarchy';
     value: string;
     key: string;
+    behavior?: 'append' | 'replace';
 };
 export type RangeFacetAction = {
     type: 'range';

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

@@ -189,11 +189,13 @@ export type ResultFacetOptions = {
         maxInitialLevel: number;
         topLevelValueCountLimit?: number;
         filterable?: boolean;
+        behavior?: 'append' | 'replace';
     };
     stats?: {
         slider?: boolean;
         inputs?: boolean;
         interval?: number;
+        pricePrecisionDigits?: number;
         labels?: {
             from?: string;
             to?: string;

package/package.json

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