@getlupa/client 1.17.4 → 1.17.6

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, {
@@ -25286,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: {
@@ -25323,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)
           ])
         ]);
       };
@@ -25591,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"
@@ -25811,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, {
@@ -25850,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: {
@@ -26162,8 +26180,11 @@ and ensure you are accounting for this risk.
       };
       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,
@@ -26198,7 +26219,7 @@ and ensure you are accounting for this risk.
               } : void 0
             ]), 1032, ["options", "inputValue", "isSearchContainer", "focused"])) : createCommentVNode("", true)
           ])
-        ]);
+        ], 2);
       };
     }
   });
@@ -26792,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: "" };
@@ -26851,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", {
@@ -26876,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);
@@ -28360,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(() => {
@@ -28399,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") {
@@ -28454,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)
@@ -28956,10 +28989,10 @@ and ensure you are accounting for this risk.
       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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.17.4",
+  "version": "1.17.6",
   "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.4",
+    "@getlupa/vue": "0.17.6",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",
@@ -50,5 +50,6 @@
     "vitest": "^0.32.0",
     "vue": "^3.3.4",
     "vue-tsc": "^1.6.5"
-  }
+  },
+  "packageManager": "yarn@1.22.19"
 }