@getlupa/vue 0.14.17 → 0.15.1

package/dist/lupaSearch.js

@@ -1522,6 +1522,8 @@ const HISTORY_LOCAL_STORAGE_KEY = "LUPA_HISTORY";
 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;
@@ -1742,6 +1744,14 @@ const getNormalizedString = (str) => {
   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 "";
@@ -1815,8 +1825,8 @@ const inputsAreEqual = (input2, possibleValues) => {
   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)) {
@@ -1849,225 +1859,6 @@ const findClosestStringValue = (input2, possibleValues, key) => {
   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 = __spreadValues({
-    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(__spreadValues({
-    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 = {
   inputSelector: "#searchBox",
   options: {
@@ -2349,6 +2140,266 @@ const useOptionsStore = defineStore("options", () => {
     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 = __spreadValues({
+    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(__spreadValues({
+    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";
@@ -2580,7 +2631,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 +2852,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 +3204,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 +3271,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 +3322,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: [] } };
       }
@@ -3316,7 +3383,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
 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__ */ vue.createElementVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
@@ -3423,7 +3490,7 @@ const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
             "aria-hidden": "true",
             value: showHint.value ? suggestedValue.value.item.suggestion : "",
             disabled: ""
-          }, null, 8, _hoisted_4$s),
+          }, null, 8, _hoisted_4$t),
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
           }, inputAttributes.value, {
@@ -3635,7 +3702,7 @@ const _hoisted_3$C = {
   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"
 };
@@ -3681,7 +3748,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
           innerHTML: _ctx.suggestion.displayHighlight
         }, null, 8, _hoisted_1$1c)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$S, vue.toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$C, [
-          vue.createElementVNode("span", _hoisted_4$r, vue.toDisplayString(facetLabel.value), 1),
+          vue.createElementVNode("span", _hoisted_4$s, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("span", _hoisted_5$i, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : vue.createCommentVNode("", true)
       ]);
@@ -13247,7 +13314,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
 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__ */ vue.defineComponent({
   __name: "SearchBoxProductCustom",
@@ -13280,7 +13347,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$B, [
-          vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(label.value), 1),
+          vue.createElementVNode("div", _hoisted_4$r, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("div", _hoisted_5$h, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -13693,7 +13760,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
 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"
 };
@@ -13737,7 +13804,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, _hoisted_2$M)) : vue.createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$z, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
         ]),
-        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
+        hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
       ], 6);
     };
   }
@@ -14215,7 +14282,18 @@ const useTrackingStore = defineStore("tracking", () => {
       options
     );
   };
-  return { trackSearch, trackResults, trackEvent };
+  const trackDelayedEvent = ({
+    queryKey,
+    data,
+    url
+  }) => {
+    let currentCache = getDelayedEventsCache();
+    currentCache = __spreadProps(__spreadValues({}, 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__ */ vue.defineComponent({
@@ -14259,7 +14337,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
       if (!props.panelOptions.idKey) {
         return;
       }
-      trackingStore.trackEvent({
+      const trackableEvent = {
         queryKey: props.panelOptions.queryKey,
         data: {
           itemId: id,
@@ -14271,7 +14349,14 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
             items: [item]
           }
         }
-      });
+      };
+      if (isDelayedClickTracking()) {
+        trackingStore.trackDelayedEvent(__spreadProps(__spreadValues({}, trackableEvent), {
+          url: link
+        }));
+      } else {
+        trackingStore.trackEvent(trackableEvent);
+      }
       if (!link || eventType === "addToCart") {
         return;
       }
@@ -14537,7 +14622,7 @@ const _hoisted_3$x = {
   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"
 };
@@ -14731,7 +14816,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
                 ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, vue.toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : vue.createCommentVNode("", true),
-                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, vue.toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
+                ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p, vue.toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
                 panel.queryKey && canShowPanel(panel) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
                   panel,
@@ -14997,7 +15082,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
       if (!doc.queryKey || !doc.doc) {
         return;
       }
-      trackingStore.trackEvent({
+      const event = {
         queryKey: doc.queryKey,
         data: {
           itemId: doc.id,
@@ -15009,7 +15094,14 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
             items: [doc]
           }
         }
-      });
+      };
+      if (isDelayedClickTracking()) {
+        trackingStore.trackDelayedEvent(__spreadProps(__spreadValues({}, event), {
+          url: generateLink(props.options.links.searchResults, doc)
+        }));
+      } else {
+        trackingStore.trackEvent(event);
+      }
     };
     const trackSearchQuery = (query) => {
       if (!query) {
@@ -15186,7 +15278,7 @@ const _hoisted_3$w = {
   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__ */ vue.defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
@@ -15237,7 +15329,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                 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 }))
-              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, vue.toDisplayString(label) + " ", 1))
+              }, vue.toDisplayString(didYouMeanValue.value) + " ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$o, vue.toDisplayString(label) + " ", 1))
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -15287,7 +15379,7 @@ const _hoisted_3$v = {
   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__ */ vue.defineComponent({
   __name: "SearchResultsTitle",
@@ -15333,7 +15425,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
           queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$E, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
           showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, [
             vue.createTextVNode("(" + vue.toDisplayString(searchResultsCountLabel.value), 1),
-            vue.createElementVNode("span", _hoisted_4$m, vue.toDisplayString(vue.unref(totalItems)), 1),
+            vue.createElementVNode("span", _hoisted_4$n, vue.toDisplayString(vue.unref(totalItems)), 1),
             vue.createTextVNode(")")
           ])) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
@@ -15391,7 +15483,7 @@ const _hoisted_3$t = {
   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__ */ vue.defineComponent({
   __name: "CurrentFilters",
   props: {
@@ -15475,7 +15567,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
           }, null, 2)) : vue.createCommentVNode("", true)
         ]),
         !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-          vue.createElementVNode("div", _hoisted_4$l, [
+          vue.createElementVNode("div", _hoisted_4$m, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDisplayFilters.value, (filter2) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$V, {
                 key: filter2.key + "_" + filter2.value,
@@ -15543,7 +15635,7 @@ const _hoisted_1$N = {
 };
 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__ */ vue.defineComponent({
   __name: "CategoryFilter",
@@ -15650,7 +15742,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
             href: parentUrlLink.value,
             class: vue.normalizeClass({ "lupa-title-category": !hasBackButton.value }),
             onClick: handleNavigationParent
-          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$k)
+          }, vue.toDisplayString(parentTitle.value), 11, _hoisted_4$l)
         ], 2),
         vue.createElementVNode("div", _hoisted_5$e, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
@@ -15671,7 +15763,7 @@ const _hoisted_1$M = {
 };
 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" };
@@ -15779,7 +15871,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("span", _hoisted_7$6, vue.toDisplayString(item.title), 1),
                 _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$2, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
               ])
-            ], 10, _hoisted_4$j);
+            ], 10, _hoisted_4$k);
           }), 128))
         ]),
         displayShowMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -16779,7 +16871,7 @@ const _hoisted_3$q = {
   key: 1,
   class: "lupa-stats-facet-summary-input"
 };
