@getlupa/client 1.17.1 → 1.17.5

package/dist/lupaSearch.umd.js

@@ -7865,6 +7865,14 @@ var __async = (__this, __arguments, generator) => {
     }
     return `< ${formatPrice(max, currency, separator, currencyTemplate)}`;
   };
+  const getTranslatedFacetKey = (facet, translations) => {
+    var _a, _b;
+    return (_b = (_a = translations == null ? void 0 : translations.keyTranslations) == null ? void 0 : _a[facet.key]) != null ? _b : facet.label;
+  };
+  const getTranslatedFacetValue = (facet, value, translations) => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = translations == null ? void 0 : translations.valueTranslations) == null ? void 0 : _a[facet.key]) == null ? void 0 : _b[value == null ? void 0 : value.title]) != null ? _c : value.title;
+  };
   const formatRange = (filter2) => {
     var _a, _b;
     const lt = (_a = filter2.lt) != null ? _a : filter2.lte;
@@ -7924,11 +7932,12 @@ var __async = (__this, __arguments, generator) => {
     const seed = [];
     return Object.entries(filters).reduce((a, c2) => [...a, ...unfoldFilter(...c2, price)], seed);
   };
-  const getLabeledFilters = (filters, facets2) => {
+  const getLabeledFilters = (filters, facets2, translations) => {
     return filters.map((f2) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       return __spreadProps2(__spreadValues2({}, f2), {
-        label: (_b = (_a = facets2 == null ? void 0 : facets2.find((ft) => ft.key === f2.key)) == null ? void 0 : _a.label) != null ? _b : capitalize$1(f2.key)
+        label: (_d = (_c = (_a = translations == null ? void 0 : translations.keyTranslations) == null ? void 0 : _a[f2.key]) != null ? _c : (_b = facets2 == null ? void 0 : facets2.find((ft) => ft.key === f2.key)) == null ? void 0 : _b.label) != null ? _d : capitalize$1(f2.key),
+        value: getTranslatedFacetValue({ key: f2.key }, { title: f2.value }, translations)
       });
     });
   };
@@ -14281,7 +14290,7 @@ var __async = (__this, __arguments, generator) => {
     };
   });
   const _hoisted_1$1i = { id: "lupa-search-box-input-container" };
-  const _hoisted_2$U = { class: "lupa-input-clear" };
+  const _hoisted_2$T = { class: "lupa-input-clear" };
   const _hoisted_3$C = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
   const _hoisted_5$j = ["aria-label", "placeholder"];
@@ -14378,7 +14387,7 @@ var __async = (__this, __arguments, generator) => {
       __expose({ focus });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1i, [
-          createBaseVNode("div", _hoisted_2$U, [
+          createBaseVNode("div", _hoisted_2$T, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear2
@@ -14461,7 +14470,7 @@ var __async = (__this, __arguments, generator) => {
     }
   });
   const _hoisted_1$1h = { class: "lupa-search-box-history-item" };
-  const _hoisted_2$T = { class: "lupa-search-box-history-item-content" };
+  const _hoisted_2$S = { class: "lupa-search-box-history-item-content" };
   const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
@@ -14479,7 +14488,7 @@ var __async = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1h, [
-          createBaseVNode("div", _hoisted_2$T, [
+          createBaseVNode("div", _hoisted_2$S, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
               onClick: click2
@@ -14606,7 +14615,7 @@ var __async = (__this, __arguments, generator) => {
     return gridTemplate.join(" ");
   };
   const _hoisted_1$1e = ["innerHTML"];
-  const _hoisted_2$S = {
+  const _hoisted_2$R = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
     class: "lupa-suggestion-value"
@@ -14660,7 +14669,7 @@ var __async = (__this, __arguments, generator) => {
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$1e)) : (openBlock(), createElementBlock("div", _hoisted_2$S, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$1e)) : (openBlock(), createElementBlock("div", _hoisted_2$R, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$B, [
             createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -23799,6 +23808,11 @@ and ensure you are accounting for this risk.
       case "exists": {
         return fields == null ? void 0 : fields.every((field) => getFieldValue(doc2, field) !== void 0);
       }
+      case "notExists": {
+        return fields == null ? void 0 : fields.every(
+          (field) => getFieldValue(doc2, field) === void 0 || getFieldValue(doc2, field) === null
+        );
+      }
       case "equals": {
         if (fields.length < 2)
           return false;
@@ -23855,7 +23869,7 @@ and ensure you are accounting for this risk.
     }
   };
   const _hoisted_1$1c = ["src"];
-  const _hoisted_2$R = ["src"];
+  const _hoisted_2$Q = ["src"];
   const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
@@ -24006,7 +24020,7 @@ and ensure you are accounting for this risk.
             class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
             style: styleOverride.value,
             src: finalMainImageUrl.value
-          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$R))
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$Q))
         ], 38);
       };
     }
@@ -24029,7 +24043,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$1b = ["innerHTML"];
-  const _hoisted_2$Q = {
+  const _hoisted_2$P = {
     key: 1,
     class: "lupa-search-box-product-title"
   };
@@ -24056,14 +24070,14 @@ and ensure you are accounting for this risk.
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: sanitizedTitle.value
-        }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, [
+        }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, [
           createBaseVNode("strong", null, toDisplayString(title.value), 1)
         ]));
       };
     }
   });
   const _hoisted_1$1a = ["innerHTML"];
