@getlupa/client 0.5.1-alpha-8 → 0.5.1-alpha-11

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

@@ -51,6 +51,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.d.ts

@@ -1,10 +1,9 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
 import { FacetStyle, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
-import { SdkOptions, TrackingOptions } from "./types/General";
+import { SdkOptions, TrackingOptions, Environment, SortDirection } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 import { DocumentElementType } from "./types/DocumentElement";
 import { SearchBoxPanelType } from "./types/search-box/SearchBoxPanel";
-import { Environment, SortDirection } from "@getlupa/client-sdk/Types";
 import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeType } from "./types/search-results/BadgeOptions";

package/dist/cjs/index.min.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Types = require('@getlupa/client-sdk/Types');
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -21895,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 = {};
@@ -21914,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:
@@ -27456,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);
@@ -30567,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) {
@@ -30623,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" : ""],
@@ -30636,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"
@@ -32341,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
       });
@@ -32374,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));
     }
@@ -32388,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;
 
@@ -32497,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({
@@ -34211,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",
@@ -34287,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", {
@@ -34297,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", {
@@ -34443,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) {
@@ -34671,8 +34748,4 @@ var lupaSearch = {
   clearProductList: clearProductList
 };
 
-Object.defineProperty(exports, 'SortDirection', {
-	enumerable: true,
-	get: function () { return Types.SortDirection; }
-});
 exports["default"] = lupaSearch;

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/General.d.ts

@@ -1,7 +1,7 @@
-import { Environment } from "@getlupa/client-sdk/Types";
 import { AnalyticsOptions } from "./AnalyticsOptions";
+import { Environment as SdkEnvironment, SortDirection as SdkSortDirection } from "@getlupa/client-sdk/Types";
 export declare type SdkOptions = {
-    environment: Environment;
+    environment: SdkEnvironment;
     customUrl?: string;
     customPayload?: Record<string, unknown>;
     customHeaders?: Record<string, string>;
@@ -14,3 +14,5 @@ export declare type TrackingOptions = {
     userKey?: string;
     analytics?: AnalyticsOptions;
 };
+export declare type SortDirection = SdkSortDirection;
+export declare type Environment = SdkEnvironment;

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

@@ -51,6 +51,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.d.ts

@@ -1,10 +1,9 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
 import { FacetStyle, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
-import { SdkOptions, TrackingOptions } from "./types/General";
+import { SdkOptions, TrackingOptions, Environment, SortDirection } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 import { DocumentElementType } from "./types/DocumentElement";
 import { SearchBoxPanelType } from "./types/search-box/SearchBoxPanel";
-import { Environment, SortDirection } from "@getlupa/client-sdk/Types";
 import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeType } from "./types/search-results/BadgeOptions";

package/dist/es/index.min.js

@@ -1,5 +1,3 @@
-export { SortDirection } from '@getlupa/client-sdk/Types';
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -21891,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 = {};
@@ -21910,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:
@@ -27452,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);
@@ -30563,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) {
@@ -30619,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" : ""],
@@ -30632,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"
@@ -32337,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
       });
@@ -32370,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));
     }
@@ -32384,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;
 
@@ -32493,6 +32551,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({
@@ -34207,7 +34267,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",
@@ -34283,6 +34343,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", {
@@ -34293,7 +34355,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", {
@@ -34439,6 +34502,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/General.d.ts

@@ -1,7 +1,7 @@
-import { Environment } from "@getlupa/client-sdk/Types";
 import { AnalyticsOptions } from "./AnalyticsOptions";
+import { Environment as SdkEnvironment, SortDirection as SdkSortDirection } from "@getlupa/client-sdk/Types";
 export declare type SdkOptions = {
-    environment: Environment;
+    environment: SdkEnvironment;
     customUrl?: string;
     customPayload?: Record<string, unknown>;
     customHeaders?: Record<string, string>;
@@ -14,3 +14,5 @@ export declare type TrackingOptions = {
     userKey?: string;
     analytics?: AnalyticsOptions;
 };
+export declare type SortDirection = SdkSortDirection;
+export declare type Environment = SdkEnvironment;

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

@@ -51,6 +51,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;

package/dist/iife/index.d.ts

@@ -1,10 +1,9 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
 import { FacetStyle, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
-import { SdkOptions, TrackingOptions } from "./types/General";
+import { SdkOptions, TrackingOptions, Environment, SortDirection } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 import { DocumentElementType } from "./types/DocumentElement";
 import { SearchBoxPanelType } from "./types/search-box/SearchBoxPanel";
-import { Environment, SortDirection } from "@getlupa/client-sdk/Types";
 import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeType } from "./types/search-results/BadgeOptions";