@getlupa/client 0.6.0-alpha-1 → 0.6.0-alpha-4

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

@@ -64,6 +64,9 @@ export default class SearchResults extends Vue {
         queryKey: string;
         results: SearchQueryResult;
     }): void;
+    setScreenWidth: ({ width, }: {
+        width: number;
+    }) => void;
     setColumnCount: ({ width, grid, }: {
         width: number;
         grid: ProductGrid;

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

@@ -5,6 +5,8 @@ export default class SearchResultsPageSelect extends Vue {
     lastPageLabel: string;
     firstPageLabel: string;
     options: PaginationPageSelect;
+    isMobileWidth: boolean;
+    get pageOptionsCount(): number;
     get pages(): number[];
     get showBack(): boolean;
     get lastPage(): number | undefined;

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

@@ -46,6 +46,7 @@ export declare const DEFAULT_OPTIONS_RESULTS: {
                 bottom: boolean;
             };
             display: number;
+            displayMobile: number;
         };
     };
     sort: never[];

package/dist/cjs/index.d.ts

@@ -1,13 +1,13 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
 import { FacetStyle, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
-import { SdkOptions, TrackingOptions, Environment } from "./types/General";
+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";
 import { SearchBoxPanelType } from "./types/search-box/SearchBoxPanel";
 import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeType } from "./types/search-results/BadgeOptions";
-import { SortDirection } from "@getlupa/client-sdk/Types";
+import { SearchResultsSortOptions, SortOptions } from "./types/search-results/SearchResultsSort";
 declare const lupaSearch: {
     searchBox: (options: SearchBoxOptions) => void;
     searchResults: (options: SearchResultsOptions) => void;
@@ -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, };
+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, };
 export default lupaSearch;

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) {
@@ -24231,7 +24229,8 @@ var DEFAULT_OPTIONS_RESULTS = {
         top: false,
         bottom: true
       },
-      display: 5
+      display: 5,
+      displayMobile: 3
     }
   },
   sort: [],
@@ -25610,7 +25609,7 @@ var toggleHierarchyParam = function toggleHierarchyParam() {
   return getMostSpecificHierarchyTerms([param].concat(_toConsumableArray(params)));
 };
 
-var searchResult$g = namespace("searchResult");
+var searchResult$h = namespace("searchResult");
 var params$c = namespace("params");
 var options$8 = namespace("options");
 
@@ -25681,13 +25680,13 @@ __decorate([Prop({
   default: false
 })], CurrentFilters.prototype, "expandable", void 0);
 
-__decorate([searchResult$g.Getter("filters")], CurrentFilters.prototype, "currentFilters", void 0);
+__decorate([searchResult$h.Getter("filters")], CurrentFilters.prototype, "currentFilters", void 0);
 
-__decorate([searchResult$g.Getter("facets")], CurrentFilters.prototype, "facets", void 0);
+__decorate([searchResult$h.Getter("facets")], CurrentFilters.prototype, "facets", void 0);
 
-__decorate([searchResult$g.Getter("displayFilters")], CurrentFilters.prototype, "displayFilters", void 0);
+__decorate([searchResult$h.Getter("displayFilters")], CurrentFilters.prototype, "displayFilters", void 0);
 