-  const _hoisted_2$P = {
+  const _hoisted_2$O = {
     key: 1,
     class: "lupa-search-box-product-description"
   };
@@ -24090,7 +24104,7 @@ and ensure you are accounting for this risk.
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: sanitizedDescription.value
-        }, null, 8, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", _hoisted_2$O, toDisplayString(description.value), 1));
       };
     }
   });
@@ -24149,7 +24163,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$18 = ["innerHTML"];
-  const _hoisted_2$O = { key: 0 };
+  const _hoisted_2$N = { key: 0 };
   const _hoisted_3$A = { key: 1 };
   const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
@@ -24183,7 +24197,7 @@ and ensure you are accounting for this risk.
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$O, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$A, [
+          !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$A, [
             createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
           ]))
@@ -24306,6 +24320,10 @@ and ensure you are accounting for this risk.
       var _a, _b, _c;
       return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currencyTemplate) != null ? _c : "";
     });
+    const filterTranslations = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.filters) == null ? void 0 : _b.translations) != null ? _c : {};
+    });
     const labeledFilters = computed(
       () => getLabeledFilters(
         unfoldFilters(filters.value, {
@@ -24314,7 +24332,8 @@ and ensure you are accounting for this risk.
           separator: priceSeparator.value,
           currencyTemplate: currencyTemplate.value
         }),
-        facets2.value
+        facets2.value,
+        filterTranslations.value
       )
     );
     const displayFilters = computed(() => {
@@ -24497,7 +24516,7 @@ and ensure you are accounting for this risk.
     };
   });
   const _hoisted_1$16 = { class: "lupa-search-box-add-to-cart-wrapper" };
-  const _hoisted_2$N = { class: "lupa-search-box-product-addtocart" };
+  const _hoisted_2$M = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$z = ["onClick", "disabled"];
   const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
@@ -24534,7 +24553,7 @@ and ensure you are accounting for this risk.
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$16, [
-          createBaseVNode("div", _hoisted_2$N, [
+          createBaseVNode("div", _hoisted_2$M, [
             createBaseVNode("button", mergeProps({
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
               class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
@@ -24648,7 +24667,7 @@ and ensure you are accounting for this risk.
     }
   }));
   const _hoisted_1$14 = { class: "lupa-badge-title" };
-  const _hoisted_2$M = ["src"];
+  const _hoisted_2$L = ["src"];
   const _hoisted_3$y = { key: 1 };
   const _hoisted_4$p = {
     key: 0,
@@ -24691,7 +24710,7 @@ and ensure you are accounting for this risk.
             image.value ? (openBlock(), createElementBlock("img", {
               key: 0,
               src: image.value
-            }, null, 8, _hoisted_2$M)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2$L)) : createCommentVNode("", true),
             hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$y, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
           hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
@@ -24791,7 +24810,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$10 = { class: "lupa-image-badges" };
-  const _hoisted_2$L = ["src"];
+  const _hoisted_2$K = ["src"];
   const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "ImageBadge",
     props: {
@@ -24820,7 +24839,7 @@ and ensure you are accounting for this risk.
             }, [
               createBaseVNode("img", {
                 src: getImageUrl(item)
-              }, null, 8, _hoisted_2$L)
+              }, null, 8, _hoisted_2$K)
             ]);
           }), 128))
         ]);
@@ -24979,7 +24998,7 @@ and ensure you are accounting for this risk.
     }
   }));
   const _hoisted_1$_ = ["href"];
-  const _hoisted_2$K = { class: "lupa-search-box-product-details-section" };
+  const _hoisted_2$J = { class: "lupa-search-box-product-details-section" };
   const _hoisted_3$x = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
@@ -25080,7 +25099,7 @@ and ensure you are accounting for this risk.
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ], 4),
-          createBaseVNode("div", _hoisted_2$K, [
+          createBaseVNode("div", _hoisted_2$J, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
               var _a;
               return openBlock(), createBlock(_sfc_main$1e, {
@@ -25253,6 +25272,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, [
@@ -25283,7 +25305,7 @@ and ensure you are accounting for this risk.
     }
   });
   const _hoisted_1$Y = { class: "lupa-search-box-documents-go-to-results-wrapper" };
-  const _hoisted_2$J = { key: 0 };
+  const _hoisted_2$I = { key: 0 };
   const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsGoToResultsButton",
     props: {
@@ -25320,7 +25342,7 @@ and ensure you are accounting for this risk.
             onClick: goToResults
           }, [
             createTextVNode(toDisplayString(goToResultsLabel.value) + " ", 1),
-            totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$J, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
+            totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$I, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
           ])
         ]);
       };
