@getlupa/vue 0.11.9 → 0.12.1

package/dist/lupaSearch.js

@@ -2158,23 +2158,34 @@ const DEFAULT_OPTIONS_RESULTS = {
 };
 const useScreenStore = defineStore("screen", () => {
   const screenWidth = vue.ref(1e3);
+  const optionsStore = useOptionsStore();
+  const configuredGridSizes = vue.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 = vue.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 = vue.computed(
-    () => currentScreenWidth.value === "sm" || currentScreenWidth.value === "xs"
-  );
+  const isMobileWidth = vue.computed(() => {
+    var _a;
+    return (_a = ["xs", "sm"]) == null ? void 0 : _a.includes(currentScreenWidth.value);
+  });
   const setScreenWidth = ({ width }) => {
     screenWidth.value = width;
   };
@@ -4183,6 +4194,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
   const isMobileSidebarVisible = vue.ref(false);
   const optionsStore = useOptionsStore();
   const paramsStore = useParamsStore();
+  const screenStore = useScreenStore();
   const { searchResultOptions } = storeToRefs(optionsStore);
   const facets = vue.computed(() => searchResult.value.facets);
   const filters = vue.computed(() => searchResult.value.filters);
@@ -4228,6 +4240,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     var _a;
     return Object.keys((_a = filters.value) != null ? _a : {}).length > 0;
   });
+  const hideFiltersOnExactMatchForKeys = vue.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 = vue.computed(() => {
     var _a, _b;
     const limit = (_a = paramsStore.limit) != null ? _a : 0;
@@ -4281,20 +4297,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) {
@@ -4314,6 +4324,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,
@@ -4333,6 +4352,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
     hasAnyFilter,
     itemRange,
     isPageEmpty,
+    hideFiltersOnExactMatchForKeys,
     setSidebarState,
     queryFacet,
     add,
@@ -4340,7 +4360,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
     setAddToCartAmount,
     setLayout,
     setLoading,
-    clearSearchResult
+    clearSearchResult,
+    filterVisibleFilterValues
   };
 });
 const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
@@ -6069,11 +6090,25 @@ const _sfc_main$Q = /* @__PURE__ */ vue.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 = vue.computed(() => filters.value);
+    const currentDisplayFilters = vue.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 = vue.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();
@@ -6130,7 +6165,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         ]),
         !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
           vue.createElementVNode("div", _hoisted_4$k, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(displayFilters), (filter) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDisplayFilters.value, (filter) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$R, {
                 key: filter.key + "_" + filter.value,
                 filter,
@@ -6343,11 +6378,12 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   emits: ["select"],
   setup(__props, { emit }) {
     const props = __props;
+    const searchResultStore = useSearchResultStore();
     const facet = vue.computed(() => {
       var _a;
       return (_a = props.facet) != null ? _a : { type: "terms", items: [], key: "" };
     });
-    const currentFiltersaValue = vue.computed(() => {
+    const currentFiltersValue = vue.computed(() => {
       var _a;
       return (_a = props.currentFilters) != null ? _a : [];
     });
@@ -6358,22 +6394,23 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     });
     const allValues = vue.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 = vue.computed(() => {
       return filteredValues.value.slice(0, itemLimit.value).map((v) => __spreadProps(__spreadValues({}, v), { title: getDisplayValue(v.title) }));
     });
     const filteredValues = vue.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 = vue.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 = vue.computed(() => {
       return facet.value.type === "range";
@@ -6397,7 +6434,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.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());
     };
@@ -10311,8 +10348,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const handleResize = () => {
       const doc = document.documentElement;
       doc.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

@@ -2156,23 +2156,34 @@ const DEFAULT_OPTIONS_RESULTS = {
 };
 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;
   };
@@ -4181,6 +4192,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);
@@ -4226,6 +4238,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;
@@ -4279,20 +4295,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) {
@@ -4312,6 +4322,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,
@@ -4331,6 +4350,7 @@ const useSearchResultStore = defineStore("searchResult", () => {
     hasAnyFilter,
     itemRange,
     isPageEmpty,
+    hideFiltersOnExactMatchForKeys,
     setSidebarState,
     queryFacet,
     add,
@@ -4338,7 +4358,8 @@ const useSearchResultStore = defineStore("searchResult", () => {
     setAddToCartAmount,
     setLayout,
     setLoading,
-    clearSearchResult
+    clearSearchResult,
+    filterVisibleFilterValues
   };
 });
 const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
@@ -6067,11 +6088,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();
@@ -6128,7 +6163,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         ]),
         !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
           createElementVNode("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,
@@ -6341,11 +6376,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   emits: ["select"],
   setup(__props, { emit }) {
     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 : [];
     });
@@ -6356,22 +6392,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) => __spreadProps(__spreadValues({}, 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";
@@ -6395,7 +6432,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());
     };
@@ -10309,8 +10346,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const handleResize = () => {
       const doc = document.documentElement;
       doc.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/src/stores/searchResult.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from 'vue';
-import type { SearchQueryResult } from '@getlupa/client-sdk/Types';
+import type { FacetGroupItem, SearchQueryResult } from '@getlupa/client-sdk/Types';
 import { ResultsLayoutEnum, type ResultsLayout } from '../types/search-results/ResultsLayout';
 import type { ProductGrid } from '../types/search-results/SearchResultsOptions';
 export declare const useSearchResultStore: import("pinia").StoreDefinition<"searchResult", import("pinia")._UnwrapAll<Pick<{
@@ -21,6 +21,7 @@ export declare const useSearchResultStore: import("pinia").StoreDefinition<"sear
     hasAnyFilter: import("vue").ComputedRef<boolean>;
     itemRange: import("vue").ComputedRef<number[]>;
     isPageEmpty: import("vue").ComputedRef<boolean>;
+    hideFiltersOnExactMatchForKeys: import("vue").ComputedRef<string[]>;
     setSidebarState: ({ visible }: {
         visible: boolean;
     }) => void;
@@ -43,6 +44,7 @@ export declare const useSearchResultStore: import("pinia").StoreDefinition<"sear
     setLayout: (newLayout: ResultsLayout) => void;
     setLoading: (state: boolean) => void;
     clearSearchResult: () => void;
+    filterVisibleFilterValues: (key: string, items?: FacetGroupItem[]) => FacetGroupItem[];
 }, "loading" | "searchResult" | "isMobileSidebarVisible" | "columnCount" | "addToCartAmount" | "layout">>, Pick<{
     isMobileSidebarVisible: Ref<boolean>;
     searchResult: Ref<SearchQueryResult>;
@@ -62,6 +64,7 @@ export declare const useSearchResultStore: import("pinia").StoreDefinition<"sear
     hasAnyFilter: import("vue").ComputedRef<boolean>;
     itemRange: import("vue").ComputedRef<number[]>;
     isPageEmpty: import("vue").ComputedRef<boolean>;
+    hideFiltersOnExactMatchForKeys: import("vue").ComputedRef<string[]>;
     setSidebarState: ({ visible }: {
         visible: boolean;
     }) => void;
@@ -84,7 +87,8 @@ export declare const useSearchResultStore: import("pinia").StoreDefinition<"sear
     setLayout: (newLayout: ResultsLayout) => void;
     setLoading: (state: boolean) => void;
     clearSearchResult: () => void;
-}, "filters" | "facets" | "currentQueryText" | "totalItems" | "hasResults" | "labeledFilters" | "displayFilters" | "currentFilterCount" | "currentFilterKeys" | "hasAnyFilter" | "itemRange" | "isPageEmpty">, Pick<{
+    filterVisibleFilterValues: (key: string, items?: FacetGroupItem[]) => FacetGroupItem[];
+}, "filters" | "facets" | "hideFiltersOnExactMatchForKeys" | "currentQueryText" | "totalItems" | "hasResults" | "labeledFilters" | "displayFilters" | "currentFilterCount" | "currentFilterKeys" | "hasAnyFilter" | "itemRange" | "isPageEmpty">, Pick<{
     isMobileSidebarVisible: Ref<boolean>;
     searchResult: Ref<SearchQueryResult>;
     columnCount: Ref<number>;
@@ -103,6 +107,7 @@ export declare const useSearchResultStore: import("pinia").StoreDefinition<"sear
     hasAnyFilter: import("vue").ComputedRef<boolean>;
     itemRange: import("vue").ComputedRef<number[]>;
     isPageEmpty: import("vue").ComputedRef<boolean>;
+    hideFiltersOnExactMatchForKeys: import("vue").ComputedRef<string[]>;
     setSidebarState: ({ visible }: {
         visible: boolean;
     }) => void;
@@ -125,4 +130,5 @@ export declare const useSearchResultStore: import("pinia").StoreDefinition<"sear
     setLayout: (newLayout: ResultsLayout) => void;
     setLoading: (state: boolean) => void;
     clearSearchResult: () => void;
-}, "add" | "setSidebarState" | "queryFacet" | "setColumnCount" | "setAddToCartAmount" | "setLayout" | "setLoading" | "clearSearchResult">>;
+    filterVisibleFilterValues: (key: string, items?: FacetGroupItem[]) => FacetGroupItem[];
+}, "add" | "setSidebarState" | "queryFacet" | "setColumnCount" | "setAddToCartAmount" | "setLayout" | "setLoading" | "clearSearchResult" | "filterVisibleFilterValues">>;

package/dist/src/types/search-results/SearchResultsOptions.d.ts

@@ -103,6 +103,12 @@ export type ProductGrid = {
         sm: number;
         xs: number;
     };
+    sizes?: {
+        sm?: number;
+        md?: number;
+        l?: number;
+        xl?: number;
+    };
 };
 export type SearchResultsPaginationLabels = {
     pageSize: string;
@@ -166,6 +172,7 @@ export type ResultFacetOptions = {
         facetClear?: string;
         facetFilterButton?: string;
     };
+    hideFiltersOnExactMatchForKeys?: string[];
     promotedFacets?: string[];
     filterBehavior?: FilterBehavior;
     filterable?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.11.9",
+  "version": "0.12.1",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",