@getlupa/client 1.17.1 → 1.17.4

package/dist/lupaSearch.iife.js

@@ -25251,6 +25251,9 @@ and ensure you are accounting for this risk.
         }
         emit2("product-click");
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+        if (props.panelOptions.programmaticNavigation) {
+          window.location.assign(link);
+        }
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$Z, [
@@ -25871,6 +25874,7 @@ and ensure you are accounting for this risk.
       const suggestedValue = ref(defaultSuggestedValue);
       const opened = ref(props.isSearchContainer);
       const focused = ref(false);
+      const openedAt = ref(null);
       const searchBoxInput = ref(null);
       const { highlightedDocument } = storeToRefs(searchBoxStore);
       const searchValue = computed(() => {
@@ -25907,7 +25911,7 @@ and ensure you are accounting for this risk.
       });
       const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
       onMounted(() => {
-        var _a2;
+        var _a2, _b, _c;
         window.addEventListener("keydown", handleKeyDown);
         window.addEventListener("click", handleMouseClick);
         paramsStore.setSearchResultsLink(props.options.links.searchResults);
@@ -25918,6 +25922,9 @@ and ensure you are accounting for this risk.
         if (props.isSearchContainer && searchBoxInput.value) {
           (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
         }
+        if ((_b = props.options.callbacks) == null ? void 0 : _b.onMounted) {
+          (_c = props.options.callbacks) == null ? void 0 : _c.onMounted();
+        }
       });
       onBeforeUnmount(() => {
         window.removeEventListener("keydown", handleKeyDown);
@@ -25925,11 +25932,14 @@ and ensure you are accounting for this risk.
         unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
       });
       const handleMouseClick = (e2) => {
-        var _a2, _b;
+        var _a2, _b, _c, _d;
         const el = document.getElementById("lupa-search-box");
         const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
         const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
         const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+        if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
+          return;
+        }
         if (isOutsideElement && props.options.keepOpen) {
           focused.value = false;
         }
@@ -25938,11 +25948,18 @@ and ensure you are accounting for this risk.
         }
         opened.value = false;
         suggestedValue.value = defaultSuggestedValue;
+        if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
+          (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+        }
       };
       const close = () => {
+        var _a2, _b;
         opened.value = false;
         focused.value = false;
         suggestedValue.value = defaultSuggestedValue;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onClosed) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onClosed();
+        }
       };
       const handleKeyDown = (e2) => {
         var _a2, _b;
@@ -25961,15 +25978,22 @@ and ensure you are accounting for this risk.
             handleSearch();
             resetValues();
             break;
+          case "Escape":
+            opened.value = false;
+            focused.value = false;
+            break;
         }
       };
       const handleInput = (value) => {
-        var _a2;
+        var _a2, _b;
         opened.value = true;
         focused.value = true;
         inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
         suggestedValue.value = defaultSuggestedValue;
         searchBoxStore.resetHighlightIndex();
+        if ((_b = props.options.callbacks) == null ? void 0 : _b.onSearchBoxInput) {
+          props.options.callbacks.onSearchBoxInput(value);
+        }
         trackSearchQuery(value);
         if (props.isSearchContainer) {
           goToResultsDebounced({
@@ -26102,6 +26126,13 @@ and ensure you are accounting for this risk.
         });
       };
       watch(() => props.options.debounce, handleCurrentValueSearch);
+      watch(opened, () => {
+        if (opened.value) {
+          openedAt.value = Date.now();
+        } else {
+          openedAt.value = null;
+        }
+      });
       const resetValues = () => {
         inputValue.value = "";
         suggestedValue.value = defaultSuggestedValue;
@@ -26113,6 +26144,20 @@ and ensure you are accounting for this risk.
       const slotProps = (props2) => {
         return __spreadValues2({}, props2);
       };
+      const onFocus = () => {
+        var _a2, _b;
+        opened.value = true;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onFocused) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onFocused();
+        }
+      };
+      const onBlur = () => {
+        var _a2, _b;
+        focused.value = false;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onBlurred) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onBlurred();
+        }
+      };
       return (_ctx, _cache) => {
         var _a2;
         return openBlock(), createElementBlock("div", _hoisted_1$W, [
@@ -26125,10 +26170,10 @@ and ensure you are accounting for this risk.
               ref_key: "searchBoxInput",
               ref: searchBoxInput,
               onInput: handleInput,
-              onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false),
-              onFocus: _cache[1] || (_cache[1] = ($event) => opened.value = true),
+              onBlur,
+              onFocus,
               onSearch: handleSearch,
-              onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
+              onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
             opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$11, {
               key: 0,
@@ -39597,6 +39642,33 @@ and ensure you are accounting for this risk.
       shadow.appendChild(style);
     }
   };
+  const createDomPing = () => {
+    let intervalId = null;
+    let remaining = 0;
+    return (intervalMs = 100, count = 50) => {
+      if (intervalId !== null) {
+        clearInterval(intervalId);
+      }
+      remaining = count;
+      const flush = () => {
+        if (remaining-- <= 0) {
+          if (intervalId !== null) {
+            clearInterval(intervalId);
+            intervalId = null;
+          }
+          return;
+        }
+        const el = document.createElement("div");
+        el.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;";
+        el.setAttribute("data-nudge", Date.now().toString());
+        document.body.appendChild(el);
+        document.body.removeChild(el);
+      };
+      flush();
+      intervalId = window.setInterval(flush, intervalMs);
+    };
+  };
+  const startDomPing = createDomPing();
   const getMountElement = (element, mountingBehavior = "replace", mountToParent) => {
     const parent = element == null ? void 0 : element.parentElement;
     if (mountingBehavior === "replace") {
@@ -39652,6 +39724,58 @@ and ensure you are accounting for this risk.
     recommendations: {},
     chat: {}
   };
+  const addSearchBoxDomPingIfConfigured = (options, mountOptions) => {
+    var _a;
+    if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+      return options;
+    }
+    const newOptions = __spreadProps(__spreadValues({}, options), {
+      callbacks: {
+        onMounted: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onBlurred: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onBlurred) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onFocused: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onFocused) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onSearchBoxInput: (...args) => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onSearchBoxInput) == null ? void 0 : _b.call(_a2, ...args);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        }
+      }
+    });
+    return newOptions;
+  };
+  const addSearchResultsDomPingIfConfigured = (options, mountOptions) => {
+    var _a;
+    if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+      return options;
+    }
+    const newOptions = __spreadProps(__spreadValues({}, options), {
+      callbacks: {
+        onMounted: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onUrlQueryChange: (...args) => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onUrlQueryChange) == null ? void 0 : _b.call(_a2, ...args);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        }
+      }
+    });
+    return newOptions;
+  };
   const applySearchBox = (options, mountOptions) => {
     const existingInstance = app.box[options.inputSelector];
     if (existingInstance) {
@@ -39681,9 +39805,10 @@ and ensure you are accounting for this risk.
     if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
       return;
     }
+    const transformedOptions = addSearchBoxDomPingIfConfigured(options, mountOptions);
     const inputs = (_a = options.inputSelector) == null ? void 0 : _a.split(",");
     for (const input2 of inputs) {
-      applySearchBox(__spreadProps(__spreadValues({}, options), { inputSelector: input2.trim() }), mountOptions);
+      applySearchBox(__spreadProps(__spreadValues({}, transformedOptions), { inputSelector: input2.trim() }), mountOptions);
     }
   };
   const searchResults = (options, mountOptions) => {
@@ -39701,12 +39826,13 @@ and ensure you are accounting for this risk.
       }
       return;
     }
+    const transformedOptions = addSearchResultsDomPingIfConfigured(options, mountOptions);
     const instance = createVue(
       options.containerSelector,
       mountOptions == null ? void 0 : mountOptions.mountingBehavior,
       _sfc_main$3,
       {
-        searchResultsOptions: options
+        searchResultsOptions: transformedOptions
       }
     );
     if (!instance) {
@@ -40146,6 +40272,7 @@ and ensure you are accounting for this risk.
     }
     const resolvedConfiguration = JSON.parse(configuration.searchBox);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const domPing = resolvedConfiguration.domPing;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.inputSelector,
       0,
@@ -40161,7 +40288,7 @@ and ensure you are accounting for this risk.
       resolvedConfiguration,
       (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
     );
-    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
     var _a;
@@ -40170,6 +40297,7 @@ and ensure you are accounting for this risk.
     }
     const resolvedConfiguration = JSON.parse(configuration.searchResults);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const domPing = resolvedConfiguration.domPing;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -40185,7 +40313,7 @@ and ensure you are accounting for this risk.
       resolvedConfiguration,
       (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
     );
-    searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
     var _a;

package/dist/lupaSearch.js

