@getlupa/client 0.6.0-alpha-13 → 0.6.0-alpha-16

package/dist/cjs/components/search-results/filters/facets/FacetDisplay.vue.d.ts

@@ -7,14 +7,23 @@ export default class FacetDisplay extends Vue {
     facet: FacetResult;
     currentFilters: FilterGroup;
     clearable: boolean;
+    currentFilterKeys: string[];
     isOpen: boolean;
     get facetType(): string;
     get hasItems(): boolean;
     get hasFilter(): boolean;
+    get filterQueryKey(): string | undefined;
+    get activeFilterKeys(): string;
     mounted(): void;
     beforeDestroy(): void;
     handleMouseClick(e: MouseEvent): void;
+    handleParamsChange(): void;
+    queryFacet: ({ queryKey, facetKey, }: {
+        queryKey: string;
+        facetKey: string;
+    }) => Promise<void>;
     toggleFacet(): void;
+    handleFacetQueryFilter(): void;
     handleFacetSelect(item: FacetAction): void;
     clear(): void;
 }

package/dist/cjs/constants/global.const.d.ts

@@ -8,7 +8,7 @@ export declare const S_MIN_WIDTH = 575;
 export declare const MD_MIN_WIDTH = 767;
 export declare const L_MIN_WIDTH = 991;
 export declare const XL_MIN_WIDTH = 1199;
-export declare const MAX_FACET_VALUES = 1000;
+export declare const MAX_FACET_VALUES = 5000;
 export declare const CURRENCY_KEY_INDICATOR = "price";
 export declare const DEFAULT_PAGE_SIZE = 12;
 export declare const LUPA_ROUTING_EVENT = "lupaRedirect";

package/dist/cjs/index.d.ts