-const _hoisted_4$i = {
+const _hoisted_4$j = {
   key: 0,
   class: "lupa-stats-range-label"
 };
@@ -16843,8 +16935,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 +16954,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) {
@@ -16974,7 +17070,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
         !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
           vue.createElementVNode("div", null, [
-            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
+            rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_5$c, [
               vue.withDirectives(vue.createElementVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -17041,7 +17137,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
 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"
 };
@@ -17102,7 +17198,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           ]),
           vue.createElementVNode("div", _hoisted_2$y, [
             vue.createElementVNode("span", _hoisted_3$p, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
-            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$h, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
+            _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$i, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
           ])
         ]),
         showChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [
@@ -17167,15 +17263,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 +17305,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)
       ]);
     };
   }
@@ -17614,7 +17719,7 @@ const _hoisted_1$D = {
 };
 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,
@@ -17658,7 +17763,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           onClick: vue.withModifiers(handleMobileToggle, ["stop"])
         }, null, 8, _hoisted_2$t),
         vue.createElementVNode("div", _hoisted_3$n, [
-          vue.createElementVNode("div", _hoisted_4$g, [
+          vue.createElementVNode("div", _hoisted_4$h, [
             vue.createElementVNode("div", _hoisted_5$a, [
               vue.createTextVNode(vue.toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
@@ -17686,7 +17791,7 @@ const _hoisted_3$m = {
   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__ */ vue.defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
@@ -17727,7 +17832,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
               }
             }, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
-            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$f, " / ")) : vue.createCommentVNode("", true)
+            index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, " / ")) : vue.createCommentVNode("", true)
           ]);
         }), 128))
       ]);
@@ -17833,7 +17938,7 @@ const _hoisted_2$r = {
   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"
 };
@@ -17939,7 +18044,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           }, vue.toDisplayString(page), 11, _hoisted_3$l);
         }), 128)),
         showLastPage.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, "...")) : vue.createCommentVNode("", true),
