@getlupa/client 0.5.1-alpha-9 → 0.5.1-alpha-12

package/dist/cjs/components/search-results/SearchResults.vue.d.ts

@@ -8,6 +8,8 @@ export default class SearchResults extends Vue {
     isProductList: boolean;
     get productsOptions(): SearchResultsProductOptions;
     currentQueryText: string;
+    hasResults: boolean;
+    currentFilterCount: number;
     get didYouMeanLabels(): SearchResultsDidYouMeanLabels;
     get showFilterSidebar(): boolean;
     get isTitleResultTopPosition(): boolean;
@@ -51,6 +53,7 @@ export default class SearchResults extends Vue {
     setLoading: (loading: boolean) => {
         loading: boolean;
     };
+    defaultSearchResultPageSize: number;
     handleUrlChange(params?: URLSearchParams): void;
     query(publicQuery: PublicQuery): void;
     handleResults({ queryKey, results, }: {

package/dist/cjs/components/search-results/products/pagination/SearchResultsPageSelect.vue.d.ts

@@ -5,6 +5,11 @@ export default class SearchResultsPageSelect extends Vue {
     label: string;
     options: PaginationPageSelect;
     get pages(): number[];
+    get lastPage(): number | undefined;
+    get showLastPage(): boolean;
+    get showLastPageSeparator(): boolean;
+    get showFirstPage(): boolean;
+    get showFirstPageSeparator(): boolean;
     appendParams: ({ params, paramsToRemove, }: {
         params: {
             name: string;

package/dist/cjs/index.min.js

@@ -21893,8 +21893,8 @@ var DEFAULT_OPTIONS_RESULTS = {
   }]
 };
 
-var createPublicQuery = function createPublicQuery(queryParams, sortOptions // will be removed when vuex is implemented
-) {
+var createPublicQuery = function createPublicQuery(queryParams, sortOptions, // will be removed when vuex is implemented
+defaultPageSize) {
   var _a;
 
   var publicQuery = {};
@@ -21912,11 +21912,11 @@ var createPublicQuery = function createPublicQuery(queryParams, sortOptions // w
         break;
 
       case QUERY_PARAMS_PARSED.LIMIT:
-        publicQuery.limit = Number(value);
+        publicQuery.limit = Number(value) || defaultPageSize;
         break;
 
       case QUERY_PARAMS_PARSED.PAGE:
-        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
+        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || defaultPageSize || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
         break;
 
       case QUERY_PARAMS_PARSED.SORT:
@@ -27454,6 +27454,16 @@ var handleRoutingEvent = function handleRoutingEvent(link, event) {
   event === null || event === void 0 ? void 0 : event.preventDefault();
   emitRoutingEvent(link);
 };
+var redirectToResultsPage = function redirectToResultsPage(link, searchText, facet) {
+  var routingBehavior = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "direct-link";
+  var url = generateResultLink(link, searchText, facet);
+
+  if (routingBehavior === "event") {
+    emitRoutingEvent(url);
+  } else {
+    window.location.assign(url);
+  }
+};
 
 var CategoryFilterItem = /*#__PURE__*/function (_Vue) {
   _inherits(CategoryFilterItem, _Vue);
@@ -30565,6 +30575,35 @@ var SearchResultsPageSelect = /*#__PURE__*/function (_Vue) {
         return i && i >= left && i < right;
       });
     }
+  }, {
+    key: "lastPage",
+    get: function get() {
+      var _a;
+
+      return (_a = this.options.count) !== null && _a !== void 0 ? _a : undefined;
+    }
+  }, {
+    key: "showLastPage",
+    get: function get() {
+      return Boolean(this.lastPage && !this.pages.includes(this.lastPage));
+    }
+  }, {
+    key: "showLastPageSeparator",
+    get: function get() {
+      var _a;
+
+      return this.showLastPage && !this.pages.includes(((_a = this.lastPage) !== null && _a !== void 0 ? _a : 0) - 1);
+    }
+  }, {
+    key: "showFirstPage",
+    get: function get() {
+      return !this.pages.includes(1);
+    }
+  }, {
+    key: "showFirstPageSeparator",
+    get: function get() {
+      return this.showFirstPage && !this.pages.includes(2);
+    }
   }, {
     key: "handlePageChange",
     value: function handlePageChange(page) {
@@ -30621,7 +30660,16 @@ var __vue_render__$i = function __vue_render__() {
         return _vm.handlePageChange(_vm.options.selectedPage - 1);
       }
     }
-  }, [_vm._v("\n    <\n  ")]) : _vm._e(), _vm._v(" "), _vm._l(_vm.pages, function (page) {
+  }, [_vm._v("\n    <\n  ")]) : _vm._e(), _vm._v(" "), _vm.showFirstPage ? [_c("div", {
+    staticClass: "lupa-page-number lupa-page-number-first",
+    on: {
+      click: function click() {
+        return _vm.handlePageChange(1);
+      }
+    }
+  }, [_vm._v("\n      1\n    ")]), _vm._v(" "), _vm.showFirstPageSeparator ? _c("div", {
+    staticClass: "lupa-page-number-separator"
+  }, [_vm._v("\n      ...\n    ")]) : _vm._e()] : _vm._e(), _vm._v(" "), _vm._l(_vm.pages, function (page) {
     return _c("div", {
       key: page,
       class: ["lupa-page-number", page === _vm.options.selectedPage ? "lupa-page-number-selected" : ""],
@@ -30634,7 +30682,16 @@ var __vue_render__$i = function __vue_render__() {
         }
       }
     }, [_vm._v("\n    " + _vm._s(page) + "\n  ")]);
-  }), _vm._v(" "), _vm.options.selectedPage < _vm.options.count ? _c("div", {
+  }), _vm._v(" "), _vm.showLastPage ? [_vm.showLastPageSeparator ? _c("div", {
+    staticClass: "lupa-page-number-separator"
+  }, [_vm._v("\n      ...\n    ")]) : _vm._e(), _vm._v(" "), _c("div", {
+    staticClass: "lupa-page-number lupa-page-number-last",
+    on: {
+      click: function click() {
+        return _vm.handlePageChange(_vm.lastPage);
+      }
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.lastPage) + "\n    ")])] : _vm._e(), _vm._v(" "), _vm.options.selectedPage < _vm.options.count ? _c("div", {
     class: _vm.label === ">" ? "lupa-page-arrow" : "lupa-show-more",
     attrs: {
       "data-cy": "lupa-show-more"
@@ -32328,7 +32385,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     get: function get() {
       var _a, _b, _c;
 
-      return ((_c = (_b = (_a = this.options.filters) === null || _a === void 0 ? void 0 : _a.facets) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.type) === "sidebar";
+      return ((_c = (_b = (_a = this.options.filters) === null || _a === void 0 ? void 0 : _a.facets) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.type) === "sidebar" && (this.hasResults || this.currentFilterCount > 0);
     }
   }, {
     key: "isTitleResultTopPosition",
@@ -32339,10 +32396,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "mounted",
     value: function mounted() {
       window.addEventListener("resize", this.handleResize);
-      this.handleMounted();
       this.setSearchResultOptions({
         options: this.options
       });
+      this.handleMounted();
       this.setInitialFilters({
         initialFilters: this.initialFilters
       });
@@ -32372,7 +32429,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "handleUrlChange",
     value: function handleUrlChange(params) {
       var searchParams = params || new URLSearchParams(window.location.search);
-      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort);
+      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort, this.defaultSearchResultPageSize);
       this.setLoading(true);
       this.query(getPublicQuery(publicQuery, this.initialFilters, this.isProductList));
     }
@@ -32386,7 +32443,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
         query: publicQuery
       });
       var context = getLupaTrackingContext();
-      var query = Object.assign(Object.assign({}, publicQuery), context);
+      var limit = publicQuery.limit || this.defaultSearchResultPageSize;
+      var query = Object.assign(Object.assign(Object.assign({}, publicQuery), context), {
+        limit: limit
+      });
       getLupaSdk.query(this.options.queryKey, query, this.options.options).then(function (res) {
         var _a, _b;
 
@@ -32471,6 +32531,10 @@ __decorate([Prop({
 
 __decorate([searchResult$1.Getter("currentQueryText")], SearchResults.prototype, "currentQueryText", void 0);
 
+__decorate([searchResult$1.Getter("hasResults")], SearchResults.prototype, "hasResults", void 0);
+
+__decorate([searchResult$1.Getter("currentFilterCount")], SearchResults.prototype, "currentFilterCount", void 0);
+
 __decorate([tracking$2.Action("trackSearch")], SearchResults.prototype, "trackSearch", void 0);
 
 __decorate([tracking$2.Action("trackResults")], SearchResults.prototype, "trackResults", void 0);
@@ -32495,6 +32559,8 @@ __decorate([searchResult$1.Action("add")], SearchResults.prototype, "addSearchRe
 
 __decorate([searchResult$1.Action("setLoading")], SearchResults.prototype, "setLoading", void 0);
 
+__decorate([options$1.Getter("defaultSearchResultPageSize")], SearchResults.prototype, "defaultSearchResultPageSize", void 0);
+
 __decorate([searchResult$1.Action("setColumnCount")], SearchResults.prototype, "setColumnCount", void 0);
 
 SearchResults = __decorate([Component({
@@ -34209,7 +34275,7 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
   }, {
     key: "limit",
     get: function get() {
-      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.defaultLimit;
+      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.context.rootGetters["options/defaultSearchResultPageSize"] || this.defaultLimit;
     }
   }, {
     key: "sort",
@@ -34285,6 +34351,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
       var searchText = _ref3.searchText,
           facet = _ref3.facet;
 
+      var _a;
+
       if (!this.searchResultsLink || this.searchResultsLink === window.location.pathname) {
         var facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
         this.context.dispatch("appendParams", {
@@ -34295,7 +34363,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
           paramsToRemove: "all"
         });
       } else {
-        window.location.assign(generateResultLink(this.searchResultsLink, searchText, facet));
+        var routing = (_a = this.context.rootGetters["options/boxRoutingBehavior"]) !== null && _a !== void 0 ? _a : "direct-link";
+        redirectToResultsPage(this.searchResultsLink, searchText, facet, routing);
       }
 
       this.context.dispatch("tracking/track", {
@@ -34441,6 +34510,20 @@ var OptionsModule = /*#__PURE__*/function (_VuexModule) {
     get: function get() {
       return this.searchResultInitialFilters;
     }
+  }, {
+    key: "boxRoutingBehavior",
+    get: function get() {
+      var _a;
+
+      return (_a = this.searchBoxOptions.routingBehavior) !== null && _a !== void 0 ? _a : "direct-link";
+    }
+  }, {
+    key: "defaultSearchResultPageSize",
+    get: function get() {
+      var _a, _b, _c, _d, _e;
+
+      return (_e = (_d = (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.sizeSelection) === null || _c === void 0 ? void 0 : _c.sizes) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : DEFAULT_PAGE_SIZE;
+    }
   }, {
     key: "setSearchBoxOptions",
     value: function setSearchBoxOptions(_ref) {

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

@@ -1,4 +1,5 @@
 import { SearchBoxOptions } from "@/types/search-box/SearchBoxOptions";
+import { RoutingBehavior } from "@/types/search-results/RoutingBehavior";
 import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 import { FilterGroup, Options } from "@getlupa/client-sdk/Types";
 import { VuexModule } from "vuex-module-decorators";
@@ -9,6 +10,8 @@ export default class OptionsModule extends VuexModule {
     get envOptions(): Options;
     get classMap(): Record<string, string>;
     get initialFilters(): FilterGroup;
+    get boxRoutingBehavior(): RoutingBehavior;
+    get defaultSearchResultPageSize(): number;
     setSearchBoxOptions({ options }: {
         options: SearchBoxOptions;
     }): void;

package/dist/cjs/types/search-box/SearchBoxOptions.d.ts

@@ -1,9 +1,11 @@
 import { SdkOptions } from "../General";
+import { RoutingBehavior } from "../search-results/RoutingBehavior";
 import { SearchBoxHistory } from "./SearchBoxHistory";
 import { SearchBoxPanel } from "./SearchBoxPanel";
 export declare type SearchBoxOptions = SearchBoxPanelOptions & {
     inputSelector: string;
     searchTriggers?: string[];
+    routingBehavior?: RoutingBehavior;
 };
 export declare type SearchBoxOptionLabels = {
     placeholder: string;

package/dist/cjs/utils/query.utils.d.ts

@@ -1,5 +1,5 @@
 import { QueryParams } from "@/types/search-results/QueryParams";
 import { SearchResultsSortOptions } from "@/types/search-results/SearchResultsSort";
 import { FilterGroup, PublicQuery } from "@getlupa/client-sdk/Types";
-export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined) => PublicQuery;
+export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined, defaultPageSize?: number | undefined) => PublicQuery;
 export declare const getPublicQuery: (publicQuery: PublicQuery, initialFilters: FilterGroup, isProductList: boolean) => PublicQuery;

package/dist/cjs/utils/routing.utils.d.ts

@@ -1,2 +1,5 @@
+import { InputSuggestionFacet } from "@/types/search-box/Common";
+import { RoutingBehavior } from "..";
 export declare const emitRoutingEvent: (url: string) => void;
 export declare const handleRoutingEvent: (link: string, event?: Event | undefined, hasEventRouting?: boolean) => void;
+export declare const redirectToResultsPage: (link: string, searchText: string, facet?: InputSuggestionFacet | undefined, routingBehavior?: RoutingBehavior) => void;

package/dist/es/components/search-results/SearchResults.vue.d.ts

@@ -8,6 +8,8 @@ export default class SearchResults extends Vue {
     isProductList: boolean;
     get productsOptions(): SearchResultsProductOptions;
     currentQueryText: string;
+    hasResults: boolean;
+    currentFilterCount: number;
     get didYouMeanLabels(): SearchResultsDidYouMeanLabels;
     get showFilterSidebar(): boolean;
     get isTitleResultTopPosition(): boolean;
@@ -51,6 +53,7 @@ export default class SearchResults extends Vue {
     setLoading: (loading: boolean) => {
         loading: boolean;
     };
+    defaultSearchResultPageSize: number;
     handleUrlChange(params?: URLSearchParams): void;
     query(publicQuery: PublicQuery): void;
     handleResults({ queryKey, results, }: {

package/dist/es/components/search-results/products/pagination/SearchResultsPageSelect.vue.d.ts

@@ -5,6 +5,11 @@ export default class SearchResultsPageSelect extends Vue {
     label: string;
     options: PaginationPageSelect;
     get pages(): number[];
+    get lastPage(): number | undefined;
+    get showLastPage(): boolean;
+    get showLastPageSeparator(): boolean;
+    get showFirstPage(): boolean;
+    get showFirstPageSeparator(): boolean;
     appendParams: ({ params, paramsToRemove, }: {
         params: {
             name: string;

package/dist/es/index.min.js

@@ -21889,8 +21889,8 @@ var DEFAULT_OPTIONS_RESULTS = {
   }]
 };
 
-var createPublicQuery = function createPublicQuery(queryParams, sortOptions // will be removed when vuex is implemented
-) {
+var createPublicQuery = function createPublicQuery(queryParams, sortOptions, // will be removed when vuex is implemented
+defaultPageSize) {
   var _a;
 
   var publicQuery = {};
@@ -21908,11 +21908,11 @@ var createPublicQuery = function createPublicQuery(queryParams, sortOptions // w
         break;
 
       case QUERY_PARAMS_PARSED.LIMIT:
-        publicQuery.limit = Number(value);
+        publicQuery.limit = Number(value) || defaultPageSize;
         break;
 
       case QUERY_PARAMS_PARSED.PAGE:
-        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
+        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || defaultPageSize || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
         break;
 
       case QUERY_PARAMS_PARSED.SORT:
@@ -27450,6 +27450,16 @@ var handleRoutingEvent = function handleRoutingEvent(link, event) {
   event === null || event === void 0 ? void 0 : event.preventDefault();
   emitRoutingEvent(link);
 };
+var redirectToResultsPage = function redirectToResultsPage(link, searchText, facet) {
+  var routingBehavior = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "direct-link";
+  var url = generateResultLink(link, searchText, facet);
+
+  if (routingBehavior === "event") {
+    emitRoutingEvent(url);
+  } else {
+    window.location.assign(url);
+  }
+};
 
 var CategoryFilterItem = /*#__PURE__*/function (_Vue) {
   _inherits(CategoryFilterItem, _Vue);
@@ -30561,6 +30571,35 @@ var SearchResultsPageSelect = /*#__PURE__*/function (_Vue) {
         return i && i >= left && i < right;
       });
     }
+  }, {
+    key: "lastPage",
+    get: function get() {
+      var _a;
+
+      return (_a = this.options.count) !== null && _a !== void 0 ? _a : undefined;
+    }
+  }, {
+    key: "showLastPage",
+    get: function get() {
+      return Boolean(this.lastPage && !this.pages.includes(this.lastPage));
+    }
+  }, {
+    key: "showLastPageSeparator",
+    get: function get() {
+      var _a;
+
+      return this.showLastPage && !this.pages.includes(((_a = this.lastPage) !== null && _a !== void 0 ? _a : 0) - 1);
+    }
+  }, {
+    key: "showFirstPage",
+    get: function get() {
+      return !this.pages.includes(1);
+    }
+  }, {
+    key: "showFirstPageSeparator",
+    get: function get() {
+      return this.showFirstPage && !this.pages.includes(2);
+    }
   }, {
     key: "handlePageChange",
     value: function handlePageChange(page) {
@@ -30617,7 +30656,16 @@ var __vue_render__$i = function __vue_render__() {
         return _vm.handlePageChange(_vm.options.selectedPage - 1);
       }
     }
-  }, [_vm._v("\n    <\n  ")]) : _vm._e(), _vm._v(" "), _vm._l(_vm.pages, function (page) {
+  }, [_vm._v("\n    <\n  ")]) : _vm._e(), _vm._v(" "), _vm.showFirstPage ? [_c("div", {
+    staticClass: "lupa-page-number lupa-page-number-first",
+    on: {
+      click: function click() {
+        return _vm.handlePageChange(1);
+      }
+    }
+  }, [_vm._v("\n      1\n    ")]), _vm._v(" "), _vm.showFirstPageSeparator ? _c("div", {
+    staticClass: "lupa-page-number-separator"
+  }, [_vm._v("\n      ...\n    ")]) : _vm._e()] : _vm._e(), _vm._v(" "), _vm._l(_vm.pages, function (page) {
     return _c("div", {
       key: page,
       class: ["lupa-page-number", page === _vm.options.selectedPage ? "lupa-page-number-selected" : ""],
@@ -30630,7 +30678,16 @@ var __vue_render__$i = function __vue_render__() {
         }
       }
     }, [_vm._v("\n    " + _vm._s(page) + "\n  ")]);
-  }), _vm._v(" "), _vm.options.selectedPage < _vm.options.count ? _c("div", {
+  }), _vm._v(" "), _vm.showLastPage ? [_vm.showLastPageSeparator ? _c("div", {
+    staticClass: "lupa-page-number-separator"
+  }, [_vm._v("\n      ...\n    ")]) : _vm._e(), _vm._v(" "), _c("div", {
+    staticClass: "lupa-page-number lupa-page-number-last",
+    on: {
+      click: function click() {
+        return _vm.handlePageChange(_vm.lastPage);
+      }
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.lastPage) + "\n    ")])] : _vm._e(), _vm._v(" "), _vm.options.selectedPage < _vm.options.count ? _c("div", {
     class: _vm.label === ">" ? "lupa-page-arrow" : "lupa-show-more",
     attrs: {
       "data-cy": "lupa-show-more"
@@ -32324,7 +32381,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     get: function get() {
       var _a, _b, _c;
 
-      return ((_c = (_b = (_a = this.options.filters) === null || _a === void 0 ? void 0 : _a.facets) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.type) === "sidebar";
+      return ((_c = (_b = (_a = this.options.filters) === null || _a === void 0 ? void 0 : _a.facets) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.type) === "sidebar" && (this.hasResults || this.currentFilterCount > 0);
     }
   }, {
     key: "isTitleResultTopPosition",
@@ -32335,10 +32392,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "mounted",
     value: function mounted() {
       window.addEventListener("resize", this.handleResize);
-      this.handleMounted();
       this.setSearchResultOptions({
         options: this.options
       });
+      this.handleMounted();
       this.setInitialFilters({
         initialFilters: this.initialFilters
       });
@@ -32368,7 +32425,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "handleUrlChange",
     value: function handleUrlChange(params) {
       var searchParams = params || new URLSearchParams(window.location.search);
-      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort);
+      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort, this.defaultSearchResultPageSize);
       this.setLoading(true);
       this.query(getPublicQuery(publicQuery, this.initialFilters, this.isProductList));
     }
@@ -32382,7 +32439,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
         query: publicQuery
       });
       var context = getLupaTrackingContext();
-      var query = Object.assign(Object.assign({}, publicQuery), context);
+      var limit = publicQuery.limit || this.defaultSearchResultPageSize;
+      var query = Object.assign(Object.assign(Object.assign({}, publicQuery), context), {
+        limit: limit
+      });
       getLupaSdk.query(this.options.queryKey, query, this.options.options).then(function (res) {
         var _a, _b;
 
@@ -32467,6 +32527,10 @@ __decorate([Prop({
 
 __decorate([searchResult$1.Getter("currentQueryText")], SearchResults.prototype, "currentQueryText", void 0);
 
+__decorate([searchResult$1.Getter("hasResults")], SearchResults.prototype, "hasResults", void 0);
+
+__decorate([searchResult$1.Getter("currentFilterCount")], SearchResults.prototype, "currentFilterCount", void 0);
+
 __decorate([tracking$2.Action("trackSearch")], SearchResults.prototype, "trackSearch", void 0);
 
 __decorate([tracking$2.Action("trackResults")], SearchResults.prototype, "trackResults", void 0);
@@ -32491,6 +32555,8 @@ __decorate([searchResult$1.Action("add")], SearchResults.prototype, "addSearchRe
 
 __decorate([searchResult$1.Action("setLoading")], SearchResults.prototype, "setLoading", void 0);
 
+__decorate([options$1.Getter("defaultSearchResultPageSize")], SearchResults.prototype, "defaultSearchResultPageSize", void 0);
+
 __decorate([searchResult$1.Action("setColumnCount")], SearchResults.prototype, "setColumnCount", void 0);
 
 SearchResults = __decorate([Component({
@@ -34205,7 +34271,7 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
   }, {
     key: "limit",
     get: function get() {
-      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.defaultLimit;
+      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.context.rootGetters["options/defaultSearchResultPageSize"] || this.defaultLimit;
     }
   }, {
     key: "sort",
@@ -34281,6 +34347,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
       var searchText = _ref3.searchText,
           facet = _ref3.facet;
 
+      var _a;
+
       if (!this.searchResultsLink || this.searchResultsLink === window.location.pathname) {
         var facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
         this.context.dispatch("appendParams", {
@@ -34291,7 +34359,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
           paramsToRemove: "all"
         });
       } else {
-        window.location.assign(generateResultLink(this.searchResultsLink, searchText, facet));
+        var routing = (_a = this.context.rootGetters["options/boxRoutingBehavior"]) !== null && _a !== void 0 ? _a : "direct-link";
+        redirectToResultsPage(this.searchResultsLink, searchText, facet, routing);
       }
 
       this.context.dispatch("tracking/track", {
@@ -34437,6 +34506,20 @@ var OptionsModule = /*#__PURE__*/function (_VuexModule) {
     get: function get() {
       return this.searchResultInitialFilters;
     }
+  }, {
+    key: "boxRoutingBehavior",
+    get: function get() {
+      var _a;
+
+      return (_a = this.searchBoxOptions.routingBehavior) !== null && _a !== void 0 ? _a : "direct-link";
+    }
+  }, {
+    key: "defaultSearchResultPageSize",
+    get: function get() {
+      var _a, _b, _c, _d, _e;
+
+      return (_e = (_d = (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.sizeSelection) === null || _c === void 0 ? void 0 : _c.sizes) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : DEFAULT_PAGE_SIZE;
+    }
   }, {
     key: "setSearchBoxOptions",
     value: function setSearchBoxOptions(_ref) {

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

@@ -1,4 +1,5 @@
 import { SearchBoxOptions } from "@/types/search-box/SearchBoxOptions";
+import { RoutingBehavior } from "@/types/search-results/RoutingBehavior";
 import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 import { FilterGroup, Options } from "@getlupa/client-sdk/Types";
 import { VuexModule } from "vuex-module-decorators";
@@ -9,6 +10,8 @@ export default class OptionsModule extends VuexModule {
     get envOptions(): Options;
     get classMap(): Record<string, string>;
     get initialFilters(): FilterGroup;
+    get boxRoutingBehavior(): RoutingBehavior;
+    get defaultSearchResultPageSize(): number;
     setSearchBoxOptions({ options }: {
         options: SearchBoxOptions;
     }): void;

package/dist/es/types/search-box/SearchBoxOptions.d.ts

@@ -1,9 +1,11 @@
 import { SdkOptions } from "../General";
+import { RoutingBehavior } from "../search-results/RoutingBehavior";
 import { SearchBoxHistory } from "./SearchBoxHistory";
 import { SearchBoxPanel } from "./SearchBoxPanel";
 export declare type SearchBoxOptions = SearchBoxPanelOptions & {
     inputSelector: string;
     searchTriggers?: string[];
+    routingBehavior?: RoutingBehavior;
 };
 export declare type SearchBoxOptionLabels = {
     placeholder: string;

package/dist/es/utils/query.utils.d.ts

@@ -1,5 +1,5 @@
 import { QueryParams } from "@/types/search-results/QueryParams";
 import { SearchResultsSortOptions } from "@/types/search-results/SearchResultsSort";
 import { FilterGroup, PublicQuery } from "@getlupa/client-sdk/Types";
-export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined) => PublicQuery;
+export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined, defaultPageSize?: number | undefined) => PublicQuery;
 export declare const getPublicQuery: (publicQuery: PublicQuery, initialFilters: FilterGroup, isProductList: boolean) => PublicQuery;

package/dist/es/utils/routing.utils.d.ts

@@ -1,2 +1,5 @@
+import { InputSuggestionFacet } from "@/types/search-box/Common";
+import { RoutingBehavior } from "..";
 export declare const emitRoutingEvent: (url: string) => void;
 export declare const handleRoutingEvent: (link: string, event?: Event | undefined, hasEventRouting?: boolean) => void;
+export declare const redirectToResultsPage: (link: string, searchText: string, facet?: InputSuggestionFacet | undefined, routingBehavior?: RoutingBehavior) => void;

package/dist/iife/components/search-results/SearchResults.vue.d.ts

@@ -8,6 +8,8 @@ export default class SearchResults extends Vue {
     isProductList: boolean;
     get productsOptions(): SearchResultsProductOptions;
     currentQueryText: string;
+    hasResults: boolean;
+    currentFilterCount: number;
     get didYouMeanLabels(): SearchResultsDidYouMeanLabels;
     get showFilterSidebar(): boolean;
     get isTitleResultTopPosition(): boolean;
@@ -51,6 +53,7 @@ export default class SearchResults extends Vue {
     setLoading: (loading: boolean) => {
         loading: boolean;
     };
+    defaultSearchResultPageSize: number;
     handleUrlChange(params?: URLSearchParams): void;
     query(publicQuery: PublicQuery): void;
     handleResults({ queryKey, results, }: {

package/dist/iife/components/search-results/products/pagination/SearchResultsPageSelect.vue.d.ts

@@ -5,6 +5,11 @@ export default class SearchResultsPageSelect extends Vue {
     label: string;
     options: PaginationPageSelect;
     get pages(): number[];
+    get lastPage(): number | undefined;
+    get showLastPage(): boolean;
+    get showLastPageSeparator(): boolean;
+    get showFirstPage(): boolean;
+    get showFirstPageSeparator(): boolean;
     appendParams: ({ params, paramsToRemove, }: {
         params: {
             name: string;