@getlupa/client 1.11.9 → 1.12.1

package/dist/lupaSearch.iife.js

@@ -7382,23 +7382,34 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const useScreenStore = defineStore("screen", () => {
     const screenWidth = ref(1e3);
+    const optionsStore = useOptionsStore();
+    const configuredGridSizes = computed(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+      return {
+        smMin: (_d = (_c = (_b = (_a = optionsStore.searchResultOptions) == null ? void 0 : _a.grid) == null ? void 0 : _b.sizes) == null ? void 0 : _c.sm) != null ? _d : S_MIN_WIDTH,
+        mdMin: (_h = (_g = (_f = (_e = optionsStore.searchResultOptions) == null ? void 0 : _e.grid) == null ? void 0 : _f.sizes) == null ? void 0 : _g.md) != null ? _h : MD_MIN_WIDTH,
+        lMin: (_l = (_k = (_j = (_i = optionsStore.searchResultOptions) == null ? void 0 : _i.grid) == null ? void 0 : _j.sizes) == null ? void 0 : _k.l) != null ? _l : L_MIN_WIDTH,
+        xlMin: (_p = (_o = (_n = (_m = optionsStore.searchResultOptions) == null ? void 0 : _m.grid) == null ? void 0 : _n.sizes) == null ? void 0 : _o.xl) != null ? _p : XL_MIN_WIDTH
+      };
+    });
     const currentScreenWidth = computed(() => {
       const width = screenWidth.value;
-      if (width <= S_MIN_WIDTH) {
+      if (width <= configuredGridSizes.value.smMin) {
         return "xs";
-      } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
+      } else if (width > configuredGridSizes.value.smMin && width <= configuredGridSizes.value.mdMin) {
         return "sm";
-      } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
+      } else if (width > configuredGridSizes.value.mdMin && width <= configuredGridSizes.value.lMin) {
         return "md";
-      } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
+      } else if (width > configuredGridSizes.value.lMin && width <= configuredGridSizes.value.xlMin) {
         return "l";
       } else {
         return "xl";
       }
     });
-    const isMobileWidth = computed(
-      () => currentScreenWidth.value === "sm" || currentScreenWidth.value === "xs"
-    );
+    const isMobileWidth = computed(() => {
+      var _a;
+      return (_a = ["xs", "sm"]) == null ? void 0 : _a.includes(currentScreenWidth.value);
+    });
     const setScreenWidth = ({ width }) => {
       screenWidth.value = width;
     };
@@ -9407,6 +9418,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const isMobileSidebarVisible = ref(false);
     const optionsStore = useOptionsStore();
     const paramsStore = useParamsStore();
+    const screenStore = useScreenStore();
     const { searchResultOptions } = storeToRefs(optionsStore);
     const facets = computed(() => searchResult.value.facets);
     const filters = computed(() => searchResult.value.filters);
@@ -9452,6 +9464,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       var _a;
       return Object.keys((_a = filters.value) != null ? _a : {}).length > 0;
     });
