@getlupa/client 1.14.17 → 1.15.1

package/dist/lupaSearch.umd.js

@@ -6806,6 +6806,8 @@ var __async = (__this, __arguments, generator) => {
   const TRACKING_STORAGE_KEY = "LUPA_STATS";
   const TRACKING_STORAGE_KEY_BASE = "LUPA_STATS_BASE";
   const TRACKING_ANALYTICS_KEY = "LUPA_ANALYTICS";
+  const TRACKING_CLICK_DELAYED = "LUPA_TRACKING_CLICK_DELAYED";
+  const DELAYED_TRACKING_EVENTS_CACHE = "LUPA_DELAYED_TRACKING_EVENTS";
   const TRACKING_KEY_LENGTH = 10;
   const HISTORY_MAX_ITEMS = 7;
   const S_MIN_WIDTH = 575;
@@ -7026,6 +7028,14 @@ var __async = (__this, __arguments, generator) => {
     const transformedStr = typeof str === "string" ? str : str.toString();
     return transformedStr.normalize === void 0 ? (_a = transformedStr.toLocaleLowerCase()) == null ? void 0 : _a.trim() : (_b = transformedStr.toLocaleLowerCase().normalize("NFKD").replace(/[^\w\s.-_/]/g, "")) == null ? void 0 : _b.trim();
   };
+  const getTransformedString = (str) => {
+    var _a, _b;
+    if (!str) {
+      return "";
+    }
+    const transformedStr = typeof str === "string" ? str : str.toString();
+    return transformedStr.normalize === void 0 ? (_a = transformedStr.toLocaleLowerCase()) == null ? void 0 : _a.trim() : (_b = transformedStr.toLocaleLowerCase().normalize("NFKD")) == null ? void 0 : _b.trim();
+  };
   const capitalize$1 = (str) => {
     if (!str) {
       return "";
@@ -7099,8 +7109,8 @@ var __async = (__this, __arguments, generator) => {
     if (!input2) {
       return false;
     }
-    const normalizedInput = getNormalizedString(input2);
-    return possibleValues.some((v) => getNormalizedString(v) === normalizedInput);
+    const normalizedInput = getTransformedString(input2);
+    return possibleValues.some((v) => getTransformedString(v) === normalizedInput);
   };
   const levenshteinDistance = (s = "", t = "") => {
     if (!(s == null ? void 0 : s.length)) {
@@ -7133,225 +7143,6 @@ var __async = (__this, __arguments, generator) => {
     const closestValue = (_a = possibleValues.filter((_, i) => distances[i] === minDistance)) == null ? void 0 : _a[0];
     return closestValue;
   };
-  const initAnalyticsTracking = (analyticsOptions) => {
-    try {
-      if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
-        window.sessionStorage.setItem(TRACKING_ANALYTICS_KEY, JSON.stringify(analyticsOptions));
-      } else {
-        window.sessionStorage.removeItem(TRACKING_ANALYTICS_KEY);
-      }
-    } catch (e2) {
-    }
-  };
-  const initBaseTracking = (enabled) => {
-    try {
-      if (enabled) {
-        window.sessionStorage.setItem(TRACKING_STORAGE_KEY_BASE, "1");
-      } else {
-        window.sessionStorage.removeItem(TRACKING_STORAGE_KEY_BASE);
-        clearSessionTracking();
-        clearUserTracking();
-      }
-    } catch (e2) {
-    }
-  };
-  const clearSessionTracking = () => {
-    try {
-      window.sessionStorage.removeItem(TRACKING_STORAGE_KEY);
-    } catch (e2) {
-    }
-  };
-  const initSessionTracking = () => {
-    try {
-      if (getSessionKey()) {
-        return;
-      }
-      const key = getRandomString(TRACKING_KEY_LENGTH);
-      window.sessionStorage.setItem(TRACKING_STORAGE_KEY, key);
-    } catch (e2) {
-    }
-  };
-  const initUserTracking = (userKey) => {
-    try {
-      if (getUserKey()) {
-        return;
-      }
-      const key = userKey || getRandomString(TRACKING_KEY_LENGTH);
-      window.localStorage.setItem(TRACKING_STORAGE_KEY, key);
-    } catch (e2) {
-    }
-  };
-  const clearUserTracking = () => {
-    try {
-      window.localStorage.removeItem(TRACKING_STORAGE_KEY);
-    } catch (e2) {
-    }
-  };
-  const isTrackingEnabled = () => {
-    try {
-      return Boolean(window.sessionStorage.getItem(TRACKING_STORAGE_KEY_BASE));
-    } catch (e2) {
-      return false;
-    }
-  };
-  const getSessionKey = () => {
-    var _a;
-    try {
-      return (_a = window.sessionStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
-    } catch (e2) {
-      return void 0;
-    }
-  };
-  const getUserKey = () => {
-    var _a;
-    try {
-      return (_a = window.localStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
-    } catch (e2) {
-      return void 0;
-    }
-  };
-  const initTracking = (options) => {
-    initBaseTracking(Boolean(options.trackBase));
-    if (options.trackSession) {
-      initSessionTracking();
-    } else {
-      clearSessionTracking();
-    }
-    if (options.trackUser) {
-      initUserTracking(options.userKey);
-    } else {
-      clearUserTracking();
-    }
-    if (options.analytics) {
-      initAnalyticsTracking(options.analytics);
-    }
-  };
-  const getLupaTrackingContext = () => {
-    if (!isTrackingEnabled()) {
-      return {};
-    }
-    return {
-      userId: getUserKey(),
-      sessionId: getSessionKey()
-    };
-  };
-  const trackLupaEvent = (queryKey, data = {}, options) => {
-    var _a, _b;
-    if (!queryKey || !data.type) {
-      return;
-    }
-    const eventData = {
-      searchQuery: (_a = data.searchQuery) != null ? _a : "",
-      itemId: (_b = data.itemId) != null ? _b : "",
-      name: data.type,
-      userId: getUserKey(),
-      sessionId: getSessionKey(),
-      filters: data.filters
-    };
-    LupaSearchSdk.track(queryKey, eventData, options);
-  };
-  const sendGa = (name, ...args) => {
-    window.ga(() => {
-      const trackers = window.ga.getAll();
-      const firstTracker = trackers[0];
-      if (!firstTracker) {
-        console.error("GA tracker not found");
-      }
-      const trackerName = firstTracker.get("name");
-      window.ga(`${trackerName}.${name}`, ...args);
-    });
-  };
-  const trackAnalyticsEvent = (data) => {
-    var _a, _b, _c;
-    try {
-      const options = JSON.parse(
-        (_a = window.sessionStorage.getItem(TRACKING_ANALYTICS_KEY)) != null ? _a : "{}"
-      );
-      if (!data.analytics || !options.enabled || ((_c = options.ignoreEvents) == null ? void 0 : _c.includes((_b = data.analytics) == null ? void 0 : _b.type))) {
-        return;
-      }
-      switch (options.type) {
-        case "ua":
-          sendUaAnalyticsEvent(data, options);
-          break;
-        case "ga4":
-          sendGa4AnalyticsEvent(data, options);
-          break;
-        case "debug":
-          processDebugEvent(data);
-          break;
-        default:
-          sendUaAnalyticsEvent(data, options);
-      }
-    } catch (e2) {
-      console.error("Unable to send an event to google analytics");
-    }
-  };
-  const parseEcommerceData = (data, title) => {
-    var _a, _b;
-    return ((_a = data.analytics) == null ? void 0 : _a.items) ? {
-      item_list_name: title,
-      items: (_b = data.analytics) == null ? void 0 : _b.items
-    } : void 0;
-  };
-  const sendUaAnalyticsEvent = (data, options) => {
-    var _a, _b, _c, _d;
-    const ga = window.ga;
-    if (!ga) {
-      console.error("Google Analytics object not found");
-      return;
-    }
-    sendGa(
-      "send",
-      "event",
-      options.parentEventName,
-      (_b = (_a = data.analytics) == null ? void 0 : _a.type) != null ? _b : "",
-      (_d = (_c = data.analytics) == null ? void 0 : _c.label) != null ? _d : ""
-    );
-  };
-  const sendGa4AnalyticsEvent = (data, options) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    if (!window || !window.dataLayer) {
-      console.error("dataLayer object not found.");
-      return;
-    }
-    const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
-    const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
-    const params = __spreadValues2({
-      search_text: data.searchQuery,
-      item_title: title,
-      item_id: data.itemId,
-      ecommerce: parseEcommerceData(data, (_c = data.analytics) == null ? void 0 : _c.listLabel)
-    }, (_e = (_d = data.analytics) == null ? void 0 : _d.additionalParams) != null ? _e : {});
-    window.dataLayer.push(__spreadValues2({
-      event: (_g = (_f = data.analytics) == null ? void 0 : _f.type) != null ? _g : options.parentEventName
-    }, params));
-  };
-  const processDebugEvent = (data) => {
-    var _a, _b, _c, _d;
-    const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
-    const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
-    const params = {
-      event: (_c = data.analytics) == null ? void 0 : _c.type,
-      search_text: data.searchQuery,
-      item_title: title,
-      item_id: data.itemId,
-      ecommerce: parseEcommerceData(data, (_d = data.analytics) == null ? void 0 : _d.listLabel)
-    };
-    console.debug("Analytics debug event:", params);
-  };
-  const track = (queryKey, data = {}, options) => {
-    var _a;
-    if (!isTrackingEnabled()) {
-      return;
-    }
-    const hasSearchQuery = data.searchQuery;
-    if (!hasSearchQuery && !((_a = data.options) == null ? void 0 : _a.allowEmptySearchQuery)) {
-      return;
-    }
-    trackAnalyticsEvent(data);
-    trackLupaEvent(queryKey, data, options);
-  };
   const DEFAULT_SEARCH_BOX_OPTIONS$1 = {
     inputSelector: "#searchBox",
     options: {
@@ -7633,6 +7424,266 @@ var __async = (__this, __arguments, generator) => {
       getQueryParamName
     };
   });
+  const initAnalyticsTracking = (analyticsOptions) => {
+    try {
+      if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
+        window.sessionStorage.setItem(TRACKING_ANALYTICS_KEY, JSON.stringify(analyticsOptions));
+      } else {
+        window.sessionStorage.removeItem(TRACKING_ANALYTICS_KEY);
+      }
+    } catch (e2) {
+    }
+  };
+  const initBaseTracking = (enabled) => {
+    try {
+      if (enabled) {
+        window.sessionStorage.setItem(TRACKING_STORAGE_KEY_BASE, "1");
+      } else {
+        window.sessionStorage.removeItem(TRACKING_STORAGE_KEY_BASE);
+        clearSessionTracking();
+        clearUserTracking();
+      }
+    } catch (e2) {
+    }
+  };
+  const clearSessionTracking = () => {
+    try {
+      window.sessionStorage.removeItem(TRACKING_STORAGE_KEY);
+    } catch (e2) {
+    }
+  };
+  const initSessionTracking = () => {
+    try {
+      if (getSessionKey()) {
+        return;
+      }
+      const key = getRandomString(TRACKING_KEY_LENGTH);
+      window.sessionStorage.setItem(TRACKING_STORAGE_KEY, key);
+    } catch (e2) {
+    }
+  };
+  const initUserTracking = (userKey) => {
+    try {
+      if (getUserKey()) {
+        return;
+      }
+      const key = userKey || getRandomString(TRACKING_KEY_LENGTH);
+      window.localStorage.setItem(TRACKING_STORAGE_KEY, key);
+    } catch (e2) {
+    }
+  };
+  const clearUserTracking = () => {
+    try {
+      window.localStorage.removeItem(TRACKING_STORAGE_KEY);
+    } catch (e2) {
+    }
+  };
+  const isTrackingEnabled = () => {
+    try {
+      return Boolean(window.sessionStorage.getItem(TRACKING_STORAGE_KEY_BASE));
+    } catch (e2) {
+      return false;
+    }
+  };
+  const isDelayedClickTracking = () => {
+    try {
+      return Boolean(window.localStorage.getItem(TRACKING_CLICK_DELAYED));
+    } catch (e2) {
+      return false;
+    }
+  };
+  const getSessionKey = () => {
+    var _a;
+    try {
+      return (_a = window.sessionStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
+    } catch (e2) {
+      return void 0;
+    }
+  };
+  const getUserKey = () => {
+    var _a;
+    try {
+      return (_a = window.localStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
+    } catch (e2) {
+      return void 0;
+    }
+  };
+  const initTracking = (options) => {
+    initBaseTracking(Boolean(options.trackBase));
+    if (options.trackSession) {
+      initSessionTracking();
+    } else {
+      clearSessionTracking();
+    }
+    if (options.trackUser) {
+      initUserTracking(options.userKey);
+    } else {
+      clearUserTracking();
+    }
+    if (options.analytics) {
+      initAnalyticsTracking(options.analytics);
+    }
+    if (options.delayedClickTracking) {
+      window.localStorage.setItem(TRACKING_CLICK_DELAYED, "1");
+      checkAndDispatchDelayedEvents();
+    } else {
+      window.localStorage.removeItem(TRACKING_CLICK_DELAYED);
+    }
+  };
+  const getLupaTrackingContext = () => {
+    if (!isTrackingEnabled()) {
+      return {};
+    }
+    return {
+      userId: getUserKey(),
+      sessionId: getSessionKey()
+    };
+  };
+  const trackLupaEvent = (queryKey, data = {}, options) => {
+    var _a, _b;
+    if (!queryKey || !data.type) {
+      return;
+    }
+    const eventData = {
+      searchQuery: (_a = data.searchQuery) != null ? _a : "",
+      itemId: (_b = data.itemId) != null ? _b : "",
+      name: data.type,
+      userId: getUserKey(),
+      sessionId: getSessionKey(),
+      filters: data.filters
+    };
+    LupaSearchSdk.track(queryKey, eventData, options);
+  };
+  const sendGa = (name, ...args) => {
+    window.ga(() => {
+      const trackers = window.ga.getAll();
+      const firstTracker = trackers[0];
+      if (!firstTracker) {
+        console.error("GA tracker not found");
+      }
+      const trackerName = firstTracker.get("name");
+      window.ga(`${trackerName}.${name}`, ...args);
+    });
+  };
+  const trackAnalyticsEvent = (data) => {
+    var _a, _b, _c;
+    try {
+      const options = JSON.parse(
+        (_a = window.sessionStorage.getItem(TRACKING_ANALYTICS_KEY)) != null ? _a : "{}"
+      );
+      if (!data.analytics || !options.enabled || ((_c = options.ignoreEvents) == null ? void 0 : _c.includes((_b = data.analytics) == null ? void 0 : _b.type))) {
+        return;
+      }
+      switch (options.type) {
+        case "ua":
+          sendUaAnalyticsEvent(data, options);
+          break;
+        case "ga4":
+          sendGa4AnalyticsEvent(data, options);
+          break;
+        case "debug":
+          processDebugEvent(data);
+          break;
+        default:
+          sendUaAnalyticsEvent(data, options);
+      }
+    } catch (e2) {
+      console.error("Unable to send an event to google analytics");
+    }
+  };
+  const parseEcommerceData = (data, title) => {
+    var _a, _b;
+    return ((_a = data.analytics) == null ? void 0 : _a.items) ? {
+      item_list_name: title,
+      items: (_b = data.analytics) == null ? void 0 : _b.items
+    } : void 0;
+  };
+  const sendUaAnalyticsEvent = (data, options) => {
+    var _a, _b, _c, _d;
+    const ga = window.ga;
+    if (!ga) {
+      console.error("Google Analytics object not found");
+      return;
+    }
+    sendGa(
+      "send",
+      "event",
+      options.parentEventName,
+      (_b = (_a = data.analytics) == null ? void 0 : _a.type) != null ? _b : "",
+      (_d = (_c = data.analytics) == null ? void 0 : _c.label) != null ? _d : ""
+    );
+  };
+  const sendGa4AnalyticsEvent = (data, options) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (!window || !window.dataLayer) {
+      console.error("dataLayer object not found.");
+      return;
+    }
+    const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
+    const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
+    const params = __spreadValues2({
+      search_text: data.searchQuery,
+      item_title: title,
+      item_id: data.itemId,
+      ecommerce: parseEcommerceData(data, (_c = data.analytics) == null ? void 0 : _c.listLabel)
+    }, (_e = (_d = data.analytics) == null ? void 0 : _d.additionalParams) != null ? _e : {});
+    window.dataLayer.push(__spreadValues2({
+      event: (_g = (_f = data.analytics) == null ? void 0 : _f.type) != null ? _g : options.parentEventName
+    }, params));
+  };
+  const processDebugEvent = (data) => {
+    var _a, _b, _c, _d;
+    const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
+    const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
+    const params = {
+      event: (_c = data.analytics) == null ? void 0 : _c.type,
+      search_text: data.searchQuery,
+      item_title: title,
+      item_id: data.itemId,
+      ecommerce: parseEcommerceData(data, (_d = data.analytics) == null ? void 0 : _d.listLabel)
+    };
+    console.debug("Analytics debug event:", params);
+  };
+  const getDelayedEventsCache = () => {
+    var _a;
+    try {
+      return JSON.parse((_a = window.localStorage.getItem(DELAYED_TRACKING_EVENTS_CACHE)) != null ? _a : "{}");
+    } catch (e2) {
+      return {};
+    }
+  };
+  const storeDelayedEventCache = (cache) => {
+    try {
+      window.localStorage.setItem(DELAYED_TRACKING_EVENTS_CACHE, JSON.stringify(cache));
+    } catch (e2) {
+    }
+  };
+  const checkAndDispatchDelayedEvents = () => {
+    var _a, _b;
+    const optionsStore = useOptionsStore();
+    const eventCache = getDelayedEventsCache();
+    const urls = Object.keys(eventCache);
+    for (const url of urls) {
+      if ((_a = window.location.href) == null ? void 0 : _a.includes(url)) {
+        const options = (_b = optionsStore.envOptions) != null ? _b : { environment: "production" };
+        const { queryKey, data } = eventCache[url];
+        track(queryKey, data, options);
+      }
+    }
+    storeDelayedEventCache({});
+  };
+  const track = (queryKey, data = {}, options) => {
+    var _a;
+    if (!isTrackingEnabled()) {
+      return;
+    }
+    const hasSearchQuery = data.searchQuery;
+    if (!hasSearchQuery && !((_a = data.options) == null ? void 0 : _a.allowEmptySearchQuery)) {
+      return;
+    }
+    trackAnalyticsEvent(data);
+    trackLupaEvent(queryKey, data, options);
+  };
   var DocumentElementType = /* @__PURE__ */ ((DocumentElementType2) => {
     DocumentElementType2["IMAGE"] = "image";
     DocumentElementType2["TITLE"] = "title";
@@ -7864,7 +7915,10 @@ var __async = (__this, __arguments, generator) => {
     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()]));
@@ -8082,14 +8136,16 @@ var __async = (__this, __arguments, generator) => {
       paramsToRemove: [getQueryParamName ? getQueryParamName(QUERY_PARAMS$1.PAGE) : QUERY_PARAMS$1.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$1.PAGE) : QUERY_PARAMS$1.PAGE]
@@ -8432,6 +8488,7 @@ var __async = (__this, __arguments, generator) => {
     const highlightedIndex = ref(-1);
     const inputValue = ref("");
     const resultInputValue = ref("");
+    const latestRequestIdByQueryKey = {};
     const historyStore = useHistoryStore();
     const resultsVisible = computed(() => {
       var _a;
@@ -8498,12 +8555,17 @@ var __async = (__this, __arguments, generator) => {
     }) {
       var _a;
       try {
+        const currentRequestId = Date.now();
+        latestRequestIdByQueryKey[queryKey] = currentRequestId;
         const context = getLupaTrackingContext();
         const result2 = yield LupaSearchSdk.suggestions(
           queryKey,
           __spreadValues2(__spreadValues2({}, publicQuery), context),
           options2
         );
+        if (latestRequestIdByQueryKey[queryKey] !== currentRequestId) {
+          return { suggestions: void 0 };
+        }
         if (!result2.success) {
           return { suggestions: void 0 };
         }
@@ -8544,8 +8606,13 @@ var __async = (__this, __arguments, generator) => {
       options: options2
     }) {
       try {
+        const currentRequestId = Date.now();
+        latestRequestIdByQueryKey[queryKey] = currentRequestId;
         const context = getLupaTrackingContext();
         const result2 = yield LupaSearchSdk.query(queryKey, __spreadValues2(__spreadValues2({}, publicQuery), context), options2);
+        if (latestRequestIdByQueryKey[queryKey] !== currentRequestId) {
+          return { suggestions: void 0 };
+        }
         if (!result2.success) {
           return { queryKey, result: { items: [] } };
         }
@@ -8600,7 +8667,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_1$1g = { id: "lupa-search-box-input-container" };
   const _hoisted_2$U = { class: "lupa-input-clear" };
   const _hoisted_3$D = { id: "lupa-search-box-input" };
-  const _hoisted_4$s = ["value"];
+  const _hoisted_4$t = ["value"];
   const _hoisted_5$j = ["aria-label", "placeholder"];
   const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
   const _hoisted_7$7 = [
@@ -8707,7 +8774,7 @@ var __async = (__this, __arguments, generator) => {
               "aria-hidden": "true",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$s),
+            }, null, 8, _hoisted_4$t),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -8919,7 +8986,7 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
   };
-  const _hoisted_4$r = {
+  const _hoisted_4$s = {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
@@ -8965,7 +9032,7 @@ var __async = (__this, __arguments, generator) => {
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$1c)) : (openBlock(), createElementBlock("div", _hoisted_2$S, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
-            createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
@@ -18481,7 +18548,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$16 = ["innerHTML"];
   const _hoisted_2$O = { key: 0 };
   const _hoisted_3$B = { key: 1 };
-  const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
   const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
@@ -18514,7 +18581,7 @@ and ensure you are accounting for this risk.
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$O, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
-            createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -18927,7 +18994,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$12 = { class: "lupa-badge-title" };
   const _hoisted_2$M = ["src"];
   const _hoisted_3$z = { key: 1 };
-  const _hoisted_4$p = {
+  const _hoisted_4$q = {
     key: 0,
     class: "lupa-badge-full-text"
   };
@@ -18971,7 +19038,7 @@ and ensure you are accounting for this risk.
             }, null, 8, _hoisted_2$M)) : createCommentVNode("", true),
             hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
-          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
         ], 6);
       };
     }
@@ -19449,7 +19516,18 @@ and ensure you are accounting for this risk.
         options
       );
     };
-    return { trackSearch, trackResults, trackEvent };
+    const trackDelayedEvent = ({
+      queryKey,
+      data,
+      url
+    }) => {
+      let currentCache = getDelayedEventsCache();
+      currentCache = __spreadProps2(__spreadValues2({}, currentCache), {
+        [url]: { data, queryKey }
+      });
+      storeDelayedEventCache(currentCache);
+    };
+    return { trackSearch, trackResults, trackEvent, trackDelayedEvent };
   });
   const _hoisted_1$X = { id: "lupa-search-box-products" };
   const _sfc_main$12 = /* @__PURE__ */ defineComponent({
@@ -19493,7 +19571,7 @@ and ensure you are accounting for this risk.
         if (!props.panelOptions.idKey) {
           return;
         }
-        trackingStore.trackEvent({
+        const trackableEvent = {
           queryKey: props.panelOptions.queryKey,
           data: {
             itemId: id,
@@ -19505,7 +19583,14 @@ and ensure you are accounting for this risk.
               items: [item]
             }
           }
-        });
+        };
+        if (isDelayedClickTracking()) {
+          trackingStore.trackDelayedEvent(__spreadProps2(__spreadValues2({}, trackableEvent), {
+            url: link
+          }));
+        } else {
+          trackingStore.trackEvent(trackableEvent);
+        }
         if (!link || eventType === "addToCart") {
           return;
         }
@@ -19771,7 +19856,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
   };
-  const _hoisted_4$o = {
+  const _hoisted_4$p = {
     key: 1,
     class: "lupa-panel-title"
   };
@@ -19965,7 +20050,7 @@ and ensure you are accounting for this risk.
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
                   ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
-                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                   panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                     key: 2,
                     panel,
@@ -20231,7 +20316,7 @@ and ensure you are accounting for this risk.
         if (!doc2.queryKey || !doc2.doc) {
           return;
         }
-        trackingStore.trackEvent({
+        const event = {
           queryKey: doc2.queryKey,
           data: {
             itemId: doc2.id,
@@ -20243,7 +20328,14 @@ and ensure you are accounting for this risk.
               items: [doc2]
             }
           }
-        });
+        };
+        if (isDelayedClickTracking()) {
+          trackingStore.trackDelayedEvent(__spreadProps2(__spreadValues2({}, event), {
+            url: generateLink(props.options.links.searchResults, doc2)
+          }));
+        } else {
+          trackingStore.trackEvent(event);
+        }
       };
       const trackSearchQuery = (query) => {
         if (!query) {
@@ -20404,7 +20496,7 @@ and ensure you are accounting for this risk.
     key: 1,
     "data-cy": "did-you-mean-label"
   };
-  const _hoisted_4$n = { key: 1 };
+  const _hoisted_4$o = { key: 1 };
   const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
@@ -20455,7 +20547,7 @@ and ensure you are accounting for this risk.
                   class: "lupa-did-you-mean lupa-highlighted-search-text",
                   "data-cy": "did-you-mean-value",
                   onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
+                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
               ]);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -20505,7 +20597,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-results-total-count"
   };
