@getlupa/client 0.8.2 → 0.9.3

package/cypress.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "cypress";
+
+export default defineConfig({
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return require("./cypress/plugins/index.js")(on, config);
+    },
+  },
+  chromeWebSecurity: false,
+});

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

@@ -57,4 +57,5 @@ export default class SearchBox extends Vue {
     trackDocumentClick(doc: HighlightedDocInfo): void;
     trackSuggestionClick(suggestion?: string): void;
     resetValues(): void;
+    handleProductClick(): void;
 }

package/dist/cjs/components/search-results/filters/facets/StatsFacet.vue.d.ts

@@ -27,6 +27,8 @@ export default class TermFacet extends Vue {
     get facetMax(): number;
     get statsSummary(): string;
     get separator(): string;
+    get isIntegerRange(): boolean;
+    get interval(): 1 | 0.01;
     get sliderInputFormat(): string | undefined;
     onMinValueChange(): void;
     onMaxValueChange(): void;

package/dist/cjs/index.min.js

@@ -10828,6 +10828,13 @@ const getProductKey = (index, product, idKey) => {
     }
     return index;
 };
+const normalizeFloat = (value) => {
+    var _a;
+    if (!value) {
+        return 0;
+    }
+    return +((_a = value === null || value === void 0 ? void 0 : value.replace(/[^0-9,.]/g, "")) === null || _a === void 0 ? void 0 : _a.replace(",", "."));
+};
 const escapeHtml = (value) => {
     if (!value) {
         return "";
@@ -12264,6 +12271,7 @@ let SearchBoxProduct = class SearchBoxProduct extends Vue$1 {
         if (!this.link) {
             return;
         }
+        this.$emit("product-click");
         handleRoutingEvent(this.link, event, this.boxRoutingBehavior === "event");
     }
 };
@@ -12440,6 +12448,11 @@ var __vue_render__$$ = function () {
           highlighted: index === _vm.highlightedIndex,
           inputValue: _vm.inputValue,
         },
+        on: {
+          "product-click": function ($event) {
+            return _vm.$emit("product-click")
+          },
+        },
       })
     }),
     1
@@ -12558,6 +12571,11 @@ var __vue_render__$_ = function () {
       labels: _vm.labels,
       inputValue: _vm.inputValue,
     },
+    on: {
+      "product-click": function ($event) {
+        return _vm.$emit("product-click")
+      },
+    },
   })
 };
 var __vue_staticRenderFns__$_ = [];
@@ -12566,7 +12584,7 @@ __vue_render__$_._withStripped = true;
   /* style */
   const __vue_inject_styles__$_ = function (inject) {
     if (!inject) return
-    inject("data-v-45bb68b4_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
+    inject("data-v-58b6ab21_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -13437,6 +13455,9 @@ var __vue_render__$T = function () {
                           itemSelect: function (item) {
                             return _vm.$emit("itemSelect", item)
                           },
+                          "product-click": function ($event) {
+                            return _vm.$emit("product-click")
+                          },
                         },
                       })
                     : _vm._e(),
