@salla.sa/twilight-components 2.14.404 → 2.14.406

package/dist/components/salla-conditional-fields2.js

@@ -16,15 +16,27 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
         });
     }
     disableInputs(field) {
-        field.querySelectorAll('[name]').forEach((input) => {
+        field.querySelectorAll('[name]').forEach((node) => {
+            const input = node;
             input.setAttribute('disabled', '');
             input.removeAttribute('required');
-            if (input?.tagName?.toLowerCase() === 'select') {
+            if (input instanceof HTMLSelectElement) {
                 input.value = '';
+                return;
+            }
+            if (input instanceof HTMLTextAreaElement) {
+                input.value = '';
+                return;
             }
-            if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {
-                // @ts-ignore
-                input.checked = false;
+            if (input instanceof HTMLInputElement) {
+                const t = (input.type || 'text').toLowerCase();
+                if (t === 'checkbox' || t === 'radio') {
+                    input.checked = false;
+                    return;
+                }
+                if (['text', 'search', 'number', 'tel', 'url', 'email'].includes(t)) {
+                    input.value = '';
+                }
             }
         });
     }
@@ -118,7 +130,7 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
         });
     }
     render() {
-        return (h(Host, { key: 'eb080f6f4321fbdfdb8a1aca7a8c7d877de54cca' }, h("slot", { key: 'b898259ac1a7fc5a89844f9228bd0f4a3f86d867' })));
+        return (h(Host, { key: 'a7314ccb4aaccc58db6c24db7a0f57e53087fdac' }, h("slot", { key: '0f192d2fd0670c8ba0e3d94dc84fed81123373b2' })));
     }
     get host() { return this; }
 }, [4, "salla-conditional-fields", undefined, [[0, "change", "changeHandler"], [0, "input", "changeHandler"]]]);

package/dist/components/salla-product-options2.js

@@ -206,8 +206,12 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
         const requiredElements = this.host.querySelectorAll('[required]');
         let pass = true;
         for (let i = 0; i < requiredElements.length; i++) {
+            const el = requiredElements[i];
+            if (el.disabled || el.closest('.hidden')) {
+                continue;
+            }
             //if there is only one invalid option, return false
-            if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {
+            if ('reportValidity' in el && !el.reportValidity()) {
                 pass = false;
             }
         }
@@ -330,6 +334,13 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
             }
             return opt;
         });
+        this.pruneInvisibleConditionalSelections();
+        this.setSelectedSkus();
+        requestAnimationFrame(() => {
+            this.optionsData
+                ?.filter(o => o.type === DisplayType.MULTIPLE_OPTIONS && o.required)
+                .forEach(o => this.handleRequiredMultipleOptions(o));
+        });
         // Emit the event only if fireChangeEvent is true
         if (fireChangeEvent) {
             this.changed.emit(data);
@@ -349,9 +360,60 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
             return;
         }
         const optionContainer = this.host.querySelector(`[data-option-id="${option.id}"]`);
+        if (!optionContainer) {
+            return;
+        }
         const hasChecked = optionContainer.querySelectorAll('input:checked').length;
         optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));
     }
+    pruneInvisibleConditionalSelections() {
+        const passes = Math.max(1, this.optionsData.length);
+        for (let p = 0; p < passes; p++) {
+            let clearedSomething = false;
+            for (const opt of this.optionsData) {
+                const vc = opt.visibility_condition;
+                if (!vc) {
+                    continue;
+                }
+                const selectedAtParent = this.selectedOptions
+                    .filter(s => s.option_id === vc.option)
+                    .map(s => String(s.id));
+                const targetSelected = selectedAtParent.includes(String(vc.value));
+                const shouldShow = vc.operator === '=' ? targetSelected : !targetSelected;
+                if (shouldShow) {
+                    continue;
+                }
+                if (this.clearStaleOption(opt.id)) {
+                    clearedSomething = true;
+                }
+            }
+            if (!clearedSomething) {
+                break;
+            }
+        }
+    }
+    clearStaleOption(optionId) {
+        const opt = this.optionsData.find(o => o.id === optionId);
+        if (!opt) {
+            return false;
+        }
+        const beforeLen = this.selectedOptions.length;
+        this.selectedOptions = this.selectedOptions.filter(s => s.option_id !== optionId);
+        const removedFromSelected = this.selectedOptions.length !== beforeLen;
+        const hasValue = opt.value != null && String(opt.value).length > 0;
+        const hadSelectedDetail = opt.details?.some(d => d.is_selected) ?? false;
+        if (!removedFromSelected && !hasValue && !hadSelectedDetail) {
+            return false;
+        }
+        this.optionsData = this.optionsData.map(o => o.id !== optionId
+            ? o
+            : {
+                ...o,
+                value: undefined,
+                details: o.details?.map(d => ({ ...d, is_selected: false })) ?? o.details,
+            });
+        return true;
+    }
     getLatLng(value, type) {
         return value
             ? value.split(',')[type === 'lat' ? 0 : 1]

package/dist/components/salla-quantity-input2.js

@@ -79,14 +79,15 @@ const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityI
      */
     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() {
@@ -94,7 +95,7 @@ const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityI
         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" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/esm/{filepond-TQwRQEj7.js → filepond-akG9YxKs.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-aDXaoBqI.js';
+import { d as getDefaultExportFromCjs } from './index-BJ31ZN0M.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-D6Scyf7M.js → filepond-plugin-file-poster-78baNcka.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-aDXaoBqI.js';
+import { d as getDefaultExportFromCjs } from './index-BJ31ZN0M.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-DmV95X-a.js → filepond-plugin-file-validate-size-CETGyPCg.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-aDXaoBqI.js';
+import { d as getDefaultExportFromCjs } from './index-BJ31ZN0M.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-BxcIYCpF.js → filepond-plugin-file-validate-type-C5CKH4pM.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-aDXaoBqI.js';
+import { d as getDefaultExportFromCjs } from './index-BJ31ZN0M.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-C_dhSLv3.js → filepond-plugin-image-edit-JDFQOv1g.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-aDXaoBqI.js';
+import { d as getDefaultExportFromCjs } from './index-BJ31ZN0M.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-C0v1CD3U.js → filepond-plugin-image-exif-orientation-EK76RBmr.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-aDXaoBqI.js';
+import { d as getDefaultExportFromCjs } from './index-BJ31ZN0M.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-DjsC29px.js → filepond-plugin-image-preview-BmPnm8ID.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-aDXaoBqI.js';
+import { d as getDefaultExportFromCjs } from './index-BJ31ZN0M.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{functions-CsHz6jUn.js → functions-CobAX8rF.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-aDXaoBqI.js';
+import { h } from './index-BJ31ZN0M.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);