-  const _hoisted_4$m = { class: "lupa-results-total-count-number" };
+  const _hoisted_4$n = { class: "lupa-results-total-count-number" };
   const _hoisted_5$f = ["innerHTML"];
   const _sfc_main$W = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
@@ -20551,7 +20643,7 @@ and ensure you are accounting for this risk.
             queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$E, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
             showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
               createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
-              createBaseVNode("span", _hoisted_4$m, toDisplayString(unref(totalItems)), 1),
+              createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
               createTextVNode(")")
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
@@ -20609,7 +20701,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "filter-values"
   };
-  const _hoisted_4$l = { class: "lupa-current-filter-list" };
+  const _hoisted_4$m = { class: "lupa-current-filter-list" };
   const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
@@ -20693,7 +20785,7 @@ and ensure you are accounting for this risk.
             }, null, 2)) : createCommentVNode("", true)
           ]),
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
-            createBaseVNode("div", _hoisted_4$l, [
+            createBaseVNode("div", _hoisted_4$m, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter2) => {
                 return openBlock(), createBlock(_sfc_main$V, {
                   key: filter2.key + "_" + filter2.value,
@@ -20761,7 +20853,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$B = { class: "lupa-category-back" };
   const _hoisted_3$s = ["href"];
-  const _hoisted_4$k = ["href"];
+  const _hoisted_4$l = ["href"];
   const _hoisted_5$e = { class: "lupa-child-category-list" };
   const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
@@ -20868,7 +20960,7 @@ and ensure you are accounting for this risk.
               href: parentUrlLink.value,
               class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
               onClick: handleNavigationParent
-            }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+            }, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
           ], 2),
           createBaseVNode("div", _hoisted_5$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
@@ -20889,7 +20981,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$A = ["placeholder"];
   const _hoisted_3$r = { class: "lupa-terms-list" };
-  const _hoisted_4$j = ["onClick"];
+  const _hoisted_4$k = ["onClick"];
   const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
   const _hoisted_7$6 = { class: "lupa-term-label" };
@@ -20997,7 +21089,7 @@ and ensure you are accounting for this risk.
                   createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ])