+          showLastPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$f, "...")) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "lupa-page-number lupa-page-number-last",
             onClick: _cache[2] || (_cache[2] = () => {
@@ -17964,7 +18069,7 @@ const _hoisted_1$x = {
 };
 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__ */ vue.defineComponent({
   __name: "SearchResultsPageSize",
@@ -18011,7 +18116,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                 value: option
               }, vue.toDisplayString(prefixLabel.value) + vue.toDisplayString(option), 9, _hoisted_5$9);
             }), 128))
-          ], 40, _hoisted_4$d)
+          ], 40, _hoisted_4$e)
         ])
       ]);
     };
@@ -18023,7 +18128,7 @@ const _hoisted_1$w = {
 };
 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__ */ vue.defineComponent({
   __name: "SearchResultsSort",
@@ -18091,7 +18196,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                 value: option.key
               }, vue.toDisplayString(option.label), 9, _hoisted_5$8);
             }), 128))
-          ], 40, _hoisted_4$c), [
+          ], 40, _hoisted_4$d), [
             [vue.vModelSelect, selectedKey.value]
           ])
         ])
@@ -18105,7 +18210,7 @@ const _hoisted_2$o = {
   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 = {
@@ -18229,7 +18334,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             label: searchSummaryLabel.value,
             clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b)),
+          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c)),
           displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
             key: 5,
             options: paginationOptions.value.pageSelect,
@@ -18278,7 +18383,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
 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"
@@ -18346,7 +18451,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-search-results-product-title-text lupa-title-link",
           onClick: handleNavigation
         }, vue.toDisplayString(title.value), 9, _hoisted_6$4)) : vue.createCommentVNode("", true)
-      ], 12, _hoisted_4$a));
+      ], 12, _hoisted_4$b));
     };
   }
 });
@@ -18389,7 +18494,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
 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"];
@@ -18439,7 +18544,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                 key: index,
                 innerHTML: star,
                 class: "lupa-rating lupa-rating-not-highlighted"
-              }, null, 8, _hoisted_4$9);
+              }, null, 8, _hoisted_4$a);
             }), 128))
           ]),
           vue.createElementVNode("div", _hoisted_5$5, [
@@ -18579,7 +18684,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
 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__ */ vue.defineComponent({
   __name: "SearchResultsProductCustom",
@@ -18624,7 +18729,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         class: className.value
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
-          vue.createElementVNode("div", _hoisted_4$8, vue.toDisplayString(label.value), 1),
+          vue.createElementVNode("div", _hoisted_4$9, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("div", _hoisted_5$4, vue.toDisplayString(text.value), 1)
         ]))
       ], 16));
@@ -18670,7 +18775,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
 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__ */ vue.defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
@@ -18708,7 +18813,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("a", {
           href: ratingLink.value,
           class: "lupa-total-ratings"
-        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_4$7)
+        }, vue.toDisplayString(totalRatings.value), 9, _hoisted_4$8)
       ]);
     };
   }
@@ -18803,12 +18908,13 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-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__ */ vue.defineComponent({
   __name: "SearchResultsProductCard",
   props: {
@@ -18912,7 +19018,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     });
     const handleClick = () => {
       var _a, _b, _c, _d;
-      trackingStore.trackEvent({
+      const event = {
         queryKey: props.options.queryKey,
         data: {
           itemId: id.value,
@@ -18925,9 +19031,15 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             items: [props.product],
             itemId: id.value
           },
-          options: { allowEmptySearchQuery: true }
+          options: { allowEmptySearchQuery: true },
+          filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0
         }
-      });
+      };
+      if (isDelayedClickTracking()) {
+        trackingStore.trackDelayedEvent(__spreadProps(__spreadValues({}, 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,
@@ -18960,7 +19072,10 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
         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: vue.withModifiers(handleClick, ["middle", "exact"])
+      }), [
         vue.createVNode(_sfc_main$14, { options: badgesOptions.value }, null, 8, ["options"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -18987,9 +19102,9 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               position: "image",
               class: "lupa-image-badges"
             }, null, 8, ["options"]),
-            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_1$m),
-          vue.createElementVNode("div", _hoisted_3$c, [
+            ((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$c, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_2$i),
+          vue.createElementVNode("div", _hoisted_4$7, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$p, {
                 class: "lupa-search-results-product-element",
@@ -19023,7 +19138,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             ], 2);
           }), 128))
         ], 2)
-      ], 16);
+      ], 16, _hoisted_1$m);
     };
   }
 });
@@ -19161,6 +19276,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const handleQueryChange = () => {
+      showAll.value = false;
       const context = getLupaTrackingContext();
       const queryBody = __spreadProps(__spreadValues({}, context), {
         limit: props.panel.totalCountLimit,
@@ -19395,7 +19511,6 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.query,
       () => {
-        console.log("query changed", props.query);
         searchForRelatedQuery();
       }
     );