@getlupa/client 0.5.1-alpha-10 → 0.5.1-alpha-13

package/dist/cjs/components/search-box/products/SearchBoxProduct.vue.d.ts

@@ -4,12 +4,14 @@ import { DocumentSearchBoxPanel } from "@/types/search-box/SearchBoxPanel";
 import { SearchBoxOptionLabels } from "@/types/search-box/SearchBoxOptions";
 import { DocumentElement } from "@/types/DocumentElement";
 import { TrackableEventData } from "@/types/search-box/Common";
+import { RoutingBehavior } from "@/types/search-results/RoutingBehavior";
 export default class SearchBoxProduct extends Vue {
     item: Document;
     inputValue: string;
     panelOptions: DocumentSearchBoxPanel;
     labels?: SearchBoxOptionLabels;
     highlighted?: boolean;
+    boxRoutingBehavior: RoutingBehavior;
     trackClick: ({ queryKey, data, }: {
         queryKey: string;
         data: TrackableEventData;
@@ -21,5 +23,5 @@ export default class SearchBoxProduct extends Vue {
     get imageElements(): DocumentElement[];
     get detailElements(): DocumentElement[];
     get id(): string;
-    handleClick(): void;
+    handleClick(event?: Event): void;
 }

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;
@@ -23,6 +25,10 @@ export default class SearchResults extends Vue {
     setDefaultLimit: (defaultLimit: number) => {
         defaultLimit: number;
     };
+    handleNoResultsFlag: ({ resultCount, noResultsParam, }: {
+        resultCount: number;
+        noResultsParam?: string;
+    }) => void;
     addParams: (params: QueryParams) => {
         params: QueryParams;
     };
@@ -51,6 +57,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/index.min.js

@@ -19712,8 +19712,36 @@ var linksMatch = function linksMatch(link1, link2) {
   return link1 === link2 || getRelativePath(link1) === getRelativePath(link2);
 };
 
+var emitRoutingEvent = function emitRoutingEvent(url) {
+  var event = new CustomEvent(LUPA_ROUTING_EVENT, {
+    detail: url
+  });
+  window.dispatchEvent(event);
+};
+var handleRoutingEvent = function handleRoutingEvent(link, event) {
+  var hasEventRouting = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+  if (!hasEventRouting) {
+    return;
+  }
+
+  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 history$3 = namespace("history");
 var tracking$5 = namespace("tracking");
+var options$9 = namespace("options");
 
 var SearchBoxProduct = /*#__PURE__*/function (_Vue) {
   _inherits(SearchBoxProduct, _Vue);
@@ -19762,7 +19790,7 @@ var SearchBoxProduct = /*#__PURE__*/function (_Vue) {
     }
   }, {
     key: "handleClick",
-    value: function handleClick() {
+    value: function handleClick(event) {
       if (this.panelOptions.titleKey) {
         this.addHistory({
           item: this.item[this.panelOptions.titleKey] || ""
@@ -19785,6 +19813,12 @@ var SearchBoxProduct = /*#__PURE__*/function (_Vue) {
           }
         }
       });
+
+      if (!this.link) {
+        return;
+      }
+
+      handleRoutingEvent(this.link, event, this.boxRoutingBehavior === "event");
     }
   }]);
 
@@ -19805,6 +19839,8 @@ __decorate([Prop({
   default: false
 })], SearchBoxProduct.prototype, "highlighted", void 0);
 
+__decorate([options$9.Getter("boxRoutingBehavior")], SearchBoxProduct.prototype, "boxRoutingBehavior", void 0);
+
 __decorate([tracking$5.Action("track")], SearchBoxProduct.prototype, "trackClick", void 0);
 
 __decorate([history$3.Action("add")], SearchBoxProduct.prototype, "addHistory", void 0);
@@ -21893,8 +21929,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 +21948,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:
@@ -27438,23 +27474,6 @@ var __vue_component__$G = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$G
 }, __vue_inject_styles__$G, __vue_script__$G, __vue_scope_id__$G, __vue_is_functional_template__$G, __vue_module_identifier__$G, false, undefined, undefined, undefined);
 
-var emitRoutingEvent = function emitRoutingEvent(url) {
-  var event = new CustomEvent(LUPA_ROUTING_EVENT, {
-    detail: url
-  });
-  window.dispatchEvent(event);
-};
-var handleRoutingEvent = function handleRoutingEvent(link, event) {
-  var hasEventRouting = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
-  if (!hasEventRouting) {
-    return;
-  }
-
-  event === null || event === void 0 ? void 0 : event.preventDefault();
-  emitRoutingEvent(link);
-};
-
 var CategoryFilterItem = /*#__PURE__*/function (_Vue) {
   _inherits(CategoryFilterItem, _Vue);
 
@@ -32375,7 +32394,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",
@@ -32386,10 +32405,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
       });
@@ -32419,7 +32438,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));
     }
@@ -32433,7 +32452,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;
 