@@ -1,5 +1,5 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
-import { CallbackContext, FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
+import { CallbackContext, FacetFilterQuery, FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
 import { SdkOptions, TrackingOptions, Environment, SortDirection } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 import { AddToCartElement, CustomDocumentElement, CustomHtmlElement, DescriptionDocumentElement, DocumentElement, DocumentElementType, ImageDocumentElement, PriceElement, RatingElement, RegularPriceDocumentElement, TitleDocumentElement } from "./types/DocumentElement";
@@ -17,5 +17,5 @@ declare const lupaSearch: {
     clearSearchResults: () => void;
     clearProductList: () => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, };
 export default lupaSearch;

package/dist/cjs/index.min.js

@@ -21676,7 +21676,7 @@ var S_MIN_WIDTH = 575;
 var MD_MIN_WIDTH = 767;
 var L_MIN_WIDTH = 991;
 var XL_MIN_WIDTH = 1199;
-var MAX_FACET_VALUES = 1000;
+var MAX_FACET_VALUES = 5000;
 var CURRENCY_KEY_INDICATOR = "price";
 var DEFAULT_PAGE_SIZE = 12;
 var LUPA_ROUTING_EVENT = "lupaRedirect";
@@ -25609,7 +25609,7 @@ var toggleHierarchyParam = function toggleHierarchyParam() {
   return getMostSpecificHierarchyTerms([param].concat(_toConsumableArray(params)));
 };
 
-var searchResult$h = namespace("searchResult");
+var searchResult$i = namespace("searchResult");
 var params$c = namespace("params");
 var options$a = namespace("options");
 
@@ -25680,13 +25680,13 @@ __decorate([Prop({
   default: false
 })], CurrentFilters.prototype, "expandable", void 0);
 
-__decorate([searchResult$h.Getter("filters")], CurrentFilters.prototype, "currentFilters", void 0);
+__decorate([searchResult$i.Getter("filters")], CurrentFilters.prototype, "currentFilters", void 0);
 
-__decorate([searchResult$h.Getter("facets")], CurrentFilters.prototype, "facets", void 0);
+__decorate([searchResult$i.Getter("facets")], CurrentFilters.prototype, "facets", void 0);
 
-__decorate([searchResult$h.Getter("displayFilters")], CurrentFilters.prototype, "displayFilters", void 0);
+__decorate([searchResult$i.Getter("displayFilters")], CurrentFilters.prototype, "displayFilters", void 0);
 
-__decorate([searchResult$h.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
+__decorate([searchResult$i.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
 
 __decorate([options$a.Getter("initialFilters")], CurrentFilters.prototype, "initialFilters", void 0);
 
@@ -29317,6 +29317,8 @@ var __vue_component__$J = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$J
 }, __vue_inject_styles__$J, __vue_script__$J, __vue_scope_id__$J, __vue_is_functional_template__$J, __vue_module_identifier__$J, false, undefined, undefined, undefined);
 
+var searchResult$h = namespace("searchResult");
+
 var FacetDisplay = /*#__PURE__*/function (_Vue) {
   _inherits(FacetDisplay, _Vue);
 
@@ -29364,7 +29366,23 @@ var FacetDisplay = /*#__PURE__*/function (_Vue) {
   }, {
     key: "hasFilter",
     get: function get() {
-      return Boolean(this.currentFilters[this.facet.key]);
+      var _a;
+
+      return Boolean(((_a = this.currentFilters) !== null && _a !== void 0 ? _a : {})[this.facet.key]);
+    }
+  }, {
+    key: "filterQueryKey",
+    get: function get() {
+      var _a, _b;
+
+      return (_b = (_a = this.options.facetFilterQueries) === null || _a === void 0 ? void 0 : _a[this.facet.key]) === null || _b === void 0 ? void 0 : _b.queryKey;
+    }
+  }, {
+    key: "activeFilterKeys",
+    get: function get() {
+      var _a;
+
+      return ((_a = this.currentFilterKeys) !== null && _a !== void 0 ? _a : []).join(",");
     }
   }, {
     key: "mounted",
@@ -29399,10 +29417,28 @@ var FacetDisplay = /*#__PURE__*/function (_Vue) {
         this.isOpen = false;
       }
     }
+  }, {
+    key: "handleParamsChange",
+    value: function handleParamsChange() {
+      this.handleFacetQueryFilter();
+    }
   }, {
     key: "toggleFacet",
     value: function toggleFacet() {
       this.isOpen = !this.isOpen;
+      this.handleFacetQueryFilter();
+    }
+  }, {
+    key: "handleFacetQueryFilter",
+    value: function handleFacetQueryFilter() {
+      if (!this.filterQueryKey || !this.isOpen) {
+        return;
+      }
+
+      this.queryFacet({
+        queryKey: this.filterQueryKey,
+        facetKey: this.facet.key
+      });
     }
   }, {
     key: "handleFacetSelect",
@@ -29438,6 +29474,12 @@ __decorate([Prop({
   default: false
 })], FacetDisplay.prototype, "clearable", void 0);
 
+__decorate([searchResult$h.Getter("currentFilterKeys")], FacetDisplay.prototype, "currentFilterKeys", void 0);
+
+__decorate([Watch("activeFilterKeys")], FacetDisplay.prototype, "handleParamsChange", null);
+
+__decorate([searchResult$h.Action("queryFacet")], FacetDisplay.prototype, "queryFacet", void 0);
+
 FacetDisplay = __decorate([Component({
   name: "facetDisplay",
   components: {
@@ -34811,6 +34853,8 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
   }, {
     key: "mounted",
     value: function mounted() {
+      var _a, _b;
+
       window.addEventListener("resize", this.handleResize);
       this.setSearchResultOptions({
         options: this.options
@@ -34819,6 +34863,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
       this.setInitialFilters({
         initialFilters: this.initialFilters
       });
+      (_b = (_a = this.options.callbacks) === null || _a === void 0 ? void 0 : _a.onMounted) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
   }, {
     key: "beforeDestroy",
@@ -36508,6 +36553,13 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
 
       return (_b = (_a = this.displayFilters) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
     }
+  }, {
+    key: "currentFilterKeys",
+    get: function get() {
+      var _a;
+
+      return Object.keys((_a = this.currentFilters) !== null && _a !== void 0 ? _a : {});
+    }
   }, {
     key: "hasAnyFilter",
     get: function get() {
@@ -36562,6 +36614,62 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
       this.addToCartAmount = addToCartAmount || this.addToCartAmount;
       this.layout = layout || this.layout;
     }
+  }, {
+    key: "queryFacet",
+    value: function queryFacet(_ref3) {
+      var queryKey = _ref3.queryKey,
+          facetKey = _ref3.facetKey;
+
+      var _a, _b, _c, _d, _e;
+
+      return __awaiter$1(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+        var query, options, result, facet, facetItems, updatedResult;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                query = {
+                  searchText: "",
+                  filters: Object.assign({}, this.currentFilters)
+                };
+                options = (_a = this.context.rootGetters["options/envOptions"]) !== null && _a !== void 0 ? _a : {};
+                _context.next = 4;
+                return getLupaSdk.query(queryKey, query, options);
+
+              case 4:
+                result = _context.sent;
+
+                if (result.success) {
+                  _context.next = 7;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 7:
+                facet = (_b = result.facets) === null || _b === void 0 ? void 0 : _b.find(function (f) {
+                  return f.key === facetKey;
+                });
+                facetItems = (_d = (_c = facet) === null || _c === void 0 ? void 0 : _c.items) !== null && _d !== void 0 ? _d : [];
+                updatedResult = Object.assign(Object.assign({}, this.searchResult), {
+                  facets: (_e = this.facets) === null || _e === void 0 ? void 0 : _e.map(function (f) {
+                    return f.key === facetKey ? Object.assign(Object.assign({}, f), {
+                      items: facetItems
+                    }) : f;
+                  })
+                });
+                this.context.commit("save", {
+                  searchResult: updatedResult
+                });
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+    }
   }, {
     key: "load",
     value: function load(loading) {
@@ -36569,8 +36677,8 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
     }
   }, {
     key: "setScreenWidth",
-    value: function setScreenWidth(_ref3) {
-      var width = _ref3.width;
+    value: function setScreenWidth(_ref4) {
+      var width = _ref4.width;
       this.screenWidth = width;
     }
   }, {
@@ -36591,9 +36699,9 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
     }
   }, {
     key: "setColumnCount",
-    value: function setColumnCount(_ref4) {
-      var width = _ref4.width,
-          grid = _ref4.grid;
+    value: function setColumnCount(_ref5) {
+      var width = _ref5.width,
+          grid = _ref5.grid;
 
       if (!width || !grid) {
         return {
@@ -36663,6 +36771,8 @@ __decorate([Mutation], SearchResultModule.prototype, "setSidebarVisibility", nul
 
 __decorate([Mutation], SearchResultModule.prototype, "save", null);
 
+__decorate([Action], SearchResultModule.prototype, "queryFacet", null);
+
 __decorate([Mutation], SearchResultModule.prototype, "load", null);
 
 __decorate([Mutation], SearchResultModule.prototype, "setScreenWidth", null);

package/dist/cjs/store/modules/searchResult.d.ts

@@ -21,6 +21,7 @@ export default class SearchResultModule extends VuexModule {
     get labeledFilters(): LabeledFilter[];
     get displayFilters(): LabeledFilter[];
     get currentFilterCount(): number;
+    get currentFilterKeys(): string[];
     get hasAnyFilter(): boolean;
     get itemRange(): number[];
     get isMobileWidth(): boolean;
@@ -34,6 +35,10 @@ export default class SearchResultModule extends VuexModule {
         addToCartAmount?: number;
         layout?: ResultsLayout;
     }): void;
+    queryFacet({ queryKey, facetKey, }: {
+        queryKey: string;
+        facetKey: string;
+    }): Promise<void>;
     load(loading: boolean): void;
     setScreenWidth({ width }: {
         width: number;

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

@@ -27,6 +27,7 @@ export declare type SearchResultEventCallbacks = {
     onSearchResults?: (context: CallbackContext) => unknown;
     onAdditionalPanelResults?: (context: CallbackContext) => unknown;
     onCategoryFilterResults?: (context: CallbackContext) => unknown;
+    onMounted?: () => unknown;
 };
 export declare type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchResultsDidYouMeanLabels & SearchResultsSimilarQueriesLabels & {
     sortBy: string;
@@ -108,6 +109,9 @@ export declare type ResultCurrentFilterOptions = {
     };
 };
 export declare type FacetStyle = "sidebar" | "top-dropdown";
+export declare type FacetFilterQuery = {
+    queryKey: string;
+};
 export declare type ResultFacetOptions = {
     labels: {
         title: string;
@@ -139,6 +143,7 @@ export declare type ResultFacetOptions = {
         type: FacetStyle;
     };
     exclude?: string[];
+    facetFilterQueries?: Record<string, FacetFilterQuery>;
 };
 export declare type SearchResultsFilterOptions = {
     currentFilters?: ResultCurrentFilterOptions;

package/dist/es/components/search-results/filters/facets/FacetDisplay.vue.d.ts

@@ -7,14 +7,23 @@ export default class FacetDisplay extends Vue {
     facet: FacetResult;
     currentFilters: FilterGroup;
     clearable: boolean;
+    currentFilterKeys: string[];
     isOpen: boolean;
     get facetType(): string;
     get hasItems(): boolean;
     get hasFilter(): boolean;
+    get filterQueryKey(): string | undefined;
+    get activeFilterKeys(): string;
     mounted(): void;
     beforeDestroy(): void;
     handleMouseClick(e: MouseEvent): void;
+    handleParamsChange(): void;
+    queryFacet: ({ queryKey, facetKey, }: {
+        queryKey: string;
+        facetKey: string;
+    }) => Promise<void>;
     toggleFacet(): void;
+    handleFacetQueryFilter(): void;
     handleFacetSelect(item: FacetAction): void;
     clear(): void;
 }

package/dist/es/constants/global.const.d.ts

@@ -8,7 +8,7 @@ export declare const S_MIN_WIDTH = 575;
 export declare const MD_MIN_WIDTH = 767;
 export declare const L_MIN_WIDTH = 991;
 export declare const XL_MIN_WIDTH = 1199;
-export declare const MAX_FACET_VALUES = 1000;
+export declare const MAX_FACET_VALUES = 5000;
 export declare const CURRENCY_KEY_INDICATOR = "price";
 export declare const DEFAULT_PAGE_SIZE = 12;
 export declare const LUPA_ROUTING_EVENT = "lupaRedirect";

package/dist/es/index.d.ts

@@ -1,5 +1,5 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
-import { CallbackContext, FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
+import { CallbackContext, FacetFilterQuery, FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
 import { SdkOptions, TrackingOptions, Environment, SortDirection } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 import { AddToCartElement, CustomDocumentElement, CustomHtmlElement, DescriptionDocumentElement, DocumentElement, DocumentElementType, ImageDocumentElement, PriceElement, RatingElement, RegularPriceDocumentElement, TitleDocumentElement } from "./types/DocumentElement";
@@ -17,5 +17,5 @@ declare const lupaSearch: {
     clearSearchResults: () => void;
     clearProductList: () => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, };
 export default lupaSearch;

package/dist/es/index.min.js

@@ -21672,7 +21672,7 @@ var S_MIN_WIDTH = 575;
 var MD_MIN_WIDTH = 767;
 var L_MIN_WIDTH = 991;
 var XL_MIN_WIDTH = 1199;
-var MAX_FACET_VALUES = 1000;
+var MAX_FACET_VALUES = 5000;
 var CURRENCY_KEY_INDICATOR = "price";
 var DEFAULT_PAGE_SIZE = 12;
 var LUPA_ROUTING_EVENT = "lupaRedirect";
@@ -25605,7 +25605,7 @@ var toggleHierarchyParam = function toggleHierarchyParam() {
   return getMostSpecificHierarchyTerms([param].concat(_toConsumableArray(params)));
 };
 
-var searchResult$h = namespace("searchResult");
+var searchResult$i = namespace("searchResult");
 var params$c = namespace("params");
 var options$a = namespace("options");
 
@@ -25676,13 +25676,13 @@ __decorate([Prop({
   default: false
 })], CurrentFilters.prototype, "expandable", void 0);
 
-__decorate([searchResult$h.Getter("filters")], CurrentFilters.prototype, "currentFilters", void 0);
+__decorate([searchResult$i.Getter("filters")], CurrentFilters.prototype, "currentFilters", void 0);
 
-__decorate([searchResult$h.Getter("facets")], CurrentFilters.prototype, "facets", void 0);
+__decorate([searchResult$i.Getter("facets")], CurrentFilters.prototype, "facets", void 0);
 
-__decorate([searchResult$h.Getter("displayFilters")], CurrentFilters.prototype, "displayFilters", void 0);
+__decorate([searchResult$i.Getter("displayFilters")], CurrentFilters.prototype, "displayFilters", void 0);
 
-__decorate([searchResult$h.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
+__decorate([searchResult$i.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
 
 __decorate([options$a.Getter("initialFilters")], CurrentFilters.prototype, "initialFilters", void 0);
 
@@ -29313,6 +29313,8 @@ var __vue_component__$J = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$J
 }, __vue_inject_styles__$J, __vue_script__$J, __vue_scope_id__$J, __vue_is_functional_template__$J, __vue_module_identifier__$J, false, undefined, undefined, undefined);
 
+var searchResult$h = namespace("searchResult");
+
 var FacetDisplay = /*#__PURE__*/function (_Vue) {
   _inherits(FacetDisplay, _Vue);
 
@@ -29360,7 +29362,23 @@ var FacetDisplay = /*#__PURE__*/function (_Vue) {
   }, {
     key: "hasFilter",
     get: function get() {
-      return Boolean(this.currentFilters[this.facet.key]);
+      var _a;
+
+      return Boolean(((_a = this.currentFilters) !== null && _a !== void 0 ? _a : {})[this.facet.key]);
+    }
+  }, {
+    key: "filterQueryKey",
+    get: function get() {
+      var _a, _b;
+
+      return (_b = (_a = this.options.facetFilterQueries) === null || _a === void 0 ? void 0 : _a[this.facet.key]) === null || _b === void 0 ? void 0 : _b.queryKey;
+    }
+  }, {
+    key: "activeFilterKeys",
+    get: function get() {
+      var _a;
+
+      return ((_a = this.currentFilterKeys) !== null && _a !== void 0 ? _a : []).join(",");
     }
   }, {
     key: "mounted",
@@ -29395,10 +29413,28 @@ var FacetDisplay = /*#__PURE__*/function (_Vue) {
         this.isOpen = false;
       }
     }
+  }, {
+    key: "handleParamsChange",
+    value: function handleParamsChange() {
+      this.handleFacetQueryFilter();
+    }
   }, {
     key: "toggleFacet",
     value: function toggleFacet() {
       this.isOpen = !this.isOpen;
+      this.handleFacetQueryFilter();
+    }
+  }, {
+    key: "handleFacetQueryFilter",
+    value: function handleFacetQueryFilter() {
+      if (!this.filterQueryKey || !this.isOpen) {
+        return;
+      }
+
+      this.queryFacet({
+        queryKey: this.filterQueryKey,
+        facetKey: this.facet.key
+      });
     }
   }, {
     key: "handleFacetSelect",
@@ -29434,6 +29470,12 @@ __decorate([Prop({
   default: false
 })], FacetDisplay.prototype, "clearable", void 0);
 
+__decorate([searchResult$h.Getter("currentFilterKeys")], FacetDisplay.prototype, "currentFilterKeys", void 0);
+
+__decorate([Watch("activeFilterKeys")], FacetDisplay.prototype, "handleParamsChange", null);
+
+__decorate([searchResult$h.Action("queryFacet")], FacetDisplay.prototype, "queryFacet", void 0);
+
 FacetDisplay = __decorate([Component({
   name: "facetDisplay",
   components: {
@@ -34807,6 +34849,8 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
   }, {
     key: "mounted",
     value: function mounted() {
+      var _a, _b;
+
       window.addEventListener("resize", this.handleResize);
       this.setSearchResultOptions({
         options: this.options
@@ -34815,6 +34859,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
       this.setInitialFilters({
         initialFilters: this.initialFilters
       });
+      (_b = (_a = this.options.callbacks) === null || _a === void 0 ? void 0 : _a.onMounted) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
   }, {
     key: "beforeDestroy",
@@ -36504,6 +36549,13 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
 
       return (_b = (_a = this.displayFilters) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
     }
+  }, {
+    key: "currentFilterKeys",
+    get: function get() {
+      var _a;
+
+      return Object.keys((_a = this.currentFilters) !== null && _a !== void 0 ? _a : {});
+    }
   }, {
     key: "hasAnyFilter",
     get: function get() {
@@ -36558,6 +36610,62 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
       this.addToCartAmount = addToCartAmount || this.addToCartAmount;
       this.layout = layout || this.layout;
     }
+  }, {
+    key: "queryFacet",
+    value: function queryFacet(_ref3) {
+      var queryKey = _ref3.queryKey,
+          facetKey = _ref3.facetKey;
+
+      var _a, _b, _c, _d, _e;
+
+      return __awaiter$1(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+        var query, options, result, facet, facetItems, updatedResult;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                query = {
+                  searchText: "",
+                  filters: Object.assign({}, this.currentFilters)
+                };
+                options = (_a = this.context.rootGetters["options/envOptions"]) !== null && _a !== void 0 ? _a : {};
+                _context.next = 4;
+                return getLupaSdk.query(queryKey, query, options);
+
+              case 4:
+                result = _context.sent;
+
+                if (result.success) {
+                  _context.next = 7;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 7:
+                facet = (_b = result.facets) === null || _b === void 0 ? void 0 : _b.find(function (f) {
+                  return f.key === facetKey;
+                });
+                facetItems = (_d = (_c = facet) === null || _c === void 0 ? void 0 : _c.items) !== null && _d !== void 0 ? _d : [];
+                updatedResult = Object.assign(Object.assign({}, this.searchResult), {
+                  facets: (_e = this.facets) === null || _e === void 0 ? void 0 : _e.map(function (f) {
+                    return f.key === facetKey ? Object.assign(Object.assign({}, f), {
+                      items: facetItems
+                    }) : f;
+                  })
+                });
+                this.context.commit("save", {
+                  searchResult: updatedResult
+                });
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+    }
   }, {
     key: "load",
     value: function load(loading) {
@@ -36565,8 +36673,8 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
     }
   }, {
     key: "setScreenWidth",
-    value: function setScreenWidth(_ref3) {
-      var width = _ref3.width;
+    value: function setScreenWidth(_ref4) {
+      var width = _ref4.width;
       this.screenWidth = width;
     }
   }, {
@@ -36587,9 +36695,9 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
     }
   }, {
     key: "setColumnCount",
-    value: function setColumnCount(_ref4) {
-      var width = _ref4.width,
-          grid = _ref4.grid;
+    value: function setColumnCount(_ref5) {
+      var width = _ref5.width,
+          grid = _ref5.grid;
 
       if (!width || !grid) {
         return {
@@ -36659,6 +36767,8 @@ __decorate([Mutation], SearchResultModule.prototype, "setSidebarVisibility", nul
 
 __decorate([Mutation], SearchResultModule.prototype, "save", null);
 
+__decorate([Action], SearchResultModule.prototype, "queryFacet", null);
+
 __decorate([Mutation], SearchResultModule.prototype, "load", null);
 
 __decorate([Mutation], SearchResultModule.prototype, "setScreenWidth", null);

package/dist/es/store/modules/searchResult.d.ts

@@ -21,6 +21,7 @@ export default class SearchResultModule extends VuexModule {
     get labeledFilters(): LabeledFilter[];
     get displayFilters(): LabeledFilter[];
     get currentFilterCount(): number;
+    get currentFilterKeys(): string[];
     get hasAnyFilter(): boolean;
     get itemRange(): number[];
     get isMobileWidth(): boolean;
@@ -34,6 +35,10 @@ export default class SearchResultModule extends VuexModule {
         addToCartAmount?: number;
         layout?: ResultsLayout;
     }): void;
+    queryFacet({ queryKey, facetKey, }: {
+        queryKey: string;
+        facetKey: string;
+    }): Promise<void>;
     load(loading: boolean): void;
     setScreenWidth({ width }: {
         width: number;

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

@@ -27,6 +27,7 @@ export declare type SearchResultEventCallbacks = {
     onSearchResults?: (context: CallbackContext) => unknown;
     onAdditionalPanelResults?: (context: CallbackContext) => unknown;
     onCategoryFilterResults?: (context: CallbackContext) => unknown;
+    onMounted?: () => unknown;
 };
 export declare type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchResultsDidYouMeanLabels & SearchResultsSimilarQueriesLabels & {
     sortBy: string;
@@ -108,6 +109,9 @@ export declare type ResultCurrentFilterOptions = {
     };
 };
 export declare type FacetStyle = "sidebar" | "top-dropdown";
+export declare type FacetFilterQuery = {
+    queryKey: string;
+};
 export declare type ResultFacetOptions = {
     labels: {
         title: string;
@@ -139,6 +143,7 @@ export declare type ResultFacetOptions = {
         type: FacetStyle;
     };
     exclude?: string[];
+    facetFilterQueries?: Record<string, FacetFilterQuery>;
 };
 export declare type SearchResultsFilterOptions = {
     currentFilters?: ResultCurrentFilterOptions;