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

package/dist/cjs/index.min.js

@@ -20695,6 +20695,10 @@ __vue_render__$5._withStripped = true;
     undefined
   );
 
+const setDocumentTitle = (template, textToInsert = "") => {
+    document.title = addParamsToLabel(template, textToInsert);
+};
+
 const searchResult$1 = namespace("searchResult");
 const params$1 = namespace("params");
 const options$1 = namespace("options");
@@ -20742,6 +20746,9 @@ let SearchResults = class SearchResults extends Vue$1 {
     }
     handleMounted() {
         this.handleResize();
+        if (this.isProductList) {
+            setDocumentTitle(this.options.labels.htmlTitleTemplate, "");
+        }
         const params = new URLSearchParams(window.location.search);
         this.handleUrlChange(params);
         this.addParams(parseParams(params));
@@ -21945,10 +21952,6 @@ HistoryModule = __decorate([
 ], HistoryModule);
 var history = HistoryModule;
 
-const setDocumentTitle = (template, textToInsert = "") => {
-    document.title = addParamsToLabel(template, textToInsert);
-};
-
 let SearchResultModule = class SearchResultModule extends VuexModule {
     constructor() {
         super(...arguments);
@@ -22241,7 +22244,7 @@ let ParamsModule = class ParamsModule extends VuexModule {
     goToResults({ searchText, facet, }) {
         var _a;
         if (!this.searchResultsLink ||
-            this.searchResultsLink === window.location.pathname) {
+            linksMatch(this.searchResultsLink, window.location.pathname)) {
             const facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
             this.context.dispatch("appendParams", {
                 params: [
@@ -22472,7 +22475,7 @@ const app = {
 const tracking = (options) => {
     initTracking(options);
 };
-const searchBox = (options, mountOptions) => {
+const applySearchBox = (options, mountOptions) => {
     const existingInstance = app.box[options.inputSelector];
     if (existingInstance) {
         existingInstance.searchBoxOptions = options;
@@ -22493,6 +22496,15 @@ const searchBox = (options, mountOptions) => {
     });
     app.box[options.inputSelector] = instance;
 };
+const searchBox = (options, mountOptions) => {
+    var _a;
+    // Support for multiple search box selectors separated by a comma
+    // Quite often multiple search boxes are required, since mobile and desktop has different inputs in html layout
+    const inputs = (_a = options.inputSelector) === null || _a === void 0 ? void 0 : _a.split(",");
+    for (const input of inputs) {
+        applySearchBox(Object.assign(Object.assign({}, options), { inputSelector: input.trim() }), mountOptions);
+    }
+};
 const searchResults = (options, mountOptions) => {
     const existingInstance = app.results[options.containerSelector];
     if (existingInstance) {

package/dist/es/index.min.js

@@ -20691,6 +20691,10 @@ __vue_render__$5._withStripped = true;
     undefined
   );
 
+const setDocumentTitle = (template, textToInsert = "") => {
+    document.title = addParamsToLabel(template, textToInsert);
+};
+
 const searchResult$1 = namespace("searchResult");
 const params$1 = namespace("params");
 const options$1 = namespace("options");
@@ -20738,6 +20742,9 @@ let SearchResults = class SearchResults extends Vue$1 {
     }
     handleMounted() {
         this.handleResize();
+        if (this.isProductList) {
+            setDocumentTitle(this.options.labels.htmlTitleTemplate, "");
+        }
         const params = new URLSearchParams(window.location.search);
         this.handleUrlChange(params);
         this.addParams(parseParams(params));
@@ -21941,10 +21948,6 @@ HistoryModule = __decorate([
 ], HistoryModule);
 var history = HistoryModule;
 
-const setDocumentTitle = (template, textToInsert = "") => {
-    document.title = addParamsToLabel(template, textToInsert);
-};
-
 let SearchResultModule = class SearchResultModule extends VuexModule {
     constructor() {
         super(...arguments);
@@ -22237,7 +22240,7 @@ let ParamsModule = class ParamsModule extends VuexModule {
     goToResults({ searchText, facet, }) {
         var _a;
         if (!this.searchResultsLink ||
-            this.searchResultsLink === window.location.pathname) {
+            linksMatch(this.searchResultsLink, window.location.pathname)) {
             const facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
             this.context.dispatch("appendParams", {
                 params: [
@@ -22468,7 +22471,7 @@ const app = {
 const tracking = (options) => {
     initTracking(options);
 };
-const searchBox = (options, mountOptions) => {
+const applySearchBox = (options, mountOptions) => {
     const existingInstance = app.box[options.inputSelector];
     if (existingInstance) {
         existingInstance.searchBoxOptions = options;
@@ -22489,6 +22492,15 @@ const searchBox = (options, mountOptions) => {
     });
     app.box[options.inputSelector] = instance;
 };
+const searchBox = (options, mountOptions) => {
+    var _a;
+    // Support for multiple search box selectors separated by a comma
+    // Quite often multiple search boxes are required, since mobile and desktop has different inputs in html layout
+    const inputs = (_a = options.inputSelector) === null || _a === void 0 ? void 0 : _a.split(",");
+    for (const input of inputs) {
+        applySearchBox(Object.assign(Object.assign({}, options), { inputSelector: input.trim() }), mountOptions);
+    }
+};
 const searchResults = (options, mountOptions) => {
     const existingInstance = app.results[options.containerSelector];
     if (existingInstance) {