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

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

@@ -25,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;
     };

package/dist/cjs/index.min.js

@@ -5491,11 +5491,11 @@ var String$2 = global$d.String;
 var counter$1 = 0;
 var queue$1 = {};
 var ONREADYSTATECHANGE = 'onreadystatechange';
-var location$1, defer, channel, port;
+var location, defer, channel, port;
 
 try {
   // Deno throws a ReferenceError on `location` access without `--location` flag
-  location$1 = global$d.location;
+  location = global$d.location;
 } catch (error) {
   /* empty */
 }
@@ -5520,7 +5520,7 @@ var listener = function (event) {
 
 var post = function (id) {
   // old engines have not location.origin
-  global$d.postMessage(String$2(id), location$1.protocol + '//' + location$1.host);
+  global$d.postMessage(String$2(id), location.protocol + '//' + location.host);
 }; // Node.js 0.9+ & IE10+ has setImmediate, otherwise:
 
 
@@ -5558,7 +5558,7 @@ if (!set$1 || !clear) {
     channel.port1.onmessage = listener;
     defer = bind$5(port.postMessage, port); // Browsers with postMessage, skip WebWorkers
     // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
-  } else if (global$d.addEventListener && isCallable$1(global$d.postMessage) && !global$d.importScripts && location$1 && location$1.protocol !== 'file:' && !fails$8(post)) {
+  } else if (global$d.addEventListener && isCallable$1(global$d.postMessage) && !global$d.importScripts && location && location.protocol !== 'file:' && !fails$8(post)) {
     defer = post;
     global$d.addEventListener('message', listener, false); // IE8-
   } else if (ONREADYSTATECHANGE in createElement$2('script')) {
@@ -19687,13 +19687,6 @@ var generateResultLink = function generateResultLink(link, searchText, facet) {
   var queryParam = "?".concat(QUERY_PARAMS.QUERY, "=").concat(encodeParam(searchText));
   return "".concat(link).concat(queryParam).concat(facetParam);
 };
-var getPathName = function getPathName(resultPageLink) {
-  var pathname = window.location.pathname;
-  if (pathname.charAt(pathname.length - 1) === "/") pathname = pathname.substr(0, pathname.length - 1);
-  if (resultPageLink.charAt(0) !== "/") pathname += "/";
-  pathname += !location.pathname.includes(resultPageLink) ? resultPageLink : "";
-  return pathname;
-};
 var getRelativePath = function getRelativePath(link) {
   try {
     var url = new URL(link);
@@ -19712,8 +19705,87 @@ var linksMatch = function linksMatch(link1, link2) {
   return link1 === link2 || getRelativePath(link1) === getRelativePath(link2);
 };
 
+// `SameValue` abstract operation
+// https://tc39.es/ecma262/#sec-samevalue
+// eslint-disable-next-line es/no-object-is -- safe
+var sameValue$1 = Object.is || function is(x, y) {
+  // eslint-disable-next-line no-self-compare -- NaN check
+  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
+};
+
+var call = functionCall;
+
+var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
+
+var anObject = anObject$k;
+
+var requireObjectCoercible = requireObjectCoercible$c;
+
+var sameValue = sameValue$1;
+
+var toString = toString$h;
+
+var getMethod = getMethod$7;
+
+var regExpExec = regexpExecAbstract; // @@search logic
+
+
+fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {
+  return [// `String.prototype.search` method
+  // https://tc39.es/ecma262/#sec-string.prototype.search
+  function search(regexp) {
+    var O = requireObjectCoercible(this);
+    var searcher = regexp == undefined ? undefined : getMethod(regexp, SEARCH);
+    return searcher ? call(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));
+  }, // `RegExp.prototype[@@search]` method
+  // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
+  function (string) {
+    var rx = anObject(this);
+    var S = toString(string);
+    var res = maybeCallNative(nativeSearch, rx, S);
+    if (res.done) return res.value;
+    var previousLastIndex = rx.lastIndex;
+    if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
+    var result = regExpExec(rx, S);
+    if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
+    return result === null ? -1 : result.index;
+  }];
+});
+
+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 getPageUrl = function getPageUrl(pathnameOverride) {
+  var pathname = pathnameOverride || window.location.pathname;
+  return new URL(window.location.origin + pathname + window.location.search);
+};
+
 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 +19834,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 +19857,12 @@ var SearchBoxProduct = /*#__PURE__*/function (_Vue) {
           }
         }
       });
+
+      if (!this.link) {
+        return;
+      }
+
+      handleRoutingEvent(this.link, event, this.boxRoutingBehavior === "event");
     }
   }]);
 
@@ -19805,6 +19883,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);
@@ -21740,53 +21820,6 @@ var __vue_component__$P = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$P
 }, __vue_inject_styles__$P, __vue_script__$P, __vue_scope_id__$P, __vue_is_functional_template__$P, __vue_module_identifier__$P, false, undefined, undefined, undefined);
 