@@ -25588,7 +25610,7 @@ and ensure you are accounting for this risk.
     key: 0,
     id: "lupa-search-box-panel"
   };
-  const _hoisted_2$I = ["data-cy"];
+  const _hoisted_2$H = ["data-cy"];
   const _hoisted_3$w = {
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
@@ -25808,7 +25830,7 @@ and ensure you are accounting for this risk.
                       key: "0"
                     } : void 0
                   ]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
-                ], 14, _hoisted_2$I);
+                ], 14, _hoisted_2$H);
               }), 128))
             ], 4),
             !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1r, {
@@ -25847,8 +25869,7 @@ and ensure you are accounting for this risk.
     const elements = getElements(triggers);
     elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
   };
-  const _hoisted_1$W = { id: "lupa-search-box" };
-  const _hoisted_2$H = { class: "lupa-search-box-wrapper" };
+  const _hoisted_1$W = { class: "lupa-search-box-wrapper" };
   const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
     props: {
@@ -25873,6 +25894,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 +25931,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 +25942,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 +25952,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 +25968,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 +25998,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 +26146,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,10 +26164,27 @@ 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, [
-          createBaseVNode("div", _hoisted_2$H, [
+        return openBlock(), createElementBlock("div", {
+          id: "lupa-search-box",
+          class: normalizeClass({ "lupa-search-box-opened": opened.value })
+        }, [
+          createBaseVNode("div", _hoisted_1$W, [
             createVNode(_sfc_main$1v, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
@@ -26127,10 +26193,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,
@@ -26153,7 +26219,7 @@ and ensure you are accounting for this risk.
               } : void 0
             ]), 1032, ["options", "inputValue", "isSearchContainer", "focused"])) : createCommentVNode("", true)
           ])
-        ]);
+        ], 2);
       };
     }
   });
@@ -26747,6 +26813,8 @@ and ensure you are accounting for this risk.
     setup(__props, { emit: emit2 }) {
       const props = __props;
       const searchResultStore = useSearchResultStore();
+      const optionsStore = useOptionsStore();
+      const { searchResultOptions } = storeToRefs(optionsStore);
       const facet = computed(() => {
         var _a;
         return (_a = props.facet) != null ? _a : { type: "terms", items: [], key: "" };
@@ -26806,6 +26874,10 @@ and ensure you are accounting for this risk.
         selectedItems = isRange.value && selectedItems ? [rangeFilterToString(selectedItems)] : selectedItems;
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
+      const getItemLabel = (item) => {
+        var _a;
+        return getTranslatedFacetValue(props.facet, item, (_a = searchResultOptions.value.filters) == null ? void 0 : _a.translations);
+      };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$O, [
           isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
@@ -26831,7 +26903,7 @@ and ensure you are accounting for this risk.
                   }, null, 2)
                 ]),
                 createBaseVNode("div", _hoisted_6$8, [
-                  createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
+                  createBaseVNode("span", _hoisted_7$6, toDisplayString(getItemLabel(item)), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ])
               ], 10, _hoisted_4$j);
@@ -28315,7 +28387,9 @@ and ensure you are accounting for this risk.
         return (_a2 = props.currentFilters) != null ? _a2 : {};
       });
       const searchResultStore = useSearchResultStore();
+      const optionsStore = useOptionsStore();
       const { currentFilterKeys } = storeToRefs(searchResultStore);
+      const { searchResultOptions } = storeToRefs(optionsStore);
       const isOpen = ref((_b = (_a = props.options.expand) == null ? void 0 : _a.includes(props.facet.key)) != null ? _b : false);
       const facetPanel = ref(null);
       const facetType = computed(() => {
@@ -28354,6 +28428,10 @@ and ensure you are accounting for this risk.
       const facetKeyClass = computed(() => {
         return `lupa-facet-${facet.value.key}`;
       });
+      const facetLabel = computed(() => {
+        var _a2;
+        return getTranslatedFacetKey(props.facet, (_a2 = searchResultOptions.value.filters) == null ? void 0 : _a2.translations);
+      });
       onMounted(() => {
         var _a2;
         if (((_a2 = props.options.style) == null ? void 0 : _a2.type) === "top-dropdown") {
@@ -28409,7 +28487,7 @@ and ensure you are accounting for this risk.
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$K, toDisplayString(facet.value.label), 1),
+            createBaseVNode("div", _hoisted_1$K, toDisplayString(facetLabel.value), 1),
             createBaseVNode("div", {
               class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
             }, null, 2)
@@ -39599,6 +39677,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 +39759,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 +39840,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 +39861,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 +40307,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 +40323,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 +40332,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 +40348,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;