-              ], 10, _hoisted_4$j);
+              ], 10, _hoisted_4$k);
             }), 128))
           ]),
           displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -21997,7 +22089,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
-  const _hoisted_4$i = {
+  const _hoisted_4$j = {
     key: 0,
     class: "lupa-stats-range-label"
   };
@@ -22061,8 +22153,12 @@ and ensure you are accounting for this risk.
         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) {
@@ -22076,7 +22172,7 @@ and ensure you are accounting for this risk.
         }
       });
       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) {
@@ -22192,7 +22288,7 @@ and ensure you are accounting for this risk.
         return openBlock(), createElementBlock("div", _hoisted_1$L, [
           !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$z, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$q, [
             createBaseVNode("div", null, [
-              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               createBaseVNode("div", _hoisted_5$c, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -22259,7 +22355,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$K = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_2$y = { class: "lupa-term-checkbox-label" };
   const _hoisted_3$p = { class: "lupa-term-label" };
-  const _hoisted_4$h = {
+  const _hoisted_4$i = {
     key: 0,
     class: "lupa-term-count"
   };
@@ -22320,7 +22416,7 @@ and ensure you are accounting for this risk.
             ]),
             createBaseVNode("div", _hoisted_2$y, [
               createBaseVNode("span", _hoisted_3$p, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
-              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
+              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$i, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
           showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
@@ -22385,15 +22481,20 @@ and ensure you are accounting for this risk.
         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;
         emit2("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, [
@@ -22422,7 +22523,11 @@ and ensure you are accounting for this risk.
             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)
         ]);
       };
     }
@@ -22832,7 +22937,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$t = ["onClick"];
   const _hoisted_3$n = { class: "lupa-mobile-sidebar-content" };
-  const _hoisted_4$g = { class: "lupa-sidebar-top" };
+  const _hoisted_4$h = { class: "lupa-sidebar-top" };
   const _hoisted_5$a = { class: "lupa-sidebar-title" };
   const _hoisted_6$6 = {
     key: 0,
@@ -22876,7 +22981,7 @@ and ensure you are accounting for this risk.
             onClick: withModifiers(handleMobileToggle, ["stop"])
           }, null, 8, _hoisted_2$t),
           createBaseVNode("div", _hoisted_3$n, [
-            createBaseVNode("div", _hoisted_4$g, [
+            createBaseVNode("div", _hoisted_4$h, [
               createBaseVNode("div", _hoisted_5$a, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
@@ -22904,7 +23009,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
-  const _hoisted_4$f = { key: 2 };
+  const _hoisted_4$g = { key: 2 };
   const _sfc_main$H = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
@@ -22945,7 +23050,7 @@ and ensure you are accounting for this risk.
                   return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
                 }
               }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, " / ")) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
@@ -23051,7 +23156,7 @@ and ensure you are accounting for this risk.
     class: "lupa-page-number-separator"
   };
   const _hoisted_3$l = ["onClick"];
-  const _hoisted_4$e = {
+  const _hoisted_4$f = {
     key: 0,
     class: "lupa-page-number-separator"
   };
@@ -23157,7 +23262,7 @@ and ensure you are accounting for this risk.
             }, toDisplayString(page), 11, _hoisted_3$l);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: "lupa-page-number lupa-page-number-last",
               onClick: _cache[2] || (_cache[2] = () => {
@@ -23182,7 +23287,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$q = { id: "lupa-select" };
   const _hoisted_3$k = { class: "lupa-select-label" };
-  const _hoisted_4$d = ["aria-label"];
+  const _hoisted_4$e = ["aria-label"];
   const _hoisted_5$9 = ["value"];
   const _sfc_main$C = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
@@ -23229,7 +23334,7 @@ and ensure you are accounting for this risk.
                   value: option
                 }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
               }), 128))
-            ], 40, _hoisted_4$d)
+            ], 40, _hoisted_4$e)
           ])
         ]);
       };