+    const hideFiltersOnExactMatchForKeys = computed(() => {
+      var _a, _b, _c, _d;
+      return (_d = (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.filters) == null ? void 0 : _b.facets) == null ? void 0 : _c.hideFiltersOnExactMatchForKeys) != null ? _d : [];
+    });
     const itemRange = computed(() => {
       var _a, _b;
       const limit = (_a = paramsStore.limit) != null ? _a : 0;
@@ -9505,20 +9521,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { searchResult: newSearchResult };
     };
     const setColumnCount = ({ width, grid }) => {
+      var _a;
       if (!width || !grid) {
         return;
       }
-      if (width <= S_MIN_WIDTH) {
-        columnCount.value = grid.columns.xs;
-      } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
-        columnCount.value = grid.columns.sm;
-      } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
-        columnCount.value = grid.columns.md;
-      } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
-        columnCount.value = grid.columns.l;
-      } else {
-        columnCount.value = grid.columns.xl;
-      }
+      screenStore.setScreenWidth({ width });
+      const { currentScreenWidth } = storeToRefs(screenStore);
+      const screenWidth = (_a = currentScreenWidth.value) != null ? _a : "xl";
+      columnCount.value = grid.columns[screenWidth];
     };
     const setAddToCartAmount = (newAddToCartAmount) => {
       if (!newAddToCartAmount) {
@@ -9538,6 +9548,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const clearSearchResult = () => {
       searchResult.value = {};
     };
+    const filterVisibleFilterValues = (key, items = []) => {
+      var _a;
+      if (!((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.length) || !hideFiltersOnExactMatchForKeys.value.includes(key) || !items.length) {
+        return items;
+      }
+      const searchInput = getNormalizedString(currentQueryText.value);
+      const hasExactMatch = items.some((item) => getNormalizedString(item.title) === searchInput);
+      return hasExactMatch ? items.filter((item) => getNormalizedString(item.title) === searchInput) : items;
+    };
     return {
       isMobileSidebarVisible,
       searchResult,
@@ -9557,6 +9576,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       hasAnyFilter,
       itemRange,
       isPageEmpty,
+      hideFiltersOnExactMatchForKeys,
       setSidebarState,
       queryFacet,
       add: add2,
@@ -9564,7 +9584,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       setAddToCartAmount,
       setLayout,
       setLoading,
-      clearSearchResult
+      clearSearchResult,
+      filterVisibleFilterValues
     };
   });
   const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
@@ -11277,11 +11298,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const paramsStore = useParamsStore();
       const optionStore = useOptionsStore();
       const searchResultStore = useSearchResultStore();
-      const { filters, displayFilters, currentFilterCount } = storeToRefs(searchResultStore);
+      const {
+        filters,
+        displayFilters,
+        currentFilterCount,
+        hideFiltersOnExactMatchForKeys,
+        currentQueryText
+      } = storeToRefs(searchResultStore);
       const currentFilters = computed(() => filters.value);
+      const currentDisplayFilters = computed(
+        () => hideFiltersOnExactMatchForKeys.value.length ? displayFilters.value.filter(
+          (f2) => {
+            var _a;
+            return !((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.includes(f2.key)) && getNormalizedString(currentQueryText.value) !== getNormalizedString(f2.label);
+          }
+        ) : displayFilters.value
+      );
       const hasFilters = computed(() => {
         var _a;
-        return ((_a = displayFilters.value) == null ? void 0 : _a.length) > 0;
+        return ((_a = currentDisplayFilters.value) == null ? void 0 : _a.length) > 0;
       });
       const handleClearAll = () => {
         paramsStore.removeAllFilters();
@@ -11338,7 +11373,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ]),
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
             createBaseVNode("div", _hoisted_4$k, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
                 return openBlock(), createBlock(_sfc_main$R, {
                   key: filter.key + "_" + filter.value,
                   filter,
@@ -11551,11 +11586,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     emits: ["select"],
     setup(__props, { emit: emit2 }) {
       const props = __props;
+      const searchResultStore = useSearchResultStore();
       const facet = computed(() => {
         var _a;
         return (_a = props.facet) != null ? _a : { type: "terms", items: [], key: "" };
       });
-      const currentFiltersaValue = computed(() => {
+      const currentFiltersValue = computed(() => {
         var _a;
         return (_a = props.currentFilters) != null ? _a : [];
       });
@@ -11566,22 +11602,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const allValues = computed(() => {
         var _a, _b;
-        return (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : [];
+        return searchResultStore.filterVisibleFilterValues(facet.value.key, (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : []);
       });
       const displayValues = computed(() => {
         return filteredValues.value.slice(0, itemLimit.value).map((v) => __spreadProps2(__spreadValues2({}, v), { title: getDisplayValue(v.title) }));
       });
       const filteredValues = computed(() => {
-        return isFilterable.value ? allValues.value.filter(
+        var _a, _b;
+        return isFilterable.value ? (_a = allValues.value) == null ? void 0 : _a.filter(
           (v) => {
-            var _a;
-            return (_a = getNormalizedString(v.title)) == null ? void 0 : _a.includes(getNormalizedString(termFilter.value));
+            var _a2;
+            return (_a2 = getNormalizedString(v.title)) == null ? void 0 : _a2.includes(getNormalizedString(termFilter.value));
           }
-        ) : allValues.value;
+        ) : (_b = allValues.value) != null ? _b : [];
       });
       const isFilterable = computed(() => {
-        var _a, _b;
-        return allValues.value.length >= ((_b = (_a = props.options.filterable) == null ? void 0 : _a.minValues) != null ? _b : MAX_FACET_VALUES);
+        var _a, _b, _c;
+        return ((_a = allValues.value) == null ? void 0 : _a.length) >= ((_c = (_b = props.options.filterable) == null ? void 0 : _b.minValues) != null ? _c : MAX_FACET_VALUES);
       });
       const isRange = computed(() => {
         return facet.value.type === "range";
@@ -11605,7 +11642,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const isChecked = (item) => {
         var _a, _b;
-        let selectedItems = (_a = currentFiltersaValue.value) != null ? _a : [];
+        let selectedItems = (_a = currentFiltersValue.value) != null ? _a : [];
         selectedItems = isRange.value && selectedItems ? [rangeFilterToString(selectedItems)] : selectedItems;
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
@@ -15519,8 +15556,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handleResize = () => {
         const doc2 = document.documentElement;
         doc2.style.setProperty("--lupa-full-height", `${window.innerHeight}px`);
-        searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
         screenStore.setScreenWidth({ width: window.innerWidth });
+        searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
       };
       const handleUrlChange = (params) => {
         var _a;

package/dist/lupaSearch.js

@@ -7382,23 +7382,34 @@ const DEFAULT_OPTIONS_RESULTS$1 = {
 };
 const useScreenStore = defineStore("screen", () => {
   const screenWidth = ref(1e3);
+  const optionsStore = useOptionsStore();
+  const configuredGridSizes = computed(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    return {
+      smMin: (_d = (_c = (_b = (_a = optionsStore.searchResultOptions) == null ? void 0 : _a.grid) == null ? void 0 : _b.sizes) == null ? void 0 : _c.sm) != null ? _d : S_MIN_WIDTH,
+      mdMin: (_h = (_g = (_f = (_e = optionsStore.searchResultOptions) == null ? void 0 : _e.grid) == null ? void 0 : _f.sizes) == null ? void 0 : _g.md) != null ? _h : MD_MIN_WIDTH,
+      lMin: (_l = (_k = (_j = (_i = optionsStore.searchResultOptions) == null ? void 0 : _i.grid) == null ? void 0 : _j.sizes) == null ? void 0 : _k.l) != null ? _l : L_MIN_WIDTH,
+      xlMin: (_p = (_o = (_n = (_m = optionsStore.searchResultOptions) == null ? void 0 : _m.grid) == null ? void 0 : _n.sizes) == null ? void 0 : _o.xl) != null ? _p : XL_MIN_WIDTH
+    };
+  });
   const currentScreenWidth = computed(() => {
     const width = screenWidth.value;
-    if (width <= S_MIN_WIDTH) {
+    if (width <= configuredGridSizes.value.smMin) {
       return "xs";
-    } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
+    } else if (width > configuredGridSizes.value.smMin && width <= configuredGridSizes.value.mdMin) {
       return "sm";
-    } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
+    } else if (width > configuredGridSizes.value.mdMin && width <= configuredGridSizes.value.lMin) {
       return "md";
-    } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
+    } else if (width > configuredGridSizes.value.lMin && width <= configuredGridSizes.value.xlMin) {
       return "l";
     } else {
       return "xl";
     }
   });
-  const isMobileWidth = computed(
-    () => currentScreenWidth.value === "sm" || currentScreenWidth.value === "xs"
-  );
+  const isMobileWidth = computed(() => {
+    var _a;
+    return (_a = ["xs", "sm"]) == null ? void 0 : _a.includes(currentScreenWidth.value);
+  });
   const setScreenWidth = ({ width }) => {
     screenWidth.value = width;
   };
@@ -9407,6 +9418,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const isMobileSidebarVisible = ref(false);
   const optionsStore = useOptionsStore();
   const paramsStore = useParamsStore();
+  const screenStore = useScreenStore();
   const { searchResultOptions } = storeToRefs(optionsStore);
   const facets = computed(() => searchResult.value.facets);
   const filters = computed(() => searchResult.value.filters);
@@ -9452,6 +9464,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     var _a;
     return Object.keys((_a = filters.value) != null ? _a : {}).length > 0;
   });
+  const hideFiltersOnExactMatchForKeys = computed(() => {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.filters) == null ? void 0 : _b.facets) == null ? void 0 : _c.hideFiltersOnExactMatchForKeys) != null ? _d : [];
+  });
   const itemRange = computed(() => {
     var _a, _b;
     const limit = (_a = paramsStore.limit) != null ? _a : 0;
@@ -9505,20 +9521,14 @@ const useSearchResultStore = defineStore("searchResult", () => {
     return { searchResult: newSearchResult };
   };
   const setColumnCount = ({ width, grid }) => {
+    var _a;
     if (!width || !grid) {
       return;
     }
-    if (width <= S_MIN_WIDTH) {
-      columnCount.value = grid.columns.xs;
-    } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
-      columnCount.value = grid.columns.sm;
-    } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
-      columnCount.value = grid.columns.md;
-    } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
-      columnCount.value = grid.columns.l;
-    } else {
-      columnCount.value = grid.columns.xl;
-    }
+    screenStore.setScreenWidth({ width });
+    const { currentScreenWidth } = storeToRefs(screenStore);
+    const screenWidth = (_a = currentScreenWidth.value) != null ? _a : "xl";
+    columnCount.value = grid.columns[screenWidth];
   };
   const setAddToCartAmount = (newAddToCartAmount) => {
     if (!newAddToCartAmount) {
@@ -9538,6 +9548,15 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const clearSearchResult = () => {
     searchResult.value = {};
   };
+  const filterVisibleFilterValues = (key, items = []) => {
+    var _a;
+    if (!((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.length) || !hideFiltersOnExactMatchForKeys.value.includes(key) || !items.length) {
+      return items;
+    }
+    const searchInput = getNormalizedString(currentQueryText.value);
+    const hasExactMatch = items.some((item) => getNormalizedString(item.title) === searchInput);
+    return hasExactMatch ? items.filter((item) => getNormalizedString(item.title) === searchInput) : items;
+  };
   return {
     isMobileSidebarVisible,
     searchResult,
@@ -9557,6 +9576,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
     hasAnyFilter,
     itemRange,
     isPageEmpty,
+    hideFiltersOnExactMatchForKeys,
     setSidebarState,
     queryFacet,
     add: add2,
@@ -9564,7 +9584,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
     setAddToCartAmount,
     setLayout,
     setLoading,
-    clearSearchResult
+    clearSearchResult,
+    filterVisibleFilterValues
   };
 });
 const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
@@ -11277,11 +11298,25 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     const paramsStore = useParamsStore();
     const optionStore = useOptionsStore();
     const searchResultStore = useSearchResultStore();
-    const { filters, displayFilters, currentFilterCount } = storeToRefs(searchResultStore);
+    const {
+      filters,
+      displayFilters,
+      currentFilterCount,
+      hideFiltersOnExactMatchForKeys,
+      currentQueryText
+    } = storeToRefs(searchResultStore);
     const currentFilters = computed(() => filters.value);
+    const currentDisplayFilters = computed(
+      () => hideFiltersOnExactMatchForKeys.value.length ? displayFilters.value.filter(
+        (f2) => {
+          var _a;
+          return !((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.includes(f2.key)) && getNormalizedString(currentQueryText.value) !== getNormalizedString(f2.label);
+        }
+      ) : displayFilters.value
+    );
     const hasFilters = computed(() => {
       var _a;
-      return ((_a = displayFilters.value) == null ? void 0 : _a.length) > 0;
+      return ((_a = currentDisplayFilters.value) == null ? void 0 : _a.length) > 0;
     });
     const handleClearAll = () => {
       paramsStore.removeAllFilters();
@@ -11338,7 +11373,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         ]),
         !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
           createBaseVNode("div", _hoisted_4$k, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
               return openBlock(), createBlock(_sfc_main$R, {
                 key: filter.key + "_" + filter.value,
                 filter,
@@ -11551,11 +11586,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   emits: ["select"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
+    const searchResultStore = useSearchResultStore();
     const facet = computed(() => {
       var _a;
       return (_a = props.facet) != null ? _a : { type: "terms", items: [], key: "" };
     });
-    const currentFiltersaValue = computed(() => {
+    const currentFiltersValue = computed(() => {
       var _a;
       return (_a = props.currentFilters) != null ? _a : [];
     });
@@ -11566,22 +11602,23 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     });
     const allValues = computed(() => {
       var _a, _b;
-      return (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : [];
+      return searchResultStore.filterVisibleFilterValues(facet.value.key, (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : []);
     });
     const displayValues = computed(() => {
       return filteredValues.value.slice(0, itemLimit.value).map((v) => __spreadProps2(__spreadValues2({}, v), { title: getDisplayValue(v.title) }));
     });
     const filteredValues = computed(() => {
-      return isFilterable.value ? allValues.value.filter(
+      var _a, _b;
+      return isFilterable.value ? (_a = allValues.value) == null ? void 0 : _a.filter(
         (v) => {
-          var _a;
-          return (_a = getNormalizedString(v.title)) == null ? void 0 : _a.includes(getNormalizedString(termFilter.value));
+          var _a2;
+          return (_a2 = getNormalizedString(v.title)) == null ? void 0 : _a2.includes(getNormalizedString(termFilter.value));
         }
-      ) : allValues.value;
+      ) : (_b = allValues.value) != null ? _b : [];
     });
     const isFilterable = computed(() => {
-      var _a, _b;
-      return allValues.value.length >= ((_b = (_a = props.options.filterable) == null ? void 0 : _a.minValues) != null ? _b : MAX_FACET_VALUES);
+      var _a, _b, _c;
+      return ((_a = allValues.value) == null ? void 0 : _a.length) >= ((_c = (_b = props.options.filterable) == null ? void 0 : _b.minValues) != null ? _c : MAX_FACET_VALUES);
     });
     const isRange = computed(() => {
       return facet.value.type === "range";
@@ -11605,7 +11642,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
     const isChecked = (item) => {
       var _a, _b;
-      let selectedItems = (_a = currentFiltersaValue.value) != null ? _a : [];
+      let selectedItems = (_a = currentFiltersValue.value) != null ? _a : [];
       selectedItems = isRange.value && selectedItems ? [rangeFilterToString(selectedItems)] : selectedItems;
       return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
     };
@@ -15519,8 +15556,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const handleResize = () => {
       const doc2 = document.documentElement;
       doc2.style.setProperty("--lupa-full-height", `${window.innerHeight}px`);
-      searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
       screenStore.setScreenWidth({ width: window.innerWidth });
+      searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
     };
     const handleUrlChange = (params) => {
       var _a;

package/dist/lupaSearch.mjs

@@ -7380,23 +7380,34 @@ const DEFAULT_OPTIONS_RESULTS$1 = {
 };
 const useScreenStore = defineStore("screen", () => {
   const screenWidth = ref(1e3);
+  const optionsStore = useOptionsStore();
+  const configuredGridSizes = computed(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    return {
+      smMin: (_d = (_c = (_b = (_a = optionsStore.searchResultOptions) == null ? void 0 : _a.grid) == null ? void 0 : _b.sizes) == null ? void 0 : _c.sm) != null ? _d : S_MIN_WIDTH,
+      mdMin: (_h = (_g = (_f = (_e = optionsStore.searchResultOptions) == null ? void 0 : _e.grid) == null ? void 0 : _f.sizes) == null ? void 0 : _g.md) != null ? _h : MD_MIN_WIDTH,
+      lMin: (_l = (_k = (_j = (_i = optionsStore.searchResultOptions) == null ? void 0 : _i.grid) == null ? void 0 : _j.sizes) == null ? void 0 : _k.l) != null ? _l : L_MIN_WIDTH,
+      xlMin: (_p = (_o = (_n = (_m = optionsStore.searchResultOptions) == null ? void 0 : _m.grid) == null ? void 0 : _n.sizes) == null ? void 0 : _o.xl) != null ? _p : XL_MIN_WIDTH
+    };
+  });
   const currentScreenWidth = computed(() => {
     const width = screenWidth.value;
-    if (width <= S_MIN_WIDTH) {
+    if (width <= configuredGridSizes.value.smMin) {
       return "xs";
-    } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
+    } else if (width > configuredGridSizes.value.smMin && width <= configuredGridSizes.value.mdMin) {
       return "sm";
-    } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
+    } else if (width > configuredGridSizes.value.mdMin && width <= configuredGridSizes.value.lMin) {
       return "md";
-    } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
+    } else if (width > configuredGridSizes.value.lMin && width <= configuredGridSizes.value.xlMin) {
       return "l";
     } else {
       return "xl";
     }
   });
-  const isMobileWidth = computed(
-    () => currentScreenWidth.value === "sm" || currentScreenWidth.value === "xs"
-  );
+  const isMobileWidth = computed(() => {
+    var _a;
+    return (_a = ["xs", "sm"]) == null ? void 0 : _a.includes(currentScreenWidth.value);
+  });
   const setScreenWidth = ({ width }) => {
     screenWidth.value = width;
   };
@@ -9405,6 +9416,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const isMobileSidebarVisible = ref(false);
   const optionsStore = useOptionsStore();
   const paramsStore = useParamsStore();
+  const screenStore = useScreenStore();
   const { searchResultOptions } = storeToRefs(optionsStore);
   const facets = computed(() => searchResult.value.facets);
   const filters = computed(() => searchResult.value.filters);
@@ -9450,6 +9462,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     var _a;
     return Object.keys((_a = filters.value) != null ? _a : {}).length > 0;
   });
+  const hideFiltersOnExactMatchForKeys = computed(() => {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.filters) == null ? void 0 : _b.facets) == null ? void 0 : _c.hideFiltersOnExactMatchForKeys) != null ? _d : [];
+  });
   const itemRange = computed(() => {
     var _a, _b;
     const limit = (_a = paramsStore.limit) != null ? _a : 0;
@@ -9503,20 +9519,14 @@ const useSearchResultStore = defineStore("searchResult", () => {
     return { searchResult: newSearchResult };
   };
   const setColumnCount = ({ width, grid }) => {
+    var _a;
     if (!width || !grid) {
       return;
     }
-    if (width <= S_MIN_WIDTH) {
-      columnCount.value = grid.columns.xs;
-    } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
-      columnCount.value = grid.columns.sm;
-    } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
-      columnCount.value = grid.columns.md;
-    } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
-      columnCount.value = grid.columns.l;
-    } else {
-      columnCount.value = grid.columns.xl;
-    }
+    screenStore.setScreenWidth({ width });
+    const { currentScreenWidth } = storeToRefs(screenStore);
+    const screenWidth = (_a = currentScreenWidth.value) != null ? _a : "xl";
+    columnCount.value = grid.columns[screenWidth];
   };
   const setAddToCartAmount = (newAddToCartAmount) => {
     if (!newAddToCartAmount) {
@@ -9536,6 +9546,15 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const clearSearchResult = () => {
     searchResult.value = {};
   };
+  const filterVisibleFilterValues = (key, items = []) => {
+    var _a;
+    if (!((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.length) || !hideFiltersOnExactMatchForKeys.value.includes(key) || !items.length) {
+      return items;
+    }
+    const searchInput = getNormalizedString(currentQueryText.value);
+    const hasExactMatch = items.some((item) => getNormalizedString(item.title) === searchInput);
+    return hasExactMatch ? items.filter((item) => getNormalizedString(item.title) === searchInput) : items;
+  };
   return {
     isMobileSidebarVisible,
     searchResult,
@@ -9555,6 +9574,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
     hasAnyFilter,
     itemRange,
     isPageEmpty,
+    hideFiltersOnExactMatchForKeys,
     setSidebarState,
     queryFacet,
     add: add2,
@@ -9562,7 +9582,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
     setAddToCartAmount,
     setLayout,
     setLoading,
-    clearSearchResult
+    clearSearchResult,
+    filterVisibleFilterValues
   };
 });
 const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
@@ -11275,11 +11296,25 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     const paramsStore = useParamsStore();
     const optionStore = useOptionsStore();
     const searchResultStore = useSearchResultStore();
-    const { filters, displayFilters, currentFilterCount } = storeToRefs(searchResultStore);
+    const {
+      filters,
+      displayFilters,
+      currentFilterCount,
+      hideFiltersOnExactMatchForKeys,
+      currentQueryText
+    } = storeToRefs(searchResultStore);
     const currentFilters = computed(() => filters.value);
+    const currentDisplayFilters = computed(
+      () => hideFiltersOnExactMatchForKeys.value.length ? displayFilters.value.filter(
+        (f2) => {
+          var _a;
+          return !((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.includes(f2.key)) && getNormalizedString(currentQueryText.value) !== getNormalizedString(f2.label);
+        }
+      ) : displayFilters.value
+    );
     const hasFilters = computed(() => {
       var _a;
-      return ((_a = displayFilters.value) == null ? void 0 : _a.length) > 0;
+      return ((_a = currentDisplayFilters.value) == null ? void 0 : _a.length) > 0;
     });
     const handleClearAll = () => {
       paramsStore.removeAllFilters();
@@ -11336,7 +11371,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         ]),
         !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
           createBaseVNode("div", _hoisted_4$k, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
               return openBlock(), createBlock(_sfc_main$R, {
                 key: filter.key + "_" + filter.value,
                 filter,
@@ -11549,11 +11584,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   emits: ["select"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
+    const searchResultStore = useSearchResultStore();
     const facet = computed(() => {
       var _a;
       return (_a = props.facet) != null ? _a : { type: "terms", items: [], key: "" };
     });
-    const currentFiltersaValue = computed(() => {
+    const currentFiltersValue = computed(() => {
       var _a;
       return (_a = props.currentFilters) != null ? _a : [];
     });
@@ -11564,22 +11600,23 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     });
     const allValues = computed(() => {
       var _a, _b;
-      return (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : [];
+      return searchResultStore.filterVisibleFilterValues(facet.value.key, (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : []);
     });
     const displayValues = computed(() => {
       return filteredValues.value.slice(0, itemLimit.value).map((v) => __spreadProps2(__spreadValues2({}, v), { title: getDisplayValue(v.title) }));
     });
     const filteredValues = computed(() => {
-      return isFilterable.value ? allValues.value.filter(
+      var _a, _b;
+      return isFilterable.value ? (_a = allValues.value) == null ? void 0 : _a.filter(
         (v) => {
-          var _a;
-          return (_a = getNormalizedString(v.title)) == null ? void 0 : _a.includes(getNormalizedString(termFilter.value));
+          var _a2;
+          return (_a2 = getNormalizedString(v.title)) == null ? void 0 : _a2.includes(getNormalizedString(termFilter.value));
         }
-      ) : allValues.value;
+      ) : (_b = allValues.value) != null ? _b : [];
     });
     const isFilterable = computed(() => {
-      var _a, _b;
-      return allValues.value.length >= ((_b = (_a = props.options.filterable) == null ? void 0 : _a.minValues) != null ? _b : MAX_FACET_VALUES);
+      var _a, _b, _c;
+      return ((_a = allValues.value) == null ? void 0 : _a.length) >= ((_c = (_b = props.options.filterable) == null ? void 0 : _b.minValues) != null ? _c : MAX_FACET_VALUES);
     });
     const isRange = computed(() => {
       return facet.value.type === "range";
@@ -11603,7 +11640,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
     const isChecked = (item) => {
       var _a, _b;
-      let selectedItems = (_a = currentFiltersaValue.value) != null ? _a : [];
+      let selectedItems = (_a = currentFiltersValue.value) != null ? _a : [];
       selectedItems = isRange.value && selectedItems ? [rangeFilterToString(selectedItems)] : selectedItems;
       return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
     };
@@ -15517,8 +15554,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const handleResize = () => {
       const doc2 = document.documentElement;
       doc2.style.setProperty("--lupa-full-height", `${window.innerHeight}px`);
-      searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
       screenStore.setScreenWidth({ width: window.innerWidth });
+      searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
     };
     const handleUrlChange = (params) => {
       var _a;

package/dist/lupaSearch.umd.js

@@ -7384,23 +7384,34 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const useScreenStore = defineStore("screen", () => {
     const screenWidth = ref(1e3);
+    const optionsStore = useOptionsStore();
+    const configuredGridSizes = computed(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+      return {
+        smMin: (_d = (_c = (_b = (_a = optionsStore.searchResultOptions) == null ? void 0 : _a.grid) == null ? void 0 : _b.sizes) == null ? void 0 : _c.sm) != null ? _d : S_MIN_WIDTH,
+        mdMin: (_h = (_g = (_f = (_e = optionsStore.searchResultOptions) == null ? void 0 : _e.grid) == null ? void 0 : _f.sizes) == null ? void 0 : _g.md) != null ? _h : MD_MIN_WIDTH,
+        lMin: (_l = (_k = (_j = (_i = optionsStore.searchResultOptions) == null ? void 0 : _i.grid) == null ? void 0 : _j.sizes) == null ? void 0 : _k.l) != null ? _l : L_MIN_WIDTH,
+        xlMin: (_p = (_o = (_n = (_m = optionsStore.searchResultOptions) == null ? void 0 : _m.grid) == null ? void 0 : _n.sizes) == null ? void 0 : _o.xl) != null ? _p : XL_MIN_WIDTH
+      };
+    });
     const currentScreenWidth = computed(() => {
       const width = screenWidth.value;
-      if (width <= S_MIN_WIDTH) {
+      if (width <= configuredGridSizes.value.smMin) {
         return "xs";
-      } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
+      } else if (width > configuredGridSizes.value.smMin && width <= configuredGridSizes.value.mdMin) {
         return "sm";
-      } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
+      } else if (width > configuredGridSizes.value.mdMin && width <= configuredGridSizes.value.lMin) {
         return "md";
-      } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
+      } else if (width > configuredGridSizes.value.lMin && width <= configuredGridSizes.value.xlMin) {
         return "l";
       } else {
         return "xl";
       }
     });
-    const isMobileWidth = computed(
-      () => currentScreenWidth.value === "sm" || currentScreenWidth.value === "xs"
-    );
+    const isMobileWidth = computed(() => {
+      var _a;
+      return (_a = ["xs", "sm"]) == null ? void 0 : _a.includes(currentScreenWidth.value);
+    });
     const setScreenWidth = ({ width }) => {
       screenWidth.value = width;
     };
@@ -9409,6 +9420,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const isMobileSidebarVisible = ref(false);
     const optionsStore = useOptionsStore();
     const paramsStore = useParamsStore();
+    const screenStore = useScreenStore();
     const { searchResultOptions } = storeToRefs(optionsStore);
     const facets = computed(() => searchResult.value.facets);
     const filters = computed(() => searchResult.value.filters);
@@ -9454,6 +9466,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       var _a;
       return Object.keys((_a = filters.value) != null ? _a : {}).length > 0;
     });
+    const hideFiltersOnExactMatchForKeys = computed(() => {
+      var _a, _b, _c, _d;
+      return (_d = (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.filters) == null ? void 0 : _b.facets) == null ? void 0 : _c.hideFiltersOnExactMatchForKeys) != null ? _d : [];
+    });
     const itemRange = computed(() => {
       var _a, _b;
       const limit = (_a = paramsStore.limit) != null ? _a : 0;
@@ -9507,20 +9523,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return { searchResult: newSearchResult };
     };
     const setColumnCount = ({ width, grid }) => {
+      var _a;
       if (!width || !grid) {
         return;
       }
-      if (width <= S_MIN_WIDTH) {
-        columnCount.value = grid.columns.xs;
-      } else if (width > S_MIN_WIDTH && width <= MD_MIN_WIDTH) {
-        columnCount.value = grid.columns.sm;
-      } else if (width > MD_MIN_WIDTH && width <= L_MIN_WIDTH) {
-        columnCount.value = grid.columns.md;
-      } else if (width > L_MIN_WIDTH && width <= XL_MIN_WIDTH) {
-        columnCount.value = grid.columns.l;
-      } else {
-        columnCount.value = grid.columns.xl;
-      }
+      screenStore.setScreenWidth({ width });
+      const { currentScreenWidth } = storeToRefs(screenStore);
+      const screenWidth = (_a = currentScreenWidth.value) != null ? _a : "xl";
+      columnCount.value = grid.columns[screenWidth];
     };
     const setAddToCartAmount = (newAddToCartAmount) => {
       if (!newAddToCartAmount) {
@@ -9540,6 +9550,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const clearSearchResult = () => {
       searchResult.value = {};
     };
+    const filterVisibleFilterValues = (key, items = []) => {
+      var _a;
+      if (!((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.length) || !hideFiltersOnExactMatchForKeys.value.includes(key) || !items.length) {
+        return items;
+      }
+      const searchInput = getNormalizedString(currentQueryText.value);
+      const hasExactMatch = items.some((item) => getNormalizedString(item.title) === searchInput);
+      return hasExactMatch ? items.filter((item) => getNormalizedString(item.title) === searchInput) : items;
+    };
     return {
       isMobileSidebarVisible,
       searchResult,
@@ -9559,6 +9578,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       hasAnyFilter,
       itemRange,
       isPageEmpty,
+      hideFiltersOnExactMatchForKeys,
       setSidebarState,
       queryFacet,
       add: add2,
@@ -9566,7 +9586,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       setAddToCartAmount,
       setLayout,
       setLoading,
-      clearSearchResult
+      clearSearchResult,
+      filterVisibleFilterValues
     };
   });
   const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
@@ -11279,11 +11300,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const paramsStore = useParamsStore();
       const optionStore = useOptionsStore();
       const searchResultStore = useSearchResultStore();
-      const { filters, displayFilters, currentFilterCount } = storeToRefs(searchResultStore);
+      const {
+        filters,
+        displayFilters,
+        currentFilterCount,
+        hideFiltersOnExactMatchForKeys,
+        currentQueryText
+      } = storeToRefs(searchResultStore);
       const currentFilters = computed(() => filters.value);
+      const currentDisplayFilters = computed(
+        () => hideFiltersOnExactMatchForKeys.value.length ? displayFilters.value.filter(
+          (f2) => {
+            var _a;
+            return !((_a = hideFiltersOnExactMatchForKeys.value) == null ? void 0 : _a.includes(f2.key)) && getNormalizedString(currentQueryText.value) !== getNormalizedString(f2.label);
+          }
+        ) : displayFilters.value
+      );
       const hasFilters = computed(() => {
         var _a;
-        return ((_a = displayFilters.value) == null ? void 0 : _a.length) > 0;
+        return ((_a = currentDisplayFilters.value) == null ? void 0 : _a.length) > 0;
       });
       const handleClearAll = () => {
         paramsStore.removeAllFilters();
@@ -11340,7 +11375,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ]),
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
             createBaseVNode("div", _hoisted_4$k, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
                 return openBlock(), createBlock(_sfc_main$R, {
                   key: filter.key + "_" + filter.value,
                   filter,
@@ -11553,11 +11588,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     emits: ["select"],
     setup(__props, { emit: emit2 }) {
       const props = __props;
+      const searchResultStore = useSearchResultStore();
       const facet = computed(() => {
         var _a;
         return (_a = props.facet) != null ? _a : { type: "terms", items: [], key: "" };
       });
-      const currentFiltersaValue = computed(() => {
+      const currentFiltersValue = computed(() => {
         var _a;
         return (_a = props.currentFilters) != null ? _a : [];
       });
@@ -11568,22 +11604,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const allValues = computed(() => {
         var _a, _b;
-        return (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : [];
+        return searchResultStore.filterVisibleFilterValues(facet.value.key, (_b = (_a = facet.value) == null ? void 0 : _a.items) != null ? _b : []);
       });
       const displayValues = computed(() => {
         return filteredValues.value.slice(0, itemLimit.value).map((v) => __spreadProps2(__spreadValues2({}, v), { title: getDisplayValue(v.title) }));
       });
       const filteredValues = computed(() => {
-        return isFilterable.value ? allValues.value.filter(
+        var _a, _b;
+        return isFilterable.value ? (_a = allValues.value) == null ? void 0 : _a.filter(
           (v) => {
-            var _a;
-            return (_a = getNormalizedString(v.title)) == null ? void 0 : _a.includes(getNormalizedString(termFilter.value));
+            var _a2;
+            return (_a2 = getNormalizedString(v.title)) == null ? void 0 : _a2.includes(getNormalizedString(termFilter.value));
           }
-        ) : allValues.value;
+        ) : (_b = allValues.value) != null ? _b : [];
       });
       const isFilterable = computed(() => {
-        var _a, _b;
-        return allValues.value.length >= ((_b = (_a = props.options.filterable) == null ? void 0 : _a.minValues) != null ? _b : MAX_FACET_VALUES);
+        var _a, _b, _c;
+        return ((_a = allValues.value) == null ? void 0 : _a.length) >= ((_c = (_b = props.options.filterable) == null ? void 0 : _b.minValues) != null ? _c : MAX_FACET_VALUES);
       });
       const isRange = computed(() => {
         return facet.value.type === "range";
@@ -11607,7 +11644,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const isChecked = (item) => {
         var _a, _b;
-        let selectedItems = (_a = currentFiltersaValue.value) != null ? _a : [];
+        let selectedItems = (_a = currentFiltersValue.value) != null ? _a : [];
         selectedItems = isRange.value && selectedItems ? [rangeFilterToString(selectedItems)] : selectedItems;
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
@@ -15521,8 +15558,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handleResize = () => {
         const doc2 = document.documentElement;
         doc2.style.setProperty("--lupa-full-height", `${window.innerHeight}px`);
-        searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
         screenStore.setScreenWidth({ width: window.innerWidth });
+        searchResultStore.setColumnCount({ width: window.innerWidth, grid: props.options.grid });
       };
       const handleUrlChange = (params) => {
         var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.11.9",
+  "version": "1.12.1",
   "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.11.9",
+    "@getlupa/vue": "0.12.1",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",