-__decorate([searchResult$g.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
+__decorate([searchResult$h.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
 
 __decorate([options$8.Getter("initialFilters")], CurrentFilters.prototype, "initialFilters", void 0);
 
@@ -29686,7 +29685,7 @@ var scrollTo = function scrollTo(elementId) {
   });
 };
 
-var searchResult$f = namespace("searchResult");
+var searchResult$g = namespace("searchResult");
 var params$b = namespace("params");
 
 var Facets = /*#__PURE__*/function (_Vue) {
@@ -29770,7 +29769,7 @@ __decorate([Prop({
 
 __decorate([params$b.Getter("filters")], Facets.prototype, "currentFilters", void 0);
 
-__decorate([searchResult$f.Getter("facets")], Facets.prototype, "facets", void 0);
+__decorate([searchResult$g.Getter("facets")], Facets.prototype, "facets", void 0);
 
 __decorate([params$b.Action("removeParams")], Facets.prototype, "removeParams", void 0);
 
@@ -30263,7 +30262,7 @@ var __vue_component__$D = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$D
 }, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, undefined, undefined, undefined);
 
-var searchResult$e = namespace("searchResult");
+var searchResult$f = namespace("searchResult");
 
 var MobileFilterSidebar = /*#__PURE__*/function (_Vue) {
   _inherits(MobileFilterSidebar, _Vue);
@@ -30311,13 +30310,13 @@ var MobileFilterSidebar = /*#__PURE__*/function (_Vue) {
 
 __decorate([Prop()], MobileFilterSidebar.prototype, "options", void 0);
 
-__decorate([searchResult$e.Mutation("setSidebarVisibility")], MobileFilterSidebar.prototype, "setSidebarVisibility", void 0);
+__decorate([searchResult$f.Mutation("setSidebarVisibility")], MobileFilterSidebar.prototype, "setSidebarVisibility", void 0);
 
-__decorate([searchResult$e.State(function (state) {
+__decorate([searchResult$f.State(function (state) {
   return state.isMobileSidebarVisible;
 })], MobileFilterSidebar.prototype, "isMobileSidebarVisible", void 0);
 
-__decorate([searchResult$e.Getter("currentFilterCount")], MobileFilterSidebar.prototype, "currentFilterCount", void 0);
+__decorate([searchResult$f.Getter("currentFilterCount")], MobileFilterSidebar.prototype, "currentFilterCount", void 0);
 
 MobileFilterSidebar = __decorate([Component({
   name: "mobileFilerSidebar",
@@ -30386,7 +30385,7 @@ var __vue_component__$C = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$C
 }, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, undefined, undefined, undefined);
 
-var searchResult$d = namespace("searchResult");
+var searchResult$e = namespace("searchResult");
 var params$a = namespace("params");
 
 var SearchResultsDidYouMean = /*#__PURE__*/function (_Vue) {
@@ -30439,7 +30438,7 @@ __decorate([Prop({
   default: ""
 })], SearchResultsDidYouMean.prototype, "labels", void 0);
 
-__decorate([searchResult$d.State(function (state) {
+__decorate([searchResult$e.State(function (state) {
   return state.searchResult;
 })], SearchResultsDidYouMean.prototype, "searchResult", void 0);
 
@@ -31589,7 +31588,7 @@ var __vue_component__$r = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$r
 }, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, undefined, undefined, undefined);
 
-var searchResult$c = namespace("searchResult");
+var searchResult$d = namespace("searchResult");
 
 var SearchResultsProductAddToCart = /*#__PURE__*/function (_Vue) {
   _inherits(SearchResultsProductAddToCart, _Vue);
@@ -31650,7 +31649,7 @@ __decorate([Prop({
   default: true
 })], SearchResultsProductAddToCart.prototype, "inStock", void 0);
 
-__decorate([searchResult$c.State(function (state) {
+__decorate([searchResult$d.State(function (state) {
   return state.addToCartAmount;
 })], SearchResultsProductAddToCart.prototype, "addToCartAmount", void 0);
 
@@ -32027,7 +32026,7 @@ var __vue_component__$n = /*#__PURE__*/normalizeComponent({
 
 var tracking$3 = namespace("tracking");
 var params$9 = namespace("params");
-var searchResult$b = namespace("searchResult");
+var searchResult$c = namespace("searchResult");
 var options$4 = namespace("options");
 
 var SearchResultsProductCard = /*#__PURE__*/function (_Vue) {
@@ -32195,7 +32194,7 @@ __decorate([Prop({
   default: false
 })], SearchResultsProductCard.prototype, "isAdditionalPanel", void 0);
 
-__decorate([searchResult$b.State(function (state) {
+__decorate([searchResult$c.State(function (state) {
   return state.layout;
 })], SearchResultsProductCard.prototype, "layout", void 0);
 
@@ -32903,6 +32902,7 @@ var __vue_component__$j = /*#__PURE__*/normalizeComponent({
 }, __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 params$6 = namespace("params");
+var searchResult$b = namespace("searchResult");
 
 var SearchResultsPageSelect = /*#__PURE__*/function (_Vue) {
   _inherits(SearchResultsPageSelect, _Vue);
@@ -32916,12 +32916,17 @@ var SearchResultsPageSelect = /*#__PURE__*/function (_Vue) {
   }
 
   _createClass(SearchResultsPageSelect, [{
+    key: "pageOptionsCount",
+    get: function get() {
+      return this.isMobileWidth ? this.options.displayMobile : this.options.display;
+    }
+  }, {
     key: "pages",
     get: function get() {
       var currentPage = Math.min(this.options.count, this.options.selectedPage);
-      var delta = Math.floor(this.options.display / 2),
+      var delta = Math.floor(this.pageOptionsCount / 2),
           left = currentPage - delta,
-          right = currentPage + (this.options.display - delta);
+          right = currentPage + (this.pageOptionsCount - delta);
       return Array.from({
         length: this.options.count
       }, function (v, k) {
@@ -32994,6 +32999,8 @@ __decorate([Prop({
   default: {}
 })], SearchResultsPageSelect.prototype, "options", void 0);
 
+__decorate([searchResult$b.Getter("isMobileWidth")], SearchResultsPageSelect.prototype, "isMobileWidth", void 0);
+
 __decorate([params$6.Action("appendParams")], SearchResultsPageSelect.prototype, "appendParams", void 0);
 
 SearchResultsPageSelect = __decorate([Component({
@@ -33640,7 +33647,8 @@ var SearchResultsToolbar = /*#__PURE__*/function (_Vue) {
         pageSelect: {
           count: getPageCount(this.searchResult.total, this.limit),
           selectedPage: this.page,
-          display: pageSelect.display
+          display: pageSelect.display,
+          displayMobile: pageSelect.displayMobile
         },
         labels: this.options.labels
       };
@@ -34870,6 +34878,9 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
         width: window.innerWidth,
         grid: this.options.grid
       });
+      this.setScreenWidth({
+        width: window.innerWidth
+      });
     }
   }]);
 
@@ -34922,6 +34933,8 @@ __decorate([searchResult$1.Action("setLoading")], SearchResults.prototype, "setL
 
 __decorate([options$1.Getter("defaultSearchResultPageSize")], SearchResults.prototype, "defaultSearchResultPageSize", void 0);
 
+__decorate([searchResult$1.Mutation("setScreenWidth")], SearchResults.prototype, "setScreenWidth", void 0);
+
 __decorate([searchResult$1.Action("setColumnCount")], SearchResults.prototype, "setColumnCount", void 0);
 
 SearchResults = __decorate([Component({
@@ -36378,6 +36391,8 @@ var setDocumentTitle = function setDocumentTitle(template) {
   document.title = addParamsToLabel(template, textToInsert);
 };
 
+var MOBILE_WIDTH = 767;
+
 var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
   _inherits(SearchResultModule, _VuexModule);
 
@@ -36395,6 +36410,7 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
     _this.layout = ResultsLayoutEnum.GRID;
     _this.loading = false;
     _this.isMobileSidebarVisible = false;
+    _this.screenWidth = 1000;
     return _this;
   }
 
@@ -36470,6 +36486,11 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
       var offset = (_b = this.searchResult.offset) !== null && _b !== void 0 ? _b : 0;
       return [offset + 1, Math.min(offset + limit, this.totalItems)];
     }
+  }, {
+    key: "isMobileWidth",
+    get: function get() {
+      return this.screenWidth < MOBILE_WIDTH;
+    }
   }, {
     key: "setSidebarVisibility",
     value: function setSidebarVisibility(_ref) {
@@ -36493,6 +36514,12 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
     value: function load(loading) {
       this.loading = loading || false;
     }
+  }, {
+    key: "setScreenWidth",
+    value: function setScreenWidth(_ref3) {
+      var width = _ref3.width;
+      this.screenWidth = width;
+    }
   }, {
     key: "add",
     value: function add(searchResult) {
@@ -36511,9 +36538,9 @@ var SearchResultModule = /*#__PURE__*/function (_VuexModule) {
     }
   }, {
     key: "setColumnCount",
-    value: function setColumnCount(_ref3) {
-      var width = _ref3.width,
-          grid = _ref3.grid;
+    value: function setColumnCount(_ref4) {
+      var width = _ref4.width,
+          grid = _ref4.grid;
 
       if (!width || !grid) {
         return {
@@ -36585,6 +36612,8 @@ __decorate([Mutation], SearchResultModule.prototype, "save", null);
 
 __decorate([Mutation], SearchResultModule.prototype, "load", null);
 
+__decorate([Mutation], SearchResultModule.prototype, "setScreenWidth", null);
+
 __decorate([Action({
   commit: "save"
 })], SearchResultModule.prototype, "add", null);
@@ -37157,8 +37186,4 @@ var lupaSearch = {
   clearProductList: clearProductList
 };
 
-Object.defineProperty(exports, 'SortDirection', {
-	enumerable: true,
-	get: function () { return Types.SortDirection; }
-});
 exports["default"] = lupaSearch;

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

@@ -10,6 +10,7 @@ export default class SearchResultModule extends VuexModule {
     layout: ResultsLayout;
     loading: boolean;
     isMobileSidebarVisible: boolean;
+    screenWidth: number;
     get facets(): FacetResult[] | undefined;
     get currentFilters(): FilterGroup | undefined;
     get filters(): FilterGroup;
@@ -21,6 +22,7 @@ export default class SearchResultModule extends VuexModule {
     get currentFilterCount(): number;
     get hasAnyFilter(): boolean;
     get itemRange(): number[];
+    get isMobileWidth(): boolean;
     setSidebarVisibility({ visible }: {
         visible: boolean;
     }): void;
@@ -31,6 +33,9 @@ export default class SearchResultModule extends VuexModule {
         layout?: ResultsLayout;
     }): void;
     load(loading: boolean): void;
+    setScreenWidth({ width }: {
+        width: number;
+    }): void;
     add(searchResult: SearchQueryResult): {
         searchResult: SearchQueryResult;
         pageSize: number;

package/dist/cjs/types/General.d.ts

@@ -15,3 +15,4 @@ export declare type TrackingOptions = {
     analytics?: AnalyticsOptions;
 };
 export declare type Environment = SdkEnvironment;
+export declare type SortDirection = "asc" | "desc";

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

@@ -12,6 +12,7 @@ export declare type PaginationPageSelect = {
     count: number;
     selectedPage: number;
     display: number;
+    displayMobile: number;
 };
 export declare type PaginationDisplay = {
     pageSize: boolean;

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

@@ -68,6 +68,7 @@ export declare type SearchResultsPagination = {
     pageSelection: {
         position: SearchResultsPaginationPosition;
         display: number;
+        displayMobile: number;
     };
 };
 export declare type SearchResultsPaginationPosition = {

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

@@ -1,4 +1,4 @@
-import { SortDirection } from "@getlupa/client-sdk/Types";
+import { SortDirection } from "../General";
 export declare type SearchResultsSortOptions = {
     key: string;
     label: string;

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

@@ -64,6 +64,9 @@ export default class SearchResults extends Vue {
         queryKey: string;
         results: SearchQueryResult;
     }): void;
+    setScreenWidth: ({ width, }: {
+        width: number;
+    }) => void;
     setColumnCount: ({ width, grid, }: {
         width: number;
         grid: ProductGrid;

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

@@ -5,6 +5,8 @@ export default class SearchResultsPageSelect extends Vue {
     lastPageLabel: string;
     firstPageLabel: string;
     options: PaginationPageSelect;
+    isMobileWidth: boolean;
+    get pageOptionsCount(): number;
     get pages(): number[];
     get showBack(): boolean;
     get lastPage(): number | undefined;

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

@@ -46,6 +46,7 @@ export declare const DEFAULT_OPTIONS_RESULTS: {
                 bottom: boolean;
             };
             display: number;
+            displayMobile: number;
         };
     };
     sort: never[];

package/dist/es/index.d.ts

@@ -1,13 +1,13 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
 import { FacetStyle, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
-import { SdkOptions, TrackingOptions, Environment } from "./types/General";
+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";
 import { SearchBoxPanelType } from "./types/search-box/SearchBoxPanel";
 import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeType } from "./types/search-results/BadgeOptions";
-import { SortDirection } from "@getlupa/client-sdk/Types";
+import { SearchResultsSortOptions, SortOptions } from "./types/search-results/SearchResultsSort";
 declare const lupaSearch: {
     searchBox: (options: SearchBoxOptions) => void;
     searchResults: (options: SearchResultsOptions) => void;
@@ -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, };
+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, };
 export default lupaSearch;