@@ -23241,7 +23346,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$p = { id: "lupa-select" };
   const _hoisted_3$j = { class: "lupa-select-label" };
-  const _hoisted_4$c = ["aria-label"];
+  const _hoisted_4$d = ["aria-label"];
   const _hoisted_5$8 = ["value"];
   const _sfc_main$B = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSort",
@@ -23309,7 +23414,7 @@ and ensure you are accounting for this risk.
                   value: option.key
                 }, toDisplayString(option.label), 9, _hoisted_5$8);
               }), 128))
-            ], 40, _hoisted_4$c), [
+            ], 40, _hoisted_4$d), [
               [vModelSelect, selectedKey.value]
             ])
           ])
@@ -23323,7 +23428,7 @@ and ensure you are accounting for this risk.
     class: "lupa-toolbar-right-title"
   };
   const _hoisted_3$i = { key: 2 };
-  const _hoisted_4$b = { key: 4 };
+  const _hoisted_4$c = { key: 4 };
   const _hoisted_5$7 = { key: 6 };
   const _hoisted_6$5 = { class: "lupa-toolbar-right" };
   const _hoisted_7$3 = {
@@ -23447,7 +23552,7 @@ and ensure you are accounting for this risk.
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
               onClear: handleClearAll
-            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$b)),
+            }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
             displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$D, {
               key: 5,
               options: paginationOptions.value.pageSelect,
@@ -23496,7 +23601,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$u = ["title", "innerHTML"];
   const _hoisted_2$n = ["title"];
   const _hoisted_3$h = ["href", "innerHTML"];
-  const _hoisted_4$a = ["title"];
+  const _hoisted_4$b = ["title"];
   const _hoisted_5$6 = {
     key: 0,
     class: "lupa-search-results-product-title-text"
@@ -23564,7 +23669,7 @@ and ensure you are accounting for this risk.
             class: "lupa-search-results-product-title-text lupa-title-link",
             onClick: handleNavigation
           }, toDisplayString(title.value), 9, _hoisted_6$4)) : createCommentVNode("", true)