@@ -13486,7 +13507,7 @@ __vue_render__$T._withStripped = true;
   /* style */
   const __vue_inject_styles__$T = function (inject) {
     if (!inject) return
-    inject("data-v-0b92689b_0", { source: "#lupa-search-box-panel {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n}\n.lupa-more-results {\n  text-align: center;\n}", map: undefined, media: undefined });
+    inject("data-v-d48b96f0_0", { source: "#lupa-search-box-panel {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n}\n.lupa-more-results {\n  text-align: center;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -13734,6 +13755,9 @@ let SearchBox = class SearchBox extends Vue$1 {
         this.inputValue = "";
         this.suggestedValue = defaultSuggestedValue;
     }
+    handleProductClick() {
+        this.opened = false;
+    }
 };
 __decorate([
     Prop()
@@ -13803,6 +13827,7 @@ var __vue_render__$S = function () {
                 fetched: _vm.handleItemsFetch,
                 itemSelect: _vm.handleItemSelect,
                 "go-to-results": _vm.handleSearch,
+                "product-click": _vm.handleProductClick,
               },
             })
           : _vm._e(),
@@ -13817,7 +13842,7 @@ __vue_render__$S._withStripped = true;
   /* style */
   const __vue_inject_styles__$S = function (inject) {
     if (!inject) return
-    inject("data-v-73ed57d5_0", { source: "\n#lupa-search-box {\n  width: 100%;\n}\n.lupa-search-box-wrapper {\n  position: relative;\n}\n", map: undefined, media: undefined });
+    inject("data-v-7c20b12e_0", { source: "\n#lupa-search-box {\n  width: 100%;\n}\n.lupa-search-box-wrapper {\n  position: relative;\n}\n", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -14834,7 +14859,7 @@ let TermFacet = class TermFacet extends Vue$1 {
             : `${this.sliderRange[0]}`;
     }
     set fromValue(stringValue) {
-        let value = +stringValue;
+        let value = normalizeFloat(stringValue);
         if (value < this.facetMin) {
             value = this.facetMin;
         }
@@ -14850,7 +14875,7 @@ let TermFacet = class TermFacet extends Vue$1 {
             : `${this.sliderRange[1]}`;
     }
     set toValue(stringValue) {
-        let value = +stringValue;
+        let value = normalizeFloat(stringValue);
         if (value > this.facetMax) {
             value = this.facetMax;
         }
@@ -14912,6 +14937,13 @@ let TermFacet = class TermFacet extends Vue$1 {
         var _a, _b, _c;
         return (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.labels) === null || _b === void 0 ? void 0 : _b.priceSeparator) !== null && _c !== void 0 ? _c : ",";
     }
+    get isIntegerRange() {
+        return (Number.isInteger(this.currentMinValue) &&
+            Number.isInteger(this.currentMaxValue));
+    }
+    get interval() {
+        return this.isIntegerRange ? 1 : 0.01;
+    }
     get sliderInputFormat() {
         return this.isPrice ? `[0-9]+([${this.separator}][0-9]{1,2})?` : undefined;
     }
@@ -15006,6 +15038,7 @@ var __vue_render__$N = function () {
                 ],
                 attrs: {
                   type: "text",
+                  maxlength: "8",
                   max: _vm.facetMax,
                   min: _vm.facetMin,
                   pattern: _vm.sliderInputFormat,
@@ -15046,6 +15079,7 @@ var __vue_render__$N = function () {
                 ],
                 attrs: {
                   type: "text",
+                  maxlength: "8",
                   max: _vm.facetMax,
                   min: _vm.facetMin,
                   pattern: _vm.sliderInputFormat,
@@ -15079,6 +15113,7 @@ var __vue_render__$N = function () {
                 lazy: true,
                 silent: true,
                 duration: 0.1,
+                interval: _vm.interval,
               },
               on: {
                 change: _vm.handleChange,

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

@@ -5,4 +5,5 @@ export declare const addParamsToLabel: (label: string, ...params: unknown[]) =>
 export declare const getRandomString: (length: number) => string;
 export declare const getDisplayValue: (value?: string | number | undefined) => string;
 export declare const getProductKey: (index: string, product: Document, idKey: string | undefined) => string;
+export declare const normalizeFloat: (value?: string | undefined) => number;
 export declare const escapeHtml: (value?: string | undefined) => string;

package/dist/es/components/search-box/SearchBox.vue.d.ts

@@ -57,4 +57,5 @@ export default class SearchBox extends Vue {
     trackDocumentClick(doc: HighlightedDocInfo): void;
     trackSuggestionClick(suggestion?: string): void;
     resetValues(): void;
+    handleProductClick(): void;
 }

package/dist/es/components/search-results/filters/facets/StatsFacet.vue.d.ts

@@ -27,6 +27,8 @@ export default class TermFacet extends Vue {
     get facetMax(): number;
     get statsSummary(): string;
     get separator(): string;
+    get isIntegerRange(): boolean;
+    get interval(): 1 | 0.01;
     get sliderInputFormat(): string | undefined;
     onMinValueChange(): void;
     onMaxValueChange(): void;

package/dist/es/index.min.js

@@ -10824,6 +10824,13 @@ const getProductKey = (index, product, idKey) => {
     }
     return index;
 };
+const normalizeFloat = (value) => {
+    var _a;
+    if (!value) {
+        return 0;
+    }
+    return +((_a = value === null || value === void 0 ? void 0 : value.replace(/[^0-9,.]/g, "")) === null || _a === void 0 ? void 0 : _a.replace(",", "."));
+};
 const escapeHtml = (value) => {
     if (!value) {
         return "";
@@ -12260,6 +12267,7 @@ let SearchBoxProduct = class SearchBoxProduct extends Vue$1 {
         if (!this.link) {
             return;
         }
+        this.$emit("product-click");
         handleRoutingEvent(this.link, event, this.boxRoutingBehavior === "event");
     }
 };
@@ -12436,6 +12444,11 @@ var __vue_render__$$ = function () {
           highlighted: index === _vm.highlightedIndex,
           inputValue: _vm.inputValue,
         },
+        on: {
+          "product-click": function ($event) {
+            return _vm.$emit("product-click")
+          },
+        },
       })
     }),
     1
@@ -12554,6 +12567,11 @@ var __vue_render__$_ = function () {
       labels: _vm.labels,
       inputValue: _vm.inputValue,
     },
+    on: {
+      "product-click": function ($event) {
+        return _vm.$emit("product-click")
+      },
+    },
   })
 };
 var __vue_staticRenderFns__$_ = [];
@@ -12562,7 +12580,7 @@ __vue_render__$_._withStripped = true;
   /* style */
   const __vue_inject_styles__$_ = function (inject) {
     if (!inject) return
-    inject("data-v-45bb68b4_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
+    inject("data-v-58b6ab21_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -13433,6 +13451,9 @@ var __vue_render__$T = function () {
                           itemSelect: function (item) {
                             return _vm.$emit("itemSelect", item)
                           },
+                          "product-click": function ($event) {
+                            return _vm.$emit("product-click")
+                          },
                         },
                       })
                     : _vm._e(),
@@ -13482,7 +13503,7 @@ __vue_render__$T._withStripped = true;
   /* style */
   const __vue_inject_styles__$T = function (inject) {
     if (!inject) return
-    inject("data-v-0b92689b_0", { source: "#lupa-search-box-panel {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n}\n.lupa-more-results {\n  text-align: center;\n}", map: undefined, media: undefined });
+    inject("data-v-d48b96f0_0", { source: "#lupa-search-box-panel {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n}\n.lupa-more-results {\n  text-align: center;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -13730,6 +13751,9 @@ let SearchBox = class SearchBox extends Vue$1 {
         this.inputValue = "";
         this.suggestedValue = defaultSuggestedValue;
     }
+    handleProductClick() {
+        this.opened = false;
+    }
 };
 __decorate([
     Prop()
@@ -13799,6 +13823,7 @@ var __vue_render__$S = function () {
                 fetched: _vm.handleItemsFetch,
                 itemSelect: _vm.handleItemSelect,
                 "go-to-results": _vm.handleSearch,
+                "product-click": _vm.handleProductClick,
               },
             })
           : _vm._e(),
@@ -13813,7 +13838,7 @@ __vue_render__$S._withStripped = true;
   /* style */
   const __vue_inject_styles__$S = function (inject) {
     if (!inject) return
-    inject("data-v-73ed57d5_0", { source: "\n#lupa-search-box {\n  width: 100%;\n}\n.lupa-search-box-wrapper {\n  position: relative;\n}\n", map: undefined, media: undefined });
+    inject("data-v-7c20b12e_0", { source: "\n#lupa-search-box {\n  width: 100%;\n}\n.lupa-search-box-wrapper {\n  position: relative;\n}\n", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -14830,7 +14855,7 @@ let TermFacet = class TermFacet extends Vue$1 {
             : `${this.sliderRange[0]}`;
     }
     set fromValue(stringValue) {
-        let value = +stringValue;
+        let value = normalizeFloat(stringValue);
         if (value < this.facetMin) {
             value = this.facetMin;
         }
@@ -14846,7 +14871,7 @@ let TermFacet = class TermFacet extends Vue$1 {
             : `${this.sliderRange[1]}`;
     }
     set toValue(stringValue) {
-        let value = +stringValue;
+        let value = normalizeFloat(stringValue);
         if (value > this.facetMax) {
             value = this.facetMax;
         }
@@ -14908,6 +14933,13 @@ let TermFacet = class TermFacet extends Vue$1 {
         var _a, _b, _c;
         return (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.labels) === null || _b === void 0 ? void 0 : _b.priceSeparator) !== null && _c !== void 0 ? _c : ",";
     }
+    get isIntegerRange() {
+        return (Number.isInteger(this.currentMinValue) &&
+            Number.isInteger(this.currentMaxValue));
+    }
+    get interval() {
+        return this.isIntegerRange ? 1 : 0.01;
+    }
     get sliderInputFormat() {
         return this.isPrice ? `[0-9]+([${this.separator}][0-9]{1,2})?` : undefined;
     }
@@ -15002,6 +15034,7 @@ var __vue_render__$N = function () {
                 ],
                 attrs: {
                   type: "text",
+                  maxlength: "8",
                   max: _vm.facetMax,
                   min: _vm.facetMin,
                   pattern: _vm.sliderInputFormat,
@@ -15042,6 +15075,7 @@ var __vue_render__$N = function () {
                 ],
                 attrs: {
                   type: "text",
+                  maxlength: "8",
                   max: _vm.facetMax,
                   min: _vm.facetMin,
                   pattern: _vm.sliderInputFormat,
@@ -15075,6 +15109,7 @@ var __vue_render__$N = function () {
                 lazy: true,
                 silent: true,
                 duration: 0.1,
+                interval: _vm.interval,
               },
               on: {
                 change: _vm.handleChange,

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

@@ -5,4 +5,5 @@ export declare const addParamsToLabel: (label: string, ...params: unknown[]) =>
 export declare const getRandomString: (length: number) => string;
 export declare const getDisplayValue: (value?: string | number | undefined) => string;
 export declare const getProductKey: (index: string, product: Document, idKey: string | undefined) => string;
+export declare const normalizeFloat: (value?: string | undefined) => number;
 export declare const escapeHtml: (value?: string | undefined) => string;

package/dist/iife/components/search-box/SearchBox.vue.d.ts

@@ -57,4 +57,5 @@ export default class SearchBox extends Vue {
     trackDocumentClick(doc: HighlightedDocInfo): void;
     trackSuggestionClick(suggestion?: string): void;
     resetValues(): void;
+    handleProductClick(): void;
 }

package/dist/iife/components/search-results/filters/facets/StatsFacet.vue.d.ts

@@ -27,6 +27,8 @@ export default class TermFacet extends Vue {
     get facetMax(): number;
     get statsSummary(): string;
     get separator(): string;
+    get isIntegerRange(): boolean;
+    get interval(): 1 | 0.01;
     get sliderInputFormat(): string | undefined;
     onMinValueChange(): void;
     onMaxValueChange(): void;