@salla.sa/twilight-components 2.14.404 → 2.14.406

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -75,14 +75,15 @@ export class SallaQuantityInput {
      */
     async setValue(value, fireChangeEvent = true) {
         this.fireChangeEvent = fireChangeEvent;
-        let maxQuantity = parseInt(this.host.getAttribute('max'));
-        if (maxQuantity && value > maxQuantity) {
-            value = maxQuantity;
+        let numericValue = parseInt(salla.helpers.digitsOnly(String(value ?? '')), 10);
+        if (!Number.isFinite(numericValue) || numericValue < 1) {
+            numericValue = 1;
         }
-        if (value <= 1) {
-            value = 1;
+        let maxQuantity = parseInt(this.host.getAttribute('max'));
+        if (maxQuantity && numericValue > maxQuantity) {
+            numericValue = maxQuantity;
         }
-        this.quantity = value;
+        this.quantity = numericValue;
         return this.host;
     }
     render() {
@@ -90,7 +91,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: '371a523cf63d9d8a0407d0cd34b4fc93d8defc68', class: "s-quantity-input" }, h("div", { key: '46145aef20ae075df0396f715a79baf57e4a51f8', class: "s-quantity-input-container" }, h("button", { key: '7cca21dd90b4254bc764def23f45718b19a4a833', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '0ee6850626cb4201a1f90d28ee3c8def8803bebe', name: "increment-button" })), h("input", { key: 'c1b5718a03a846235fe127bb29cf5e3469299d48', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'e523be618062b814059168094fb7a8d7dbe12a7c', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '7ef4ffd3254913d1ec1fdf2b52c1c3d58977bdd0', name: "decrement-button" })))));
+        return (h(Host, { key: '97cfd53bacd63cfd819d733f25055fd6befcb46a', class: "s-quantity-input" }, h("div", { key: 'fbe95d268cfb58eac1cf751d39695fb1abb76de1', class: "s-quantity-input-container" }, h("button", { key: '511ee9299a053f3853b1e68783ec345523bf3dc2', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '104cad1ffb95e0213ee1ce3e215213d1ad346bdc', name: "increment-button" })), h("input", { key: '60d3114d8d7ca3a4923761041b4b02218fc903ce', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '554b02f7b85cbd026431adf2573efa1cbb0564bb', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '8028a32c8c83a4205e093e8ad5ccf5d8e9fd019b', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {