@getlupa/client 0.8.0-alpha-2 → 0.8.0

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

@@ -6,5 +6,6 @@ export default class SearchBoxProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/cjs/components/search-results/products/product-card/elements/SearchResultsProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchResultsProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/cjs/index.min.js

@@ -11640,6 +11640,9 @@ let SearchBoxProductCustom = class SearchBoxProductCustom extends Vue$1 {
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -11670,7 +11673,17 @@ var __vue_render__$13 = function () {
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
     : _c("div", { class: [_vm.className, "lupa-search-box-product-custom"] }, [
-        _vm._v("\n  " + _vm._s(_vm.text) + "\n"),
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
       ])
 };
 var __vue_staticRenderFns__$13 = [];
@@ -17756,6 +17769,9 @@ let SearchResultsProductCustom = class SearchResultsProductCustom extends Vue$1
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -17787,7 +17803,19 @@ var __vue_render__$p = function () {
         class: _vm.className,
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
-    : _c("div", { class: _vm.className }, [_vm._v(_vm._s(_vm.text))])
+    : _c("div", { class: _vm.className }, [
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
+      ])
 };
 var __vue_staticRenderFns__$p = [];
 __vue_render__$p._withStripped = true;
@@ -20695,6 +20723,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 +20774,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 +21980,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);
@@ -22472,7 +22503,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 +22524,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/cjs/types/DocumentElement.d.ts

@@ -38,6 +38,7 @@ export declare type CustomDocumentElement<T = any> = DocumentElementBase<T> & {
     maxLines?: number;
     className: string;
     key: string;
+    label?: string;
 };
 export declare type PriceElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.PRICE;

package/dist/es/components/search-box/products/elements/SearchBoxProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchBoxProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/es/components/search-results/products/product-card/elements/SearchResultsProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchResultsProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/es/index.min.js

@@ -11636,6 +11636,9 @@ let SearchBoxProductCustom = class SearchBoxProductCustom extends Vue$1 {
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -11666,7 +11669,17 @@ var __vue_render__$13 = function () {
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
     : _c("div", { class: [_vm.className, "lupa-search-box-product-custom"] }, [
-        _vm._v("\n  " + _vm._s(_vm.text) + "\n"),
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
       ])
 };
 var __vue_staticRenderFns__$13 = [];
@@ -17752,6 +17765,9 @@ let SearchResultsProductCustom = class SearchResultsProductCustom extends Vue$1
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -17783,7 +17799,19 @@ var __vue_render__$p = function () {
         class: _vm.className,
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
-    : _c("div", { class: _vm.className }, [_vm._v(_vm._s(_vm.text))])
+    : _c("div", { class: _vm.className }, [
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
+      ])
 };
 var __vue_staticRenderFns__$p = [];
 __vue_render__$p._withStripped = true;
@@ -20691,6 +20719,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 +20770,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 +21976,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);
@@ -22468,7 +22499,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 +22520,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/types/DocumentElement.d.ts

@@ -38,6 +38,7 @@ export declare type CustomDocumentElement<T = any> = DocumentElementBase<T> & {
     maxLines?: number;
     className: string;
     key: string;
+    label?: string;
 };
 export declare type PriceElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.PRICE;

package/dist/iife/components/search-box/products/elements/SearchBoxProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchBoxProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

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

@@ -6,5 +6,6 @@ export default class SearchResultsProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }