@salla.sa/twilight-components 2.14.297 → 2.14.298

package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.js

@@ -15,15 +15,18 @@ export class SallaMultipleBundleProductSlider {
             if (!checkbox)
                 return;
             if (checkbox) {
-                // Toggle the checkbox state
-                checkbox.checked = !checkbox.checked;
-                // Dispatch a change event to trigger form validation/submission
-                const changeEvent = new window.Event('change', { bubbles: true });
-                checkbox.dispatchEvent(changeEvent);
-                if (!checkbox.checked) {
-                    this.clearSavedOptionsState(this.section.id, productIndex);
+                const willBeChecked = !checkbox.checked;
+                if (!willBeChecked) {
                     this.dispatchClearOptionsEvent(product, productIndex);
+                    this.clearSavedOptionsState(this.section.id, productIndex);
                 }
+                // Toggle the checkbox state
+                checkbox.checked = willBeChecked;
+                // Dispatch a change event to trigger form validation/submission
+                requestAnimationFrame(() => {
+                    const changeEvent = new window.Event('change', { bubbles: true });
+                    checkbox.dispatchEvent(changeEvent);
+                });
             }
             this.productSelected.emit({
                 product,
@@ -83,9 +86,9 @@ export class SallaMultipleBundleProductSlider {
         return `bundle[${sectionId}][${productIndex}][id]`;
     }
     render() {
-        return (h(Host, { key: '234e93258c3d7ca5d7dc08efb68743d042646706' }, h("salla-slider", { key: '451184823378e4ad0c9034d3af1b87373bcb7d20', type: "carousel", controlsOuter: false, showControls: false, id: "accordion-multiple-bundle-product", pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: {
+        return (h(Host, { key: '0aeceebde05ad98ab11016dda3bd65f118b656dc' }, h("salla-slider", { key: '7def91aaa69d09caf6c5876b5d3221cc1db386f5', type: "carousel", controlsOuter: false, showControls: false, id: "accordion-multiple-bundle-product", pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: {
                 spaceBetween: 0,
-            } }, h("div", { key: '28c1acfd37a77059d4c177b787dca9deea47d123', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+            } }, h("div", { key: 'b9983965c9ba86120540d6df6bedaaca22ea0cd1', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const hasSavedOptions = this.savedOptionsByInstance[this.getProductInstanceKey(this.section.id, productIndex)];
             const optionsButtonLabel = hasSavedOptions