-// `SameValue` abstract operation
-// https://tc39.es/ecma262/#sec-samevalue
-// eslint-disable-next-line es/no-object-is -- safe
-var sameValue$1 = Object.is || function is(x, y) {
-  // eslint-disable-next-line no-self-compare -- NaN check
-  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
-};
-
-var call = functionCall;
-
-var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-
-var anObject = anObject$k;
-
-var requireObjectCoercible = requireObjectCoercible$c;
-
-var sameValue = sameValue$1;
-
-var toString = toString$h;
-
-var getMethod = getMethod$7;
-
-var regExpExec = regexpExecAbstract; // @@search logic
-
-
-fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {
-  return [// `String.prototype.search` method
-  // https://tc39.es/ecma262/#sec-string.prototype.search
-  function search(regexp) {
-    var O = requireObjectCoercible(this);
-    var searcher = regexp == undefined ? undefined : getMethod(regexp, SEARCH);
-    return searcher ? call(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));
-  }, // `RegExp.prototype[@@search]` method
-  // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
-  function (string) {
-    var rx = anObject(this);
-    var S = toString(string);
-    var res = maybeCallNative(nativeSearch, rx, S);
-    if (res.done) return res.value;
-    var previousLastIndex = rx.lastIndex;
-    if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
-    var result = regExpExec(rx, S);
-    if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
-    return result === null ? -1 : result.index;
-  }];
-});
-
 var DEFAULT_OPTIONS_RESULTS = {
   options: {
     environment: "production"
@@ -27438,33 +27471,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 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);
 
@@ -27846,6 +27852,7 @@ var __vue_render__$D = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c("div", {
+    staticClass: "lupa-search-result-filters",
     attrs: {
       id: "lupa-search-result-filters"
     }
@@ -29872,6 +29879,7 @@ var __vue_render__$m = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c("div", {
+    staticClass: "lupa-search-result-product-card",
     class: !_vm.isInStock ? "lupa-out-of-stock" : "",
     attrs: {
       id: "lupa-search-result-product-card",
@@ -30840,6 +30848,7 @@ var __vue_render__$h = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c("div", {
+    staticClass: "lupa-search-results-sort",
     attrs: {
       id: "lupa-search-results-sort"
     }
@@ -31762,6 +31771,7 @@ var __vue_render__$9 = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c("div", {
+    staticClass: "lupa-search-result-filters",
     attrs: {
       id: "lupa-search-result-filters"
     }
@@ -32477,30 +32487,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",
@@ -32543,6 +32540,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);
@@ -34317,7 +34316,7 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
   }, {
     key: "removeAllFilters",
     value: function removeAllFilters() {
-      var url = new URL(window.location.origin + getPathName(this.searchResultsLink) + window.location.search);
+      var url = getPageUrl();
       var paramsToRemove = Array.from(url.searchParams.keys()).filter(isFacetKey);
 
       removeParams(url, paramsToRemove);
@@ -34334,7 +34333,7 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
       var paramsToRemove = _ref2.paramsToRemove,
           _ref2$save = _ref2.save,
           save = _ref2$save === void 0 ? true : _ref2$save;
-      var url = new URL(window.location.origin + getPathName(this.searchResultsLink) + window.location.search);
+      var url = getPageUrl();
       paramsToRemove = getRemovableParams(url, paramsToRemove);
 
       removeParams(url, paramsToRemove);
@@ -34345,11 +34344,36 @@ 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;
 
@@ -34360,7 +34384,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
             name: QUERY_PARAMS.QUERY,
             value: searchText
           }].concat(facetParam),
-          paramsToRemove: "all"
+          paramsToRemove: "all",
+          searchResultsLink: this.searchResultsLink
         });
       } else {
         var routing = (_a = this.context.rootGetters["options/boxRoutingBehavior"]) !== null && _a !== void 0 ? _a : "direct-link";
@@ -34380,13 +34405,14 @@ 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,
+          searchResultsLink = _ref5.searchResultsLink;
 
       if (!(params === null || params === void 0 ? void 0 : params.length)) {
         return {
@@ -34394,7 +34420,7 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
         };
       }
 
-      var url = new URL(window.location.origin + getPathName(this.searchResultsLink) + window.location.search);
+      var url = getPageUrl(searchResultsLink);
       paramsToRemove = getRemovableParams(url, paramsToRemove);
 
       removeParams(url, paramsToRemove);
@@ -34453,6 +34479,8 @@ __decorate([Action({
   commit: "save"
 })], ParamsModule.prototype, "removeParams", null);
 
+__decorate([Action({})], ParamsModule.prototype, "handleNoResultsFlag", null);
+
 __decorate([Action({})], ParamsModule.prototype, "goToResults", null);
 
 __decorate([Action({

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

@@ -32,11 +32,15 @@ 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;
     }): void;
-    appendParams({ params, paramsToRemove, encode, save, }: {
+    appendParams({ params, paramsToRemove, encode, save, searchResultsLink, }: {
         params: {
             name: string;
             value: string;
@@ -44,6 +48,7 @@ export default class ParamsModule extends VuexModule {
         paramsToRemove?: "all" | string[];
         encode?: boolean;
         save?: boolean;
+        searchResultsLink?: string;
     }): {
         params?: QueryParams;
         searchString?: string;

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

@@ -3,3 +3,4 @@ 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;
+export declare const getPageUrl: (pathnameOverride?: string | undefined) => URL;

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

@@ -25,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;
     };