@getlupa/client 0.5.1-alpha-3 → 0.5.1-alpha-6

package/dist/es/index.min.js

@@ -19336,7 +19336,7 @@ var defaultSuggestedValue = {
 var history$1 = namespace("history");
 var params$d = namespace("params");
 var searchBox$2 = namespace("searchBox");
-var options$7 = namespace("options");
+var options$8 = namespace("options");
 var tracking$4 = namespace("tracking");
 
 var SearchBox = /*#__PURE__*/function (_Vue) {
@@ -19620,7 +19620,7 @@ __decorate([tracking$4.Action("track")], SearchBox.prototype, "trackClick", void
 
 __decorate([params$d.Action("setSearchResultsLink")], SearchBox.prototype, "setSearchResultsLink", void 0);
 
-__decorate([options$7.Mutation("setSearchBoxOptions")], SearchBox.prototype, "setSearchBoxOptions", void 0);
+__decorate([options$8.Mutation("setSearchBoxOptions")], SearchBox.prototype, "setSearchBoxOptions", void 0);
 
 __decorate([params$d.Action("goToResults")], SearchBox.prototype, "goToResults", void 0);
 
@@ -21784,7 +21784,7 @@ var toggleHierarchyParam = function toggleHierarchyParam() {
 
 var searchResult$g = namespace("searchResult");
 var params$c = namespace("params");
-var options$6 = namespace("options");
+var options$7 = namespace("options");
 
 var CurrentFilters = /*#__PURE__*/function (_Vue) {
   _inherits(CurrentFilters, _Vue);
@@ -21861,7 +21861,7 @@ __decorate([searchResult$g.Getter("displayFilters")], CurrentFilters.prototype,
 
 __decorate([searchResult$g.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
 
-__decorate([options$6.Getter("initialFilters")], CurrentFilters.prototype, "initialFilters", void 0);
+__decorate([options$7.Getter("initialFilters")], CurrentFilters.prototype, "initialFilters", void 0);
 
 __decorate([params$c.Action("removeParams")], CurrentFilters.prototype, "removeParams", void 0);
 
@@ -24796,7 +24796,7 @@ var _typeof = _typeof$2.exports.default;
 
 var VueSlider = /*@__PURE__*/getDefaultExportFromCjs(vueSliderComponent_umd_min.exports);
 
-var options$5 = namespace("options");
+var options$6 = namespace("options");
 
 var TermFacet = /*#__PURE__*/function (_Vue) {
   _inherits(TermFacet, _Vue);
@@ -25003,7 +25003,7 @@ __decorate([Prop({
   }
 })], TermFacet.prototype, "currentFilters", void 0);
 
-__decorate([options$5.State(function (s) {
+__decorate([options$6.State(function (s) {
   return s.searchResultOptions;
 })], TermFacet.prototype, "searchResultOptions", void 0);
 
@@ -26015,6 +26015,16 @@ var emitRoutingEvent = function emitRoutingEvent(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);
@@ -26041,29 +26051,20 @@ var CategoryFilterItem = /*#__PURE__*/function (_Vue) {
 
       return this.options.keys.urlKey ? (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a[this.options.keys.urlKey]) !== null && _b !== void 0 ? _b : "" : "";
     }
-  }, {
-    key: "url",
-    get: function get() {
-      if (!this.hasDirectRouting) {
-        return undefined;
-      }
-
-      return this.urlLink;
-    }
   }, {
     key: "isActive",
     get: function get() {
       return window.location.href === this.urlLink;
     }
   }, {
-    key: "hasDirectRouting",
+    key: "hasEventRouting",
     get: function get() {
-      return this.options.routingBehavior === "direct-link";
+      return this.options.routingBehavior === "event";
     }
   }, {
     key: "handleNavigation",
-    value: function handleNavigation() {
-      emitRoutingEvent(this.urlLink);
+    value: function handleNavigation(event) {
+      handleRoutingEvent(this.urlLink, event, this.hasEventRouting);
     }
   }]);
 
@@ -26079,10 +26080,7 @@ __decorate([Prop({
 })], CategoryFilterItem.prototype, "item", void 0);
 
 CategoryFilterItem = __decorate([Component({
-  name: "categoryFilterItem",
-  components: {
-    SearchResults: __vue_component__$4
-  }
+  name: "categoryFilterItem"
 })], CategoryFilterItem);
 var script$D = CategoryFilterItem;
 
@@ -26102,14 +26100,15 @@ var __vue_render__$E = function __vue_render__() {
     class: {
       "lupa-child-category-item-active": _vm.isActive
     }
-  }, [_c("a", _vm._g({
+  }, [_c("a", {
     attrs: {
       "data-cy": "lupa-child-category-item",
-      href: _vm.url
+      href: _vm.urlLink
+    },
+    on: {
+      click: _vm.handleNavigation
     }
-  }, _vm.hasDirectRouting ? {} : {
-    click: _vm.handleNavigation
-  }), [_vm._v("\n    " + _vm._s(_vm.title) + "\n  ")])]);
+  }, [_vm._v("\n    " + _vm._s(_vm.title) + "\n  ")])]);
 };
 
 var __vue_staticRenderFns__$E = [];
@@ -26137,7 +26136,7 @@ var __vue_component__$E = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$E
 }, __vue_inject_styles__$E, __vue_script__$E, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, undefined, undefined, undefined);
 
-var options$4 = namespace("options");
+var options$5 = namespace("options");
 
 var CategoryFilter = /*#__PURE__*/function (_Vue) {
   _inherits(CategoryFilter, _Vue);
@@ -26162,9 +26161,9 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
       return Boolean((_a = this.options.back) === null || _a === void 0 ? void 0 : _a.title);
     }
   }, {
-    key: "hasDirectRouting",
+    key: "hasEventRouting",
     get: function get() {
-      return this.options.routingBehavior === "direct-link";
+      return this.options.routingBehavior === "event";
     }
   }, {
     key: "backTitle",
@@ -26173,17 +26172,12 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
 
       return (_a = this.options.back) === null || _a === void 0 ? void 0 : _a.title;
     }
-  }, {
-    key: "backUrl",
-    get: function get() {
-      return this.hasDirectRouting ? this.backUrlLink : undefined;
-    }
   }, {
     key: "backUrlLink",
     get: function get() {
-      var _a;
+      var _a, _b;
 
-      return (_a = this.options.back) === null || _a === void 0 ? void 0 : _a.url;
+      return (_b = (_a = this.options.back) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "";
     }
   }, {
     key: "parentTitle",
@@ -26192,19 +26186,12 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
 
       return (_a = this.options.parent) === null || _a === void 0 ? void 0 : _a.title;
     }
-  }, {
-    key: "parentUrl",
-    get: function get() {
-      var _a;
-
-      return this.hasDirectRouting ? (_a = this.options.parent) === null || _a === void 0 ? void 0 : _a.url : undefined;
-    }
   }, {
     key: "parentUrlLink",
     get: function get() {
-      var _a;
+      var _a, _b;
 
-      return (_a = this.options.parent) === null || _a === void 0 ? void 0 : _a.url;
+      return (_b = (_a = this.options.parent) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "";
     }
   }, {
     key: "isActive",
@@ -26255,9 +26242,22 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
       return (item === null || item === void 0 ? void 0 : item[(_a = this.options.keys.titleKey) !== null && _a !== void 0 ? _a : ""]) + (item === null || item === void 0 ? void 0 : item[(_b = this.options.keys.urlKey) !== null && _b !== void 0 ? _b : ""]);
     }
   }, {
-    key: "handleNavigation",
-    value: function handleNavigation(url) {
-      emitRoutingEvent(url);
+    key: "handleNavigationParent",
+    value: function handleNavigationParent(event) {
+      if (!this.parentUrlLink) {
+        return;
+      }
+
+      handleRoutingEvent(this.parentUrlLink, event, this.hasEventRouting);
+    }
+  }, {
+    key: "handleNavigationBack",
+    value: function handleNavigationBack(event) {
+      if (!this.backUrlLink) {
+        return;
+      }
+
+      handleRoutingEvent(this.backUrlLink, event, this.hasEventRouting);
     }
   }]);
 
@@ -26266,7 +26266,7 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
 
 __decorate([Prop()], CategoryFilter.prototype, "options", void 0);
 
-__decorate([options$4.Getter("envOptions")], CategoryFilter.prototype, "envOptions", void 0);
+__decorate([options$5.Getter("envOptions")], CategoryFilter.prototype, "envOptions", void 0);
 
 CategoryFilter = __decorate([Component({
   name: "categoryFilter",
@@ -26294,33 +26294,31 @@ var __vue_render__$D = function __vue_render__() {
     }
   }, [_c("div", {
     staticClass: "lupa-category-back"
-  }, [_vm.hasBackButton ? _c("a", _vm._g({
+  }, [_vm.hasBackButton ? _c("a", {
     attrs: {
       "data-cy": "lupa-category-back",
-      href: _vm.backUrl
-    }
-  }, _vm.hasDirectRouting ? {} : {
-    click: function click() {
-      return _vm.handleNavigation(_vm.backUrlLink);
+      href: _vm.backUrlLink
+    },
+    on: {
+      click: _vm.handleNavigationBack
     }
-  }), [_vm._v("\n      " + _vm._s(_vm.backTitle) + "\n    ")]) : _vm._e()]), _vm._v(" "), _c("div", {
+  }, [_vm._v("\n      " + _vm._s(_vm.backTitle) + "\n    ")]) : _vm._e()]), _vm._v(" "), _c("div", {
     staticClass: "lupa-current-category",
     class: {
       "lupa-current-category-active": _vm.isActive
     }
-  }, [_c("a", _vm._g({
+  }, [_c("a", {
     class: {
       "lupa-title-category": !_vm.hasBackButton
     },
     attrs: {
       "data-cy": "lupa-current-category",
-      href: _vm.parentUrl
-    }
-  }, _vm.hasDirectRouting ? {} : {
-    click: function click() {
-      return _vm.handleNavigation(_vm.parentUrlLink);
+      href: _vm.parentUrlLink
+    },
+    on: {
+      click: _vm.handleNavigationParent
     }
-  }), [_vm._v(_vm._s(_vm.parentTitle))])]), _vm._v(" "), _c("div", {
+  }, [_vm._v(_vm._s(_vm.parentTitle))])]), _vm._v(" "), _c("div", {
     staticClass: "lupa-child-category-list"
   }, _vm._l(_vm.categoryChildren, function (child) {
     return _c("CategoryFilterItem", {
@@ -27254,7 +27252,7 @@ var __vue_component__$v = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$v
 }, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, undefined, undefined, undefined);
 
-var options$3 = namespace("options");
+var options$4 = namespace("options");
 
 var SearchResultsProductTitle = /*#__PURE__*/function (_Vue) {
   _inherits(SearchResultsProductTitle, _Vue);
@@ -27291,8 +27289,8 @@ var SearchResultsProductTitle = /*#__PURE__*/function (_Vue) {
     }
   }, {
     key: "handleNavigation",
-    value: function handleNavigation() {
-      emitRoutingEvent(this.link);
+    value: function handleNavigation(event) {
+      handleRoutingEvent(this.link, event, this.hasEventRouting);
     }
   }]);
 
@@ -27307,7 +27305,7 @@ __decorate([Prop({
   default: ""
 })], SearchResultsProductTitle.prototype, "link", void 0);
 
-__decorate([options$3.State(function (o) {
+__decorate([options$4.State(function (o) {
   return o.searchResultOptions;
 })], SearchResultsProductTitle.prototype, "searchResultOptions", void 0);
 
@@ -27337,14 +27335,15 @@ var __vue_render__$u = function __vue_render__() {
     style: "-webkit-line-clamp: " + _vm.maxLines
   }, [!_vm.options.link ? _c("span", {
     staticClass: "lupa-search-results-product-title-text"
-  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._v(" "), _vm.options.link ? _c("a", _vm._g({
+  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm._v(" "), _vm.options.link ? _c("a", {
     staticClass: "lupa-search-results-product-title-text lupa-title-link",
     attrs: {
-      href: _vm.hasEventRouting ? undefined : _vm.link
+      href: _vm.link
+    },
+    on: {
+      click: _vm.handleNavigation
     }
-  }, _vm.hasEventRouting ? {
-    click: _vm.handleNavigation
-  } : {}), [_vm._v(_vm._s(_vm.title))]) : _vm._e()]);
+  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e()]);
 };
 
 var __vue_staticRenderFns__$u = [];
@@ -28307,11 +28306,6 @@ var SearchResultsProductCard = /*#__PURE__*/function (_Vue) {
     get: function get() {
       return this.options.routingBehavior === "event";
     }
-  }, {
-    key: "url",
-    get: function get() {
-      return this.hasEventRouting ? undefined : this.link;
-    }
   }, {
     key: "mounted",
     value: function mounted() {
@@ -28391,8 +28385,8 @@ var SearchResultsProductCard = /*#__PURE__*/function (_Vue) {
     }
   }, {
     key: "handleNavigation",
-    value: function handleNavigation() {
-      emitRoutingEvent(this.link);
+    value: function handleNavigation(event) {
+      handleRoutingEvent(this.link, event, this.hasEventRouting);
     }
   }]);
 
@@ -28453,14 +28447,15 @@ var __vue_render__$l = function __vue_render__() {
     }
   }), _vm._v(" "), _c("div", {
     class: ["lupa-search-result-product-contents", _vm.listLayoutClass]
-  }, [_c("a", _vm._g({
+  }, [_c("a", {
     staticClass: "lupa-search-result-product-image-section",
     attrs: {
-      href: _vm.url || undefined
+      href: _vm.link
+    },
+    on: {
+      click: _vm.handleNavigation
     }
-  }, _vm.hasEventRouting ? {
-    click: _vm.handleNavigation
-  } : {}), _vm._l(_vm.imageElements, function (element) {
+  }, _vm._l(_vm.imageElements, function (element) {
     return _c("SearchResultsProductCardElement", {
       key: element.key,
       staticClass: "lupa-search-results-product-element",
@@ -29426,7 +29421,7 @@ var __vue_component__$g = /*#__PURE__*/normalizeComponent({
 }, __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 searchResult$a = namespace("searchResult");
-var options$2 = namespace("options");
+var options$3 = namespace("options");
 
 var SearchResultsLayoutSelection = /*#__PURE__*/function (_Vue) {
   _inherits(SearchResultsLayoutSelection, _Vue);
@@ -29453,7 +29448,7 @@ __decorate([searchResult$a.State(function (state) {
   return state.layout;
 })], SearchResultsLayoutSelection.prototype, "layout", void 0);
 
-__decorate([options$2.Getter("classMap")], SearchResultsLayoutSelection.prototype, "classMap", void 0);
+__decorate([options$3.Getter("classMap")], SearchResultsLayoutSelection.prototype, "classMap", void 0);
 
 __decorate([searchResult$a.Action("setLayout")], SearchResultsLayoutSelection.prototype, "setLayout", void 0);
 
@@ -30529,6 +30524,7 @@ var __vue_component__$7 = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
 
 var searchResult$3 = namespace("searchResult");
+var options$2 = namespace("options");
 
 var SearchResultsBreadcrumbs = /*#__PURE__*/function (_Vue) {
   _inherits(SearchResultsBreadcrumbs, _Vue);
@@ -30542,10 +30538,20 @@ var SearchResultsBreadcrumbs = /*#__PURE__*/function (_Vue) {
   }
 
   _createClass(SearchResultsBreadcrumbs, [{
+    key: "hasEventRouting",
+    get: function get() {
+      return this.searchResultOptions.routingBehavior === "event";
+    }
+  }, {
     key: "getLabel",
     value: function getLabel(label) {
       return addParamsToLabel(label, "'".concat(this.currentQueryText, "'"));
     }
+  }, {
+    key: "handleNavigation",
+    value: function handleNavigation(event, link) {
+      handleRoutingEvent(link, event, this.hasEventRouting);
+    }
   }]);
 
   return SearchResultsBreadcrumbs;
@@ -30559,6 +30565,10 @@ __decorate([Prop({
 
 __decorate([searchResult$3.Getter("currentQueryText")], SearchResultsBreadcrumbs.prototype, "currentQueryText", void 0);
 
+__decorate([options$2.State(function (o) {
+  return o.searchResultOptions;
+})], SearchResultsBreadcrumbs.prototype, "searchResultOptions", void 0);
+
 SearchResultsBreadcrumbs = __decorate([Component({
   name: "searchResultsBreadcrumbs"
 })], SearchResultsBreadcrumbs);
@@ -30586,6 +30596,11 @@ var __vue_render__$6 = function __vue_render__() {
       staticClass: "lupa-search-results-breadcrumb-link",
       attrs: {
         href: breadcrumb.link
+      },
+      on: {
+        click: function click(e) {
+          return _vm.handleNavigation(e, breadcrumb.link);
+        }
       }
     }, [_vm._v(_vm._s(_vm.getLabel(breadcrumb.label)))]) : _c("span", {
       staticClass: "lupa-search-results-breadcrumb-text"
@@ -30783,11 +30798,13 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
   }, {
     key: "handleMounted",
     value: function handleMounted() {
+      var _a, _b, _c;
+
       this.handleResize();
       var params = new URLSearchParams(window.location.search);
       this.handleUrlChange(params);
       this.addParams(parseParams(params));
-      this.setDefaultLimit(this.options.pagination.sizeSelection.sizes[0]);
+      this.setDefaultLimit((_c = (_b = (_a = this.options.pagination) === null || _a === void 0 ? void 0 : _a.sizeSelection) === null || _b === void 0 ? void 0 : _b.sizes) === null || _c === void 0 ? void 0 : _c[0]);
     }
   }, {
     key: "handleParamsChange",

package/dist/es/types/product-list/ProductListOptions.d.ts

@@ -24,5 +24,5 @@ export declare type CategoryFilterOptions = {
 };
 export declare type ProductListOptions = SearchResultsOptions & {
     initialFilters?: FilterGroup;
-    categories?: CategoryFilterOptions;
+    categories: CategoryFilterOptions;
 };

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

@@ -1 +1,2 @@
 export declare const emitRoutingEvent: (url: string) => void;
+export declare const handleRoutingEvent: (link: string, event?: Event | undefined, hasEventRouting?: boolean) => void;

package/dist/iife/components/product-list/CategoryFilter.vue.d.ts

@@ -6,15 +6,14 @@ export default class CategoryFilter extends Vue {
     categoryChildren: Record<string, string>[];
     envOptions: Options;
     get hasBackButton(): boolean;
-    get hasDirectRouting(): boolean;
+    get hasEventRouting(): boolean;
     get backTitle(): string | undefined;
-    get backUrl(): string | undefined;
     get backUrlLink(): string | undefined;
     get parentTitle(): string | undefined;
-    get parentUrl(): string | undefined;
     get parentUrlLink(): string | undefined;
     get isActive(): boolean;
     mounted(): Promise<void>;
     getCategoryKey(item: Record<string, string>): string;
-    handleNavigation(url: string): void;
+    handleNavigationParent(event?: Event): void;
+    handleNavigationBack(event?: Event): void;
 }

package/dist/iife/components/product-list/CategoryFilterItem.vue.d.ts

@@ -5,8 +5,7 @@ export default class CategoryFilterItem extends Vue {
     item: Record<string, string>;
     get title(): string;
     get urlLink(): string;
-    get url(): string | undefined;
     get isActive(): boolean;
-    get hasDirectRouting(): boolean;
-    handleNavigation(): void;
+    get hasEventRouting(): boolean;
+    handleNavigation(event?: Event): void;
 }

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

@@ -1,7 +1,10 @@
-import { SearchResultsBreadcrumb } from "@/types/search-results/SearchResultsOptions";
+import { SearchResultsBreadcrumb, SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 import Vue from "vue";
 export default class SearchResultsBreadcrumbs extends Vue {
     breadcrumbs: SearchResultsBreadcrumb[];
     currentQueryText: string;
+    searchResultOptions: SearchResultsOptions;
+    get hasEventRouting(): boolean;
     getLabel(label: string): string;
+    handleNavigation(event: Event, link: string): void;
 }

package/dist/iife/components/search-results/products/product-card/SearchResultsProductCard.vue.d.ts

@@ -23,7 +23,6 @@ export default class SearchResultsProductCard extends Vue {
     get labels(): SearchResultsOptionLabels;
     get link(): string;
     get hasEventRouting(): boolean;
-    get url(): string | undefined;
     isInStock: boolean;
     mounted(): void;
     checkIfIsInStock(): Promise<void>;
@@ -32,5 +31,5 @@ export default class SearchResultsProductCard extends Vue {
     handleProductEvent(item: {
         type: ReportableEventType;
     }): void;
-    handleNavigation(): void;
+    handleNavigation(event?: Event): void;
 }

package/dist/iife/components/search-results/products/product-card/elements/SearchResultsProductTitle.vue.d.ts

@@ -11,5 +11,5 @@ export default class SearchResultsProductTitle extends Vue {
     get isHtml(): boolean;
     get maxLines(): number;
     get hasEventRouting(): boolean;
-    handleNavigation(): void;
+    handleNavigation(event?: Event): void;
 }

package/dist/iife/index.d.ts

@@ -1,6 +1,6 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
 import { SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
-import { TrackingOptions } from "./types/General";
+import { SdkOptions, TrackingOptions } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 declare const lupaSearch: {
     searchBox: (options: SearchBoxOptions) => void;
@@ -11,5 +11,5 @@ declare const lupaSearch: {
     clearSearchResults: () => void;
     clearProductList: () => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, };
 export default lupaSearch;