@getlupa/client 1.17.1 → 1.17.5

package/dist/lupaSearch.js

@@ -7863,6 +7863,14 @@ const formatPriceSummary = ([min, max], currency, separator = ",", currencyTempl
   }
   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;
@@ -7922,11 +7930,12 @@ const unfoldFilters = (filters, price = {}) => {
   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)
     });
   });
 };
@@ -14279,7 +14288,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   };
 });
 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"];
@@ -14376,7 +14385,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     __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
@@ -14459,7 +14468,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   }
 });
 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: {
@@ -14477,7 +14486,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
     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
@@ -14604,7 +14613,7 @@ const generateGridTemplate = (elements) => {
   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"
@@ -14658,7 +14667,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
           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)
@@ -23797,6 +23806,11 @@ const processDisplayCondition = (displayCondition, doc2 = {}) => {
     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;
@@ -23853,7 +23867,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
   }
 };
 const _hoisted_1$1c = ["src"];
-const _hoisted_2$R = ["src"];
+const _hoisted_2$Q = ["src"];
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
   props: {
@@ -24004,7 +24018,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
           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);
     };
   }
@@ -24027,7 +24041,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1b = ["innerHTML"];
-const _hoisted_2$Q = {
+const _hoisted_2$P = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
@@ -24054,14 +24068,14 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         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"
 };
@@ -24088,7 +24102,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         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));
     };
   }
 });
@@ -24147,7 +24161,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 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" };
@@ -24181,7 +24195,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
         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)
         ]))
@@ -24304,6 +24318,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     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, {
@@ -24312,7 +24330,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
         separator: priceSeparator.value,
         currencyTemplate: currencyTemplate.value
       }),
-      facets2.value
+      facets2.value,
+      filterTranslations.value
     )
   );
   const displayFilters = computed(() => {
@@ -24495,7 +24514,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
   };
 });
 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",
@@ -24532,7 +24551,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     });
     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",
@@ -24646,7 +24665,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
   }
 }));
 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,
@@ -24689,7 +24708,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
           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)
@@ -24789,7 +24808,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 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: {
@@ -24818,7 +24837,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
           }, [
             createBaseVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$L)
+            }, null, 8, _hoisted_2$K)
           ]);
         }), 128))
       ]);
@@ -24977,7 +24996,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
   }
 }));
 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"
@@ -25078,7 +25097,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             }, 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, {
@@ -25251,6 +25270,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, [
@@ -25281,7 +25303,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 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: {
@@ -25318,7 +25340,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           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)
         ])
       ]);
     };
@@ -25586,7 +25608,7 @@ const _hoisted_1$X = {
   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"
@@ -25806,7 +25828,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
                     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, {
@@ -25845,8 +25867,7 @@ const unbindSearchTriggers = (triggers = [], event) => {
   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: {
@@ -25871,6 +25892,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 +25929,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 +25940,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 +25950,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 +25966,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 +25996,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 +26144,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,10 +26162,27 @@ 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, [
-        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,
@@ -26125,10 +26191,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,
@@ -26151,7 +26217,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             } : void 0
           ]), 1032, ["options", "inputValue", "isSearchContainer", "focused"])) : createCommentVNode("", true)
         ])
-      ]);
+      ], 2);
     };
   }
 });
@@ -26745,6 +26811,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   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: "" };
@@ -26804,6 +26872,10 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       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", {
@@ -26829,7 +26901,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 }, 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);
@@ -28313,7 +28385,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       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(() => {
@@ -28352,6 +28426,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     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") {
@@ -28407,7 +28485,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
           "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)
@@ -39597,6 +39675,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 +39757,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 +39838,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 +39859,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 +40305,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 +40321,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 +40330,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 +40346,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;