@@ -32464,30 +32486,17 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     value: function handleResults(_ref) {
       var queryKey = _ref.queryKey,
           results = _ref.results;
+
+      var _a;
+
       this.trackResults({
         queryKey: queryKey,
         results: results
       });
-      var noResultsParam = this.options.noResultsQueryFlag;
-
-      if (!noResultsParam) {
-        return;
-      }
-
-      if (results.total < 1) {
-        this.appendParams({
-          params: [{
-            name: noResultsParam,
-            value: "true"
-          }],
-          save: false
-        });
-      } else {
-        this.removeParams({
-          paramsToRemove: [noResultsParam],
-          save: false
-        });
-      }
+      this.handleNoResultsFlag({
+        resultCount: (_a = results === null || results === void 0 ? void 0 : results.total) !== null && _a !== void 0 ? _a : 0,
+        noResultsParam: this.options.noResultsQueryFlag
+      });
     }
   }, {
     key: "handleResize",
@@ -32518,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);
@@ -32526,6 +32539,8 @@ __decorate([params$1.State("searchString")], SearchResults.prototype, "searchStr
 
 __decorate([params$1.Action("setDefaultLimit")], SearchResults.prototype, "setDefaultLimit", void 0);
 
+__decorate([params$1.Action("handleNoResultsFlag")], SearchResults.prototype, "handleNoResultsFlag", void 0);
+
 __decorate([params$1.Action("add")], SearchResults.prototype, "addParams", void 0);
 
 __decorate([params$1.Action("removeParams")], SearchResults.prototype, "removeParams", void 0);
@@ -32542,6 +32557,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({
@@ -34256,7 +34273,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",
@@ -34326,11 +34343,38 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
         searchString: url.search
       } : {};
     }
+  }, {
+    key: "handleNoResultsFlag",
+    value: function handleNoResultsFlag(_ref3) {
+      var resultCount = _ref3.resultCount,
+          noResultsParam = _ref3.noResultsParam;
+
+      if (!noResultsParam || this.searchResultsLink && this.searchResultsLink !== window.location.pathname) {
+        return;
+      }
+
+      if (resultCount < 1) {
+        this.context.dispatch("appendParams", {
+          params: [{
+            name: noResultsParam,
+            value: "true"
+          }],
+          save: false
+        });
+      } else {
+        this.context.dispatch("removeParams", {
+          paramsToRemove: [noResultsParam],
+          save: false
+        });
+      }
+    }
   }, {
     key: "goToResults",
-    value: function goToResults(_ref3) {
-      var searchText = _ref3.searchText,
-          facet = _ref3.facet;
+    value: function goToResults(_ref4) {
+      var searchText = _ref4.searchText,
+          facet = _ref4.facet;
+
+      var _a;
 
       if (!this.searchResultsLink || this.searchResultsLink === window.location.pathname) {
         var facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
@@ -34342,7 +34386,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", {
@@ -34358,13 +34403,13 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
     }
   }, {
     key: "appendParams",
-    value: function appendParams(_ref4) {
-      var params = _ref4.params,
-          paramsToRemove = _ref4.paramsToRemove,
-          _ref4$encode = _ref4.encode,
-          encode = _ref4$encode === void 0 ? true : _ref4$encode,
-          _ref4$save = _ref4.save,
-          save = _ref4$save === void 0 ? true : _ref4$save;
+    value: function appendParams(_ref5) {
+      var params = _ref5.params,
+          paramsToRemove = _ref5.paramsToRemove,
+          _ref5$encode = _ref5.encode,
+          encode = _ref5$encode === void 0 ? true : _ref5$encode,
+          _ref5$save = _ref5.save,
+          save = _ref5$save === void 0 ? true : _ref5$save;
 
       if (!(params === null || params === void 0 ? void 0 : params.length)) {
         return {
@@ -34431,6 +34476,8 @@ __decorate([Action({
   commit: "save"
 })], ParamsModule.prototype, "removeParams", null);
 
+__decorate([Action({})], ParamsModule.prototype, "handleNoResultsFlag", null);
+
 __decorate([Action({})], ParamsModule.prototype, "goToResults", null);
 
 __decorate([Action({
@@ -34488,6 +34535,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/store/modules/params.d.ts

@@ -32,6 +32,10 @@ export default class ParamsModule extends VuexModule {
         params?: QueryParams;
         searchString?: string;
     };
+    handleNoResultsFlag({ resultCount, noResultsParam, }: {
+        resultCount: number;
+        noResultsParam?: string;
+    }): void;
     goToResults({ searchText, facet, }: {
         searchText: string;
         facet?: InputSuggestionFacet;

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-box/products/SearchBoxProduct.vue.d.ts

@@ -4,12 +4,14 @@ import { DocumentSearchBoxPanel } from "@/types/search-box/SearchBoxPanel";
 import { SearchBoxOptionLabels } from "@/types/search-box/SearchBoxOptions";
 import { DocumentElement } from "@/types/DocumentElement";
 import { TrackableEventData } from "@/types/search-box/Common";
+import { RoutingBehavior } from "@/types/search-results/RoutingBehavior";
 export default class SearchBoxProduct extends Vue {
     item: Document;
     inputValue: string;
     panelOptions: DocumentSearchBoxPanel;
     labels?: SearchBoxOptionLabels;
     highlighted?: boolean;
+    boxRoutingBehavior: RoutingBehavior;
     trackClick: ({ queryKey, data, }: {
         queryKey: string;
         data: TrackableEventData;
@@ -21,5 +23,5 @@ export default class SearchBoxProduct extends Vue {
     get imageElements(): DocumentElement[];
     get detailElements(): DocumentElement[];
     get id(): string;
-    handleClick(): void;
+    handleClick(event?: Event): 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;
@@ -23,6 +25,10 @@ export default class SearchResults extends Vue {
     setDefaultLimit: (defaultLimit: number) => {
         defaultLimit: number;
     };
+    handleNoResultsFlag: ({ resultCount, noResultsParam, }: {
+        resultCount: number;
+        noResultsParam?: string;
+    }) => void;
     addParams: (params: QueryParams) => {
         params: QueryParams;
     };
@@ -51,6 +57,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, }: {