@@ -25251,6 +25251,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       }
       emit2("product-click");
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+      if (props.panelOptions.programmaticNavigation) {
+        window.location.assign(link);
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$Z, [
@@ -25871,6 +25874,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const suggestedValue = ref(defaultSuggestedValue);
     const opened = ref(props.isSearchContainer);
     const focused = ref(false);
+    const openedAt = ref(null);
     const searchBoxInput = ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
     const searchValue = computed(() => {
@@ -25907,7 +25911,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     });
     const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
     onMounted(() => {
-      var _a2;
+      var _a2, _b, _c;
       window.addEventListener("keydown", handleKeyDown);
       window.addEventListener("click", handleMouseClick);
       paramsStore.setSearchResultsLink(props.options.links.searchResults);
@@ -25918,6 +25922,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       if (props.isSearchContainer && searchBoxInput.value) {
         (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
       }
+      if ((_b = props.options.callbacks) == null ? void 0 : _b.onMounted) {
+        (_c = props.options.callbacks) == null ? void 0 : _c.onMounted();
+      }
     });
     onBeforeUnmount(() => {
       window.removeEventListener("keydown", handleKeyDown);
@@ -25925,11 +25932,14 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
     });
     const handleMouseClick = (e2) => {
-      var _a2, _b;
+      var _a2, _b, _c, _d;
       const el = document.getElementById("lupa-search-box");
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
       const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+      if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
+        return;
+      }
       if (isOutsideElement && props.options.keepOpen) {
         focused.value = false;
       }
@@ -25938,11 +25948,18 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
       opened.value = false;
       suggestedValue.value = defaultSuggestedValue;
+      if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
+        (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+      }
     };
     const close = () => {
+      var _a2, _b;
       opened.value = false;
       focused.value = false;
       suggestedValue.value = defaultSuggestedValue;
+      if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onClosed) {
+        (_b = props.options.callbacks) == null ? void 0 : _b.onClosed();
+      }
     };
     const handleKeyDown = (e2) => {
       var _a2, _b;
@@ -25961,15 +25978,22 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           handleSearch();
           resetValues();
           break;
+        case "Escape":
+          opened.value = false;
+          focused.value = false;
+          break;
       }
     };
     const handleInput = (value) => {
-      var _a2;
+      var _a2, _b;
       opened.value = true;
       focused.value = true;
       inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
       suggestedValue.value = defaultSuggestedValue;
       searchBoxStore.resetHighlightIndex();
+      if ((_b = props.options.callbacks) == null ? void 0 : _b.onSearchBoxInput) {
+        props.options.callbacks.onSearchBoxInput(value);
+      }
       trackSearchQuery(value);
       if (props.isSearchContainer) {
         goToResultsDebounced({
@@ -26102,6 +26126,13 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       });
     };
     watch(() => props.options.debounce, handleCurrentValueSearch);
+    watch(opened, () => {
+      if (opened.value) {
+        openedAt.value = Date.now();
+      } else {
+        openedAt.value = null;
+      }
+    });
     const resetValues = () => {
       inputValue.value = "";
       suggestedValue.value = defaultSuggestedValue;
@@ -26113,6 +26144,20 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const slotProps = (props2) => {
       return __spreadValues2({}, props2);
     };
+    const onFocus = () => {
+      var _a2, _b;
+      opened.value = true;
+      if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onFocused) {
+        (_b = props.options.callbacks) == null ? void 0 : _b.onFocused();
+      }
+    };
+    const onBlur = () => {
+      var _a2, _b;
+      focused.value = false;
+      if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onBlurred) {
+        (_b = props.options.callbacks) == null ? void 0 : _b.onBlurred();
+      }
+    };
     return (_ctx, _cache) => {
       var _a2;
       return openBlock(), createElementBlock("div", _hoisted_1$W, [
@@ -26125,10 +26170,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             ref_key: "searchBoxInput",
             ref: searchBoxInput,
             onInput: handleInput,
-            onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false),
-            onFocus: _cache[1] || (_cache[1] = ($event) => opened.value = true),
+            onBlur,
+            onFocus,
             onSearch: handleSearch,
-            onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
+            onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
           opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$11, {
             key: 0,
@@ -39597,6 +39642,33 @@ const attatchShadowDom = ({
     shadow.appendChild(style);
   }
 };
+const createDomPing = () => {
+  let intervalId = null;
+  let remaining = 0;
+  return (intervalMs = 100, count = 50) => {
+    if (intervalId !== null) {
+      clearInterval(intervalId);
+    }
+    remaining = count;
+    const flush = () => {
+      if (remaining-- <= 0) {
+        if (intervalId !== null) {
+          clearInterval(intervalId);
+          intervalId = null;
+        }
+        return;
+      }
+      const el = document.createElement("div");
+      el.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;";
+      el.setAttribute("data-nudge", Date.now().toString());
+      document.body.appendChild(el);
+      document.body.removeChild(el);
+    };
+    flush();
+    intervalId = window.setInterval(flush, intervalMs);
+  };
+};
+const startDomPing = createDomPing();
 const getMountElement = (element, mountingBehavior = "replace", mountToParent) => {
   const parent = element == null ? void 0 : element.parentElement;
   if (mountingBehavior === "replace") {
@@ -39652,6 +39724,58 @@ const app = {
   recommendations: {},
   chat: {}
 };
+const addSearchBoxDomPingIfConfigured = (options, mountOptions) => {
+  var _a;
+  if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+    return options;
+  }
+  const newOptions = __spreadProps(__spreadValues({}, options), {
+    callbacks: {
+      onMounted: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onBlurred: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onBlurred) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onFocused: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onFocused) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onSearchBoxInput: (...args) => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onSearchBoxInput) == null ? void 0 : _b.call(_a2, ...args);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      }
+    }
+  });
+  return newOptions;
+};
+const addSearchResultsDomPingIfConfigured = (options, mountOptions) => {
+  var _a;
+  if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+    return options;
+  }
+  const newOptions = __spreadProps(__spreadValues({}, options), {
+    callbacks: {
+      onMounted: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onUrlQueryChange: (...args) => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onUrlQueryChange) == null ? void 0 : _b.call(_a2, ...args);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      }
+    }
+  });
+  return newOptions;
+};
 const applySearchBox = (options, mountOptions) => {
   const existingInstance = app.box[options.inputSelector];
   if (existingInstance) {
@@ -39681,9 +39805,10 @@ const searchBox = (options, mountOptions) => {
   if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
     return;
   }
+  const transformedOptions = addSearchBoxDomPingIfConfigured(options, mountOptions);
   const inputs = (_a = options.inputSelector) == null ? void 0 : _a.split(",");
   for (const input2 of inputs) {
-    applySearchBox(__spreadProps(__spreadValues({}, options), { inputSelector: input2.trim() }), mountOptions);
+    applySearchBox(__spreadProps(__spreadValues({}, transformedOptions), { inputSelector: input2.trim() }), mountOptions);
   }
 };
 const searchResults = (options, mountOptions) => {
@@ -39701,12 +39826,13 @@ const searchResults = (options, mountOptions) => {
     }
     return;
   }
+  const transformedOptions = addSearchResultsDomPingIfConfigured(options, mountOptions);
   const instance = createVue(
     options.containerSelector,
     mountOptions == null ? void 0 : mountOptions.mountingBehavior,
     _sfc_main$3,
     {
-      searchResultsOptions: options
+      searchResultsOptions: transformedOptions
     }
   );
   if (!instance) {
@@ -40146,6 +40272,7 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
   }
   const resolvedConfiguration = JSON.parse(configuration.searchBox);
   const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+  const domPing = resolvedConfiguration.domPing;
   const visible = yield waitForElementToBeVisible(
     resolvedConfiguration.inputSelector,
     0,
@@ -40161,7 +40288,7 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
     resolvedConfiguration,
     (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
   );
-  searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+  searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
 });
 const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(exports, null, function* () {
   var _a;
@@ -40170,6 +40297,7 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
   }
   const resolvedConfiguration = JSON.parse(configuration.searchResults);
   const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+  const domPing = resolvedConfiguration.domPing;
   const visible = yield waitForElementToBeVisible(
     resolvedConfiguration.containerSelector,
     0,
@@ -40185,7 +40313,7 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
     resolvedConfiguration,
     (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
   );
-  searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+  searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
 });
 const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(exports, null, function* () {
   var _a;

package/dist/lupaSearch.mjs

@@ -25249,6 +25249,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       }
       emit2("product-click");
       handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+      if (props.panelOptions.programmaticNavigation) {
+        window.location.assign(link);
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$Z, [
@@ -25869,6 +25872,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const suggestedValue = ref(defaultSuggestedValue);
     const opened = ref(props.isSearchContainer);
     const focused = ref(false);
+    const openedAt = ref(null);
     const searchBoxInput = ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
     const searchValue = computed(() => {
@@ -25905,7 +25909,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     });
     const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
     onMounted(() => {
-      var _a2;
+      var _a2, _b, _c;
       window.addEventListener("keydown", handleKeyDown);
       window.addEventListener("click", handleMouseClick);
       paramsStore.setSearchResultsLink(props.options.links.searchResults);
@@ -25916,6 +25920,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       if (props.isSearchContainer && searchBoxInput.value) {
         (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
       }
+      if ((_b = props.options.callbacks) == null ? void 0 : _b.onMounted) {
+        (_c = props.options.callbacks) == null ? void 0 : _c.onMounted();
+      }
     });
     onBeforeUnmount(() => {
       window.removeEventListener("keydown", handleKeyDown);
@@ -25923,11 +25930,14 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
     });
     const handleMouseClick = (e2) => {
-      var _a2, _b;
+      var _a2, _b, _c, _d;
       const el = document.getElementById("lupa-search-box");
       const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
       const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
       const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+      if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
+        return;
+      }
       if (isOutsideElement && props.options.keepOpen) {
         focused.value = false;
       }
@@ -25936,11 +25946,18 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
       opened.value = false;
       suggestedValue.value = defaultSuggestedValue;
+      if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
+        (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+      }
     };
     const close = () => {
+      var _a2, _b;
       opened.value = false;
       focused.value = false;
       suggestedValue.value = defaultSuggestedValue;
+      if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onClosed) {
+        (_b = props.options.callbacks) == null ? void 0 : _b.onClosed();
+      }
     };
     const handleKeyDown = (e2) => {
       var _a2, _b;
@@ -25959,15 +25976,22 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           handleSearch();
           resetValues();
           break;
+        case "Escape":
+          opened.value = false;
+          focused.value = false;
+          break;
       }
     };
     const handleInput = (value) => {
-      var _a2;
+      var _a2, _b;
       opened.value = true;
       focused.value = true;
       inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
       suggestedValue.value = defaultSuggestedValue;
       searchBoxStore.resetHighlightIndex();
+      if ((_b = props.options.callbacks) == null ? void 0 : _b.onSearchBoxInput) {
+        props.options.callbacks.onSearchBoxInput(value);
+      }
       trackSearchQuery(value);
       if (props.isSearchContainer) {
         goToResultsDebounced({
@@ -26100,6 +26124,13 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       });
     };
     watch(() => props.options.debounce, handleCurrentValueSearch);
+    watch(opened, () => {
+      if (opened.value) {
+        openedAt.value = Date.now();
+      } else {
+        openedAt.value = null;
+      }
+    });
     const resetValues = () => {
       inputValue.value = "";
       suggestedValue.value = defaultSuggestedValue;
@@ -26111,6 +26142,20 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const slotProps = (props2) => {
       return __spreadValues2({}, props2);
     };
+    const onFocus = () => {
+      var _a2, _b;
+      opened.value = true;
+      if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onFocused) {
+        (_b = props.options.callbacks) == null ? void 0 : _b.onFocused();
+      }
+    };
+    const onBlur = () => {
+      var _a2, _b;
+      focused.value = false;
+      if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onBlurred) {
+        (_b = props.options.callbacks) == null ? void 0 : _b.onBlurred();
+      }
+    };
     return (_ctx, _cache) => {
       var _a2;
       return openBlock(), createElementBlock("div", _hoisted_1$W, [
@@ -26123,10 +26168,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             ref_key: "searchBoxInput",
             ref: searchBoxInput,
             onInput: handleInput,
-            onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false),
-            onFocus: _cache[1] || (_cache[1] = ($event) => opened.value = true),
+            onBlur,
+            onFocus,
             onSearch: handleSearch,
-            onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
+            onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
           opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$11, {
             key: 0,
@@ -39595,6 +39640,33 @@ const attatchShadowDom = ({
     shadow.appendChild(style);
   }
 };
+const createDomPing = () => {
+  let intervalId = null;
+  let remaining = 0;
+  return (intervalMs = 100, count = 50) => {
+    if (intervalId !== null) {
+      clearInterval(intervalId);
+    }
+    remaining = count;
+    const flush = () => {
+      if (remaining-- <= 0) {
+        if (intervalId !== null) {
+          clearInterval(intervalId);
+          intervalId = null;
+        }
+        return;
+      }
+      const el = document.createElement("div");
+      el.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;";
+      el.setAttribute("data-nudge", Date.now().toString());
+      document.body.appendChild(el);
+      document.body.removeChild(el);
+    };
+    flush();
+    intervalId = window.setInterval(flush, intervalMs);
+  };
+};
+const startDomPing = createDomPing();
 const getMountElement = (element, mountingBehavior = "replace", mountToParent) => {
   const parent = element == null ? void 0 : element.parentElement;
   if (mountingBehavior === "replace") {
@@ -39650,6 +39722,58 @@ const app = {
   recommendations: {},
   chat: {}
 };
+const addSearchBoxDomPingIfConfigured = (options, mountOptions) => {
+  var _a;
+  if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+    return options;
+  }
+  const newOptions = __spreadProps(__spreadValues({}, options), {
+    callbacks: {
+      onMounted: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onBlurred: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onBlurred) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onFocused: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onFocused) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onSearchBoxInput: (...args) => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onSearchBoxInput) == null ? void 0 : _b.call(_a2, ...args);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      }
+    }
+  });
+  return newOptions;
+};
+const addSearchResultsDomPingIfConfigured = (options, mountOptions) => {
+  var _a;
+  if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+    return options;
+  }
+  const newOptions = __spreadProps(__spreadValues({}, options), {
+    callbacks: {
+      onMounted: () => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      },
+      onUrlQueryChange: (...args) => {
+        var _a2, _b;
+        (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onUrlQueryChange) == null ? void 0 : _b.call(_a2, ...args);
+        startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+      }
+    }
+  });
+  return newOptions;
+};
 const applySearchBox = (options, mountOptions) => {
   const existingInstance = app.box[options.inputSelector];
   if (existingInstance) {
@@ -39679,9 +39803,10 @@ const searchBox = (options, mountOptions) => {
   if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
     return;
   }
+  const transformedOptions = addSearchBoxDomPingIfConfigured(options, mountOptions);
   const inputs = (_a = options.inputSelector) == null ? void 0 : _a.split(",");
   for (const input2 of inputs) {
-    applySearchBox(__spreadProps(__spreadValues({}, options), { inputSelector: input2.trim() }), mountOptions);
+    applySearchBox(__spreadProps(__spreadValues({}, transformedOptions), { inputSelector: input2.trim() }), mountOptions);
   }
 };
 const searchResults = (options, mountOptions) => {
@@ -39699,12 +39824,13 @@ const searchResults = (options, mountOptions) => {
     }
     return;
   }
+  const transformedOptions = addSearchResultsDomPingIfConfigured(options, mountOptions);
   const instance = createVue(
     options.containerSelector,
     mountOptions == null ? void 0 : mountOptions.mountingBehavior,
     _sfc_main$3,
     {
-      searchResultsOptions: options
+      searchResultsOptions: transformedOptions
     }
   );
   if (!instance) {
@@ -40144,6 +40270,7 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
   }
   const resolvedConfiguration = JSON.parse(configuration.searchBox);
   const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+  const domPing = resolvedConfiguration.domPing;
   const visible = yield waitForElementToBeVisible(
     resolvedConfiguration.inputSelector,
     0,
@@ -40159,7 +40286,7 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
     resolvedConfiguration,
     (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
   );
-  searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+  searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
 });
 const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(void 0, null, function* () {
   var _a;
@@ -40168,6 +40295,7 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
   }
   const resolvedConfiguration = JSON.parse(configuration.searchResults);
   const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+  const domPing = resolvedConfiguration.domPing;
   const visible = yield waitForElementToBeVisible(
     resolvedConfiguration.containerSelector,
     0,
@@ -40183,7 +40311,7 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
     resolvedConfiguration,
     (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
   );
-  searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+  searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
 });
 const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(void 0, null, function* () {
   var _a;

package/dist/lupaSearch.umd.js

@@ -25253,6 +25253,9 @@ and ensure you are accounting for this risk.
         }
         emit2("product-click");
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+        if (props.panelOptions.programmaticNavigation) {
+          window.location.assign(link);
+        }
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$Z, [
@@ -25873,6 +25876,7 @@ and ensure you are accounting for this risk.
       const suggestedValue = ref(defaultSuggestedValue);
       const opened = ref(props.isSearchContainer);
       const focused = ref(false);
+      const openedAt = ref(null);
       const searchBoxInput = ref(null);
       const { highlightedDocument } = storeToRefs(searchBoxStore);
       const searchValue = computed(() => {
@@ -25909,7 +25913,7 @@ and ensure you are accounting for this risk.
       });
       const goToResultsDebounced = debounce$1(paramsStore.goToResults, (_a = props.options.debounce) != null ? _a : 300);
       onMounted(() => {
-        var _a2;
+        var _a2, _b, _c;
         window.addEventListener("keydown", handleKeyDown);
         window.addEventListener("click", handleMouseClick);
         paramsStore.setSearchResultsLink(props.options.links.searchResults);
@@ -25920,6 +25924,9 @@ and ensure you are accounting for this risk.
         if (props.isSearchContainer && searchBoxInput.value) {
           (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
         }
+        if ((_b = props.options.callbacks) == null ? void 0 : _b.onMounted) {
+          (_c = props.options.callbacks) == null ? void 0 : _c.onMounted();
+        }
       });
       onBeforeUnmount(() => {
         window.removeEventListener("keydown", handleKeyDown);
@@ -25927,11 +25934,14 @@ and ensure you are accounting for this risk.
         unbindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
       });
       const handleMouseClick = (e2) => {
-        var _a2, _b;
+        var _a2, _b, _c, _d;
         const el = document.getElementById("lupa-search-box");
         const elementClass = (_b = (_a2 = e2.target) == null ? void 0 : _a2.className) != null ? _b : "";
         const hasLupaClass = typeof elementClass.includes == "function" && elementClass.includes("lupa-search-box");
         const isOutsideElement = el && !el.contains(e2.target) && !hasLupaClass;
+        if (openedAt.value && Date.now() - (openedAt == null ? void 0 : openedAt.value) < 500) {
+          return;
+        }
         if (isOutsideElement && props.options.keepOpen) {
           focused.value = false;
         }
@@ -25940,11 +25950,18 @@ and ensure you are accounting for this risk.
         }
         opened.value = false;
         suggestedValue.value = defaultSuggestedValue;
+        if ((_c = props.options.callbacks) == null ? void 0 : _c.onClosed) {
+          (_d = props.options.callbacks) == null ? void 0 : _d.onClosed();
+        }
       };
       const close = () => {
+        var _a2, _b;
         opened.value = false;
         focused.value = false;
         suggestedValue.value = defaultSuggestedValue;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onClosed) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onClosed();
+        }
       };
       const handleKeyDown = (e2) => {
         var _a2, _b;
@@ -25963,15 +25980,22 @@ and ensure you are accounting for this risk.
             handleSearch();
             resetValues();
             break;
+          case "Escape":
+            opened.value = false;
+            focused.value = false;
+            break;
         }
       };
       const handleInput = (value) => {
-        var _a2;
+        var _a2, _b;
         opened.value = true;
         focused.value = true;
         inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
         suggestedValue.value = defaultSuggestedValue;
         searchBoxStore.resetHighlightIndex();
+        if ((_b = props.options.callbacks) == null ? void 0 : _b.onSearchBoxInput) {
+          props.options.callbacks.onSearchBoxInput(value);
+        }
         trackSearchQuery(value);
         if (props.isSearchContainer) {
           goToResultsDebounced({
@@ -26104,6 +26128,13 @@ and ensure you are accounting for this risk.
         });
       };
       watch(() => props.options.debounce, handleCurrentValueSearch);
+      watch(opened, () => {
+        if (opened.value) {
+          openedAt.value = Date.now();
+        } else {
+          openedAt.value = null;
+        }
+      });
       const resetValues = () => {
         inputValue.value = "";
         suggestedValue.value = defaultSuggestedValue;
@@ -26115,6 +26146,20 @@ and ensure you are accounting for this risk.
       const slotProps = (props2) => {
         return __spreadValues2({}, props2);
       };
+      const onFocus = () => {
+        var _a2, _b;
+        opened.value = true;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onFocused) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onFocused();
+        }
+      };
+      const onBlur = () => {
+        var _a2, _b;
+        focused.value = false;
+        if ((_a2 = props.options.callbacks) == null ? void 0 : _a2.onBlurred) {
+          (_b = props.options.callbacks) == null ? void 0 : _b.onBlurred();
+        }
+      };
       return (_ctx, _cache) => {
         var _a2;
         return openBlock(), createElementBlock("div", _hoisted_1$W, [
@@ -26127,10 +26172,10 @@ and ensure you are accounting for this risk.
               ref_key: "searchBoxInput",
               ref: searchBoxInput,
               onInput: handleInput,
-              onBlur: _cache[0] || (_cache[0] = ($event) => focused.value = false),
-              onFocus: _cache[1] || (_cache[1] = ($event) => opened.value = true),
+              onBlur,
+              onFocus,
               onSearch: handleSearch,
-              onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
+              onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
             opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$11, {
               key: 0,
@@ -39599,6 +39644,33 @@ and ensure you are accounting for this risk.
       shadow.appendChild(style);
     }
   };
+  const createDomPing = () => {
+    let intervalId = null;
+    let remaining = 0;
+    return (intervalMs = 100, count = 50) => {
+      if (intervalId !== null) {
+        clearInterval(intervalId);
+      }
+      remaining = count;
+      const flush = () => {
+        if (remaining-- <= 0) {
+          if (intervalId !== null) {
+            clearInterval(intervalId);
+            intervalId = null;
+          }
+          return;
+        }
+        const el = document.createElement("div");
+        el.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;";
+        el.setAttribute("data-nudge", Date.now().toString());
+        document.body.appendChild(el);
+        document.body.removeChild(el);
+      };
+      flush();
+      intervalId = window.setInterval(flush, intervalMs);
+    };
+  };
+  const startDomPing = createDomPing();
   const getMountElement = (element, mountingBehavior = "replace", mountToParent) => {
     const parent = element == null ? void 0 : element.parentElement;
     if (mountingBehavior === "replace") {
@@ -39654,6 +39726,58 @@ and ensure you are accounting for this risk.
     recommendations: {},
     chat: {}
   };
+  const addSearchBoxDomPingIfConfigured = (options, mountOptions) => {
+    var _a;
+    if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+      return options;
+    }
+    const newOptions = __spreadProps(__spreadValues({}, options), {
+      callbacks: {
+        onMounted: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onBlurred: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onBlurred) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onFocused: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onFocused) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onSearchBoxInput: (...args) => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onSearchBoxInput) == null ? void 0 : _b.call(_a2, ...args);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        }
+      }
+    });
+    return newOptions;
+  };
+  const addSearchResultsDomPingIfConfigured = (options, mountOptions) => {
+    var _a;
+    if (!((_a = mountOptions == null ? void 0 : mountOptions.domPing) == null ? void 0 : _a.count)) {
+      return options;
+    }
+    const newOptions = __spreadProps(__spreadValues({}, options), {
+      callbacks: {
+        onMounted: () => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onMounted) == null ? void 0 : _b.call(_a2);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        },
+        onUrlQueryChange: (...args) => {
+          var _a2, _b;
+          (_b = (_a2 = options.callbacks) == null ? void 0 : _a2.onUrlQueryChange) == null ? void 0 : _b.call(_a2, ...args);
+          startDomPing(mountOptions.domPing.intervalMs, mountOptions.domPing.count);
+        }
+      }
+    });
+    return newOptions;
+  };
   const applySearchBox = (options, mountOptions) => {
     const existingInstance = app.box[options.inputSelector];
     if (existingInstance) {
@@ -39683,9 +39807,10 @@ and ensure you are accounting for this risk.
     if (!canMount(mountOptions == null ? void 0 : mountOptions.allowedMountUrls)) {
       return;
     }
+    const transformedOptions = addSearchBoxDomPingIfConfigured(options, mountOptions);
     const inputs = (_a = options.inputSelector) == null ? void 0 : _a.split(",");
     for (const input2 of inputs) {
-      applySearchBox(__spreadProps(__spreadValues({}, options), { inputSelector: input2.trim() }), mountOptions);
+      applySearchBox(__spreadProps(__spreadValues({}, transformedOptions), { inputSelector: input2.trim() }), mountOptions);
     }
   };
   const searchResults = (options, mountOptions) => {
@@ -39703,12 +39828,13 @@ and ensure you are accounting for this risk.
       }
       return;
     }