-        ], 12, _hoisted_4$a));
+        ], 12, _hoisted_4$b));
       };
     }
   });
@@ -23607,7 +23712,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$s = { id: "lupa-search-results-rating" };
   const _hoisted_2$m = { class: "lupa-ratings" };
   const _hoisted_3$g = { class: "lupa-ratings-base" };
-  const _hoisted_4$9 = ["innerHTML"];
+  const _hoisted_4$a = ["innerHTML"];
   const _hoisted_5$5 = { class: "lupa-rating-wrapper" };
   const _hoisted_6$3 = ["innerHTML"];
   const _hoisted_7$2 = ["href"];
@@ -23657,7 +23762,7 @@ and ensure you are accounting for this risk.
                   key: index,
                   innerHTML: star,
                   class: "lupa-rating lupa-rating-not-highlighted"
-                }, null, 8, _hoisted_4$9);
+                }, null, 8, _hoisted_4$a);
               }), 128))
             ]),
             createBaseVNode("div", _hoisted_5$5, [
@@ -23797,7 +23902,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$p = ["innerHTML"];
   const _hoisted_2$k = { key: 0 };
   const _hoisted_3$e = { key: 1 };
-  const _hoisted_4$8 = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$9 = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
   const _sfc_main$s = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCustom",
@@ -23842,7 +23947,7 @@ and ensure you are accounting for this risk.
           class: className.value
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$k, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$e, [
-            createBaseVNode("div", _hoisted_4$8, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$9, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -23888,7 +23993,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$n = { id: "lupa-search-results-rating" };
   const _hoisted_2$j = ["innerHTML"];
   const _hoisted_3$d = { class: "lupa-ratings" };
-  const _hoisted_4$7 = ["href"];
+  const _hoisted_4$8 = ["href"];
   const _sfc_main$q = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductSingleStarRating",
     props: {
@@ -23926,7 +24031,7 @@ and ensure you are accounting for this risk.
           createBaseVNode("a", {
             href: ratingLink.value,
             class: "lupa-total-ratings"
-          }, toDisplayString(totalRatings.value), 9, _hoisted_4$7)
+          }, toDisplayString(totalRatings.value), 9, _hoisted_4$8)
         ]);
       };
     }
