@getlupa/client 1.17.4 → 1.17.6

package/dist/lupaSearch.mjs

@@ -7861,6 +7861,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;
@@ -7920,11 +7928,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)
     });
   });
 };
@@ -14277,7 +14286,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"];
@@ -14374,7 +14383,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
@@ -14457,7 +14466,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: {
@@ -14475,7 +14484,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
@@ -14602,7 +14611,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"
@@ -14656,7 +14665,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)
@@ -23795,6 +23804,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;
@@ -23851,7 +23865,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: {
@@ -24002,7 +24016,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);
     };
   }
@@ -24025,7 +24039,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"
 };
@@ -24052,14 +24066,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"
 };
@@ -24086,7 +24100,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));
     };
   }
 });
@@ -24145,7 +24159,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" };
@@ -24179,7 +24193,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)
         ]))
@@ -24302,6 +24316,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, {
@@ -24310,7 +24328,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
         separator: priceSeparator.value,
         currencyTemplate: currencyTemplate.value
       }),
-      facets2.value
+      facets2.value,
+      filterTranslations.value
     )
   );
   const displayFilters = computed(() => {
@@ -24493,7 +24512,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",
@@ -24530,7 +24549,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",
@@ -24644,7 +24663,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,
@@ -24687,7 +24706,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)
@@ -24787,7 +24806,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: {
@@ -24816,7 +24835,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
           }, [
             createBaseVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$L)
+            }, null, 8, _hoisted_2$K)
           ]);
         }), 128))
       ]);
@@ -24975,7 +24994,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"
@@ -25076,7 +25095,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, {
@@ -25282,7 +25301,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: {
@@ -25319,7 +25338,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)
         ])
       ]);
     };
@@ -25587,7 +25606,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"
@@ -25807,7 +25826,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, {
@@ -25846,8 +25865,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: {
@@ -26158,8 +26176,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
     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,
@@ -26194,7 +26215,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             } : void 0
           ]), 1032, ["options", "inputValue", "isSearchContainer", "focused"])) : createCommentVNode("", true)
         ])
-      ]);
+      ], 2);
     };
   }
 });
@@ -26788,6 +26809,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: "" };
@@ -26847,6 +26870,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", {
@@ -26872,7 +26899,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);
@@ -28356,7 +28383,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(() => {
@@ -28395,6 +28424,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") {
@@ -28450,7 +28483,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)
@@ -28952,10 +28985,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const activeLabel = computed(() => props.labels.mobileFilterButtonActive);
     const openLabel = computed(() => props.labels.mobileFilterButtonOpen);
     const label = computed(() => {
-      if (isSidebarVisible.value) {
+      if (isSidebarVisible.value && openLabel.value) {
         return openLabel.value;
       }
-      if (hasActiveFilters.value) {
+      if (hasActiveFilters.value && activeLabel.value) {
         return activeLabel.value;
       }
       return defaultLabel.value;