+    const transformedOptions = addSearchResultsDomPingIfConfigured(options, mountOptions);
     const instance = createVue(
       options.containerSelector,
       mountOptions == null ? void 0 : mountOptions.mountingBehavior,
       _sfc_main$3,
       {
-        searchResultsOptions: options
+        searchResultsOptions: transformedOptions
       }
     );
     if (!instance) {
@@ -40148,6 +40274,7 @@ and ensure you are accounting for this risk.
     }
     const resolvedConfiguration = JSON.parse(configuration.searchBox);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const domPing = resolvedConfiguration.domPing;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.inputSelector,
       0,
@@ -40163,7 +40290,7 @@ and ensure you are accounting for this risk.
       resolvedConfiguration,
       (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
     );
-    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
     var _a;
@@ -40172,6 +40299,7 @@ and ensure you are accounting for this risk.
     }
     const resolvedConfiguration = JSON.parse(configuration.searchResults);
     const allowedMountUrls = resolvedConfiguration.allowedMountUrls;
+    const domPing = resolvedConfiguration.domPing;
     const visible = yield waitForElementToBeVisible(
       resolvedConfiguration.containerSelector,
       0,
@@ -40187,7 +40315,7 @@ and ensure you are accounting for this risk.
       resolvedConfiguration,
       (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
     );
-    searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
+    searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls, domPing });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
     var _a;