@@ -24021,12 +24126,13 @@ and ensure you are accounting for this risk.
       };
     }
   }));
-  const _hoisted_1$m = ["href"];
-  const _hoisted_2$i = {
+  const _hoisted_1$m = ["onMouseup"];
+  const _hoisted_2$i = ["href"];
+  const _hoisted_3$c = {
     key: 0,
     class: "lupa-out-of-stock"
   };
-  const _hoisted_3$c = { class: "lupa-search-result-product-details-section" };
+  const _hoisted_4$7 = { class: "lupa-search-result-product-details-section" };
   const _sfc_main$o = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProductCard",
     props: {
@@ -24130,7 +24236,7 @@ and ensure you are accounting for this risk.
       });
       const handleClick = () => {
         var _a, _b, _c, _d;
-        trackingStore.trackEvent({
+        const event = {
           queryKey: props.options.queryKey,
           data: {
             itemId: id.value,
@@ -24143,9 +24249,15 @@ and ensure you are accounting for this risk.
               items: [props.product],
               itemId: id.value
             },
-            options: { allowEmptySearchQuery: true }
+            options: { allowEmptySearchQuery: true },
+            filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0
           }
-        });
+        };
+        if (isDelayedClickTracking()) {
+          trackingStore.trackDelayedEvent(__spreadProps2(__spreadValues2({}, event), { url: link.value }));
+        } else {
+          trackingStore.trackEvent(event);
+        }
         (_d = (_c = searchResultOptions.value.callbacks) == null ? void 0 : _c.onProductClick) == null ? void 0 : _d.call(_c, {
           queryKey: query.value,
           hasResults: true,
@@ -24178,7 +24290,10 @@ and ensure you are accounting for this risk.
           id: "lupa-search-result-product-card",
           "data-cy": "lupa-search-result-product-card",
           class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
-        }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
+        }, customDocumentHtmlAttributes.value, {
+          onClick: handleClick,
+          onMouseup: withModifiers(handleClick, ["middle", "exact"])
+        }), [
           createVNode(_sfc_main$14, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -24205,9 +24320,9 @@ and ensure you are accounting for this risk.
                 position: "image",
                 class: "lupa-image-badges"
               }, null, 8, ["options"]),
-              ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
-            ], 8, _hoisted_1$m),
-            createBaseVNode("div", _hoisted_3$c, [
+              ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_3$c, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
+            ], 8, _hoisted_2$i),
+            createBaseVNode("div", _hoisted_4$7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
                 return openBlock(), createBlock(_sfc_main$p, {
                   class: "lupa-search-results-product-element",
@@ -24241,7 +24356,7 @@ and ensure you are accounting for this risk.
               ], 2);
             }), 128))
           ], 2)
-        ], 16);
+        ], 16, _hoisted_1$m);
       };
     }
   });
@@ -24379,6 +24494,7 @@ and ensure you are accounting for this risk.
         });
       };
       const handleQueryChange = () => {
+        showAll.value = false;
         const context = getLupaTrackingContext();
         const queryBody = __spreadProps2(__spreadValues2({}, context), {
           limit: props.panel.totalCountLimit,
@@ -24613,7 +24729,6 @@ and ensure you are accounting for this risk.
       watch(
         () => props.query,
         () => {
-          console.log("query changed", props.query);
           searchForRelatedQuery();
         }
       );