package/dist/src/index.d.ts

@@ -12,27 +12,47 @@ declare const lupaSearch: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     searchResults: (options: SearchResultsOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     tracking: (options: TrackingOptions) => void;
     productList: (options: ProductListOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     searchContainer: (options: SearchContainerOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     recommendations: (options: ProductRecommendationOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     clearSearchBox: (selector?: string) => void;
     clearSearchResults: (selector?: string) => void;
@@ -43,12 +63,20 @@ declare const lupaSearch: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     clearChat: (selector?: string) => void;
     preconfiguredSearchContainer: (preconfiguredSearchContainerOptions: PreconfiguredSearchContainerOptions, mountOptions?: {
         fetch?: boolean;
         mountingBehavior?: "replace" | "append" | "prepend";
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     }) => void;
     getSearchBoxComponent: ({ searchBoxOptions, labels, panelOptions, redirections, placeholderImage }: PreconfiguredSearchContainerOptions) => SearchBoxOptions;
     getSearchResultsComponent: ({ searchResultOptions, labels, redirections, placeholderImage, configuratorOverrides, callbacks, additionalFields }: PreconfiguredSearchContainerOptions) => SearchResultsOptions;

package/dist/src/modules/pluginManager/PluginConfigurationMerger.d.ts

@@ -24,6 +24,10 @@ declare const _default: {
         keepOpen?: boolean;
     } & {
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     } & {
         minInputLength?: number;
         labels?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxOptionLabels;
@@ -82,6 +86,10 @@ declare const _default: {
         initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
     } & {
         allowedMountUrls?: string[];
+        domPing?: {
+            intervalMs?: number;
+            count?: number;
+        };
     } & Partial<SearchResultsOptions>;
 };
 export default _default;

package/dist/src/mounting.d.ts

@@ -5,6 +5,10 @@ type MountOptions = {
     fetch?: boolean;
     mountingBehavior?: 'replace' | 'append' | 'prepend';
     allowedMountUrls?: string[];
+    domPing?: {
+        intervalMs?: number;
+        count?: number;
+    };
 };
 export declare const applySearchBox: (options: SearchBoxOptions, mountOptions?: MountOptions) => void;
 export declare const searchBox: (options: SearchBoxOptions, mountOptions?: MountOptions) => void;

package/dist/src/types/ResolvedOptions.d.ts

@@ -1,9 +1,17 @@
 import { ProductListOptions, ProductRecommendationOptions, SearchBoxOptions, SearchResultsOptions } from '@getlupa/vue';
 export type ResolvedSearchBoxOptions = SearchBoxOptions & {
     allowedMountUrls?: string[];
+    domPing?: {
+        intervalMs?: number;
+        count?: number;
+    };
 };
 export type ResolvedSearchResultOptions = SearchResultsOptions & {
     allowedMountUrls?: string[];
+    domPing?: {
+        intervalMs?: number;
+        count?: number;
+    };
 };
 export type ResolvedProductListOptions = ProductListOptions & {
     allowedMountUrls?: string[];

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

@@ -1,4 +1,6 @@
 import { type Component } from 'vue';
+export declare const createDomPing: () => (intervalMs?: number, count?: number) => void;
+export declare const startDomPing: (intervalMs?: number, count?: number) => void;
 export declare const createVue: (selector: string | Element, mountingBehavior: string, rootComponent: Component, options: Record<string, unknown>, mountToParent?: boolean) => {
     mountedApp: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
     mountedComponent: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.17.1",
+  "version": "1.17.4",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.17.1",
+    "@getlupa/vue": "0.17.4",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",