@salla.sa/twilight-components 2.14.416 → 2.14.417

package/dist/components/salla-bullet-delivery.js

@@ -466,6 +466,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         this.loading = true;
         // Open modal immediately to show skeleton/loading state
         this.modal.open();
+        Salla.event.dispatch("salla::bullet-delivery.modal.opened");
         try {
             this.isLoggedIn = !this.isGuestUser();
             const savedIntent = this.cleanStaleGuestAddressIdIfNeeded(this.getStoredIntent());
@@ -1208,7 +1209,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     handleLogin() {
         // Keep bullet-delivery flow in-place and avoid full page reload after login.
         Salla.auth.setCanRedirect(false);
-        Salla.event.dispatch("bullet-delivery::close");
+        Salla.event.dispatch("salla::bullet-delivery.modal.close.requested");
         Salla.event.dispatch("login::open", Salla.url.is_page("cart")
             ? { withoutReload: true, source: "cart-submit" }
             : { withoutReload: true, source: "bullet-delivery" });
@@ -1441,7 +1442,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                 allocation_request: allocationPayload,
                 allocation_response: allocationResult.data ?? null,
             };
-            Salla.event.dispatch("bullet-delivery::allocation.confirmed", allocationConfirmedPayload);
+            Salla.event.dispatch("salla::bullet-delivery.allocation.confirmed", allocationConfirmedPayload);
             this.bulletDeliveryConfirmed.emit({
                 ...result,
                 address: selectedAddress,
@@ -1529,7 +1530,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         btn.setAttribute("fill", "outline");
         btn.setAttribute("color", "primary");
         btn.textContent = buttonText;
-        btn.addEventListener("click", () => Salla.event.emit("bullet-delivery::open", openPayload));
+        btn.addEventListener("click", () => Salla.event.emit("salla::bullet-delivery.modal.open.requested", openPayload));
         const wrapper = document.createElement("div");
         wrapper.className = "s-bullet-delivery-cart-view";
         wrapper.append(info, btn);
@@ -1923,9 +1924,9 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         catch (e) {
             console.warn("SallaBulletDelivery: overrideScopeSwitchUI failed", e);
         }
-        Salla.event.on("bullet-delivery::open", this.bulletDeliveryOpenHandler);
+        Salla.event.on("salla::bullet-delivery.modal.open.requested", this.bulletDeliveryOpenHandler);
         this.closeHandler = this.close.bind(this);
-        Salla.event.on("bullet-delivery::close", this.closeHandler);
+        Salla.event.on("salla::bullet-delivery.modal.close.requested", this.closeHandler);
         this.isRTL = Salla.config.get("theme.is_rtl");
         this.authLoggedInHandler = () => {
             if (this.cartSubmitConfirmationPending) {
@@ -1971,7 +1972,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         }
     }
     render() {
-        return (h(Host, { key: '83c8404002c477d2eedc8103fde0a8645e81d9a8', class: "s-bullet-delivery" }, h("salla-modal", { key: '5ba5b3fb56422415654e5d48f9656a86abe02c10', ref: (modal) => {
+        return (h(Host, { key: '8ca46eeae00aea840c260c599b10c7c544da1edc', class: "s-bullet-delivery" }, h("salla-modal", { key: '6197fa0b5f3d0a3479d37d9d54a2fe977a632215', ref: (modal) => {
                 this.modal = modal;
             }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", isLoading: this.loading, width: "sm" }, this.loading ? (this.renderSkeleton()) : (h("div", { class: "s-bullet-delivery-inner" }, this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm())))));
     }
@@ -2020,9 +2021,9 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     }
     disconnectedCallback() {
         this.componentReady = false;
-        Salla.event.off("bullet-delivery::open", this.bulletDeliveryOpenHandler);
+        Salla.event.off("salla::bullet-delivery.modal.open.requested", this.bulletDeliveryOpenHandler);
         if (this.closeHandler) {
-            Salla.event.off("bullet-delivery::close", this.closeHandler);
+            Salla.event.off("salla::bullet-delivery.modal.close.requested", this.closeHandler);
             this.closeHandler = null;
         }
         if (this.cartItemAddedHandler) {

package/dist/components/salla-delivery-promise.js

@@ -246,7 +246,7 @@ const SallaDeliveryPromise$1 = /*@__PURE__*/ proxyCustomElement(class SallaDeliv
         }
     }
     openBulletDeliveryModal() {
-        salla.event.emit('bullet-delivery::open', buildBulletOpenPayload());
+        salla.event.emit('salla::bullet-delivery.modal.open.requested', buildBulletOpenPayload());
     }
     // ═══════════════════════════════════════════════════════════════════════
     //  Standard flow (city list, no login cycle)

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

@@ -896,7 +896,7 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
     }
     //@ts-ignore
     colorOption(option) {
-        return (h("fieldset", { class: "s-product-options-colors-wrapper" }, option?.details.map((detail) => (h("div", { class: "s-product-options-colors-item", key: detail.id }, h("input", { type: "radio", value: detail.id, required: !option.visibility_condition && option.required, checked: detail.is_selected, name: this.generateInputName(option.id), disabled: this.canDisabled && this.isOptionDetailOut(detail), id: this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`), onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) }), h("label", { htmlFor: this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`) }, h("span", { style: { backgroundColor: detail.color } }), h("div", { innerHTML: this.getOptionDetailName(detail, true, option.type) })))))));
+        return (h("fieldset", { class: "s-product-options-colors-wrapper" }, option?.details.map((detail) => (h("div", { class: "s-product-options-colors-item", key: detail.id }, h("input", { type: "radio", value: detail.id, required: !option.visibility_condition && option.required, checked: detail.is_selected, name: this.generateInputName(option.id), disabled: this.canDisabled && this.isOptionDetailOut(detail), id: this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`), onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option), "data-img-id": detail.option_value }), h("label", { htmlFor: this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`), "data-img-id": detail.option_value }, h("span", { style: { backgroundColor: detail.color } }), h("div", { innerHTML: this.getOptionDetailName(detail, true, option.type) })))))));
     }
     //@ts-ignore
     thumbnailOption(option) {

package/dist/components/salla-slider2.js

@@ -9821,7 +9821,7 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
          */
         this.blockTitle = '';
         /**
-         * Enable call a specific slide by index from thumbnails option in `salla-slider-options` component, works only if `data-img-id` and `data-slid-index` attributes are set on each slide
+         * Enable call a specific slide by index from thumbnails or color option in `salla-slider-options` component, works only if `data-img-id` and `data-slid-index` attributes are set on each slide
          */
         this.listenToThumbnailsOption = false;
         /**
@@ -10140,9 +10140,16 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
         if (this.listenToThumbnailsOption) {
             salla.event.on('product-options::change', data => {
-                if (data.option.type == 'thumbnail') {
-                    const slideIndex = this.sliderWrapper?.querySelector(`[data-img-id="${data.detail.option_value}"]`)?.getAttribute('data-slid-index');
-                    slideIndex ? this.slideTo(parseInt(slideIndex), 300, false) : '';
+                const isSupportedOptionType = ['thumbnail', 'color'].includes(data?.option?.type);
+                const optionImageId = data?.detail?.option_value;
+                if (!isSupportedOptionType || !optionImageId) {
+                    return;
+                }
+                const slideIndex = this.sliderWrapper
+                    ?.querySelector(`[data-img-id="${optionImageId}"]`)
+                    ?.getAttribute('data-slid-index');
+                if (slideIndex) {
+                    this.slideTo(parseInt(slideIndex), 300, false);
                 }
             });
         }

package/dist/esm/{filepond-CNTsYc8S.js → filepond-B25v0bOp.js}

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

package/dist/esm/{filepond-plugin-file-poster-DLCidc-Q.js → filepond-plugin-file-poster-3pI-GrYi.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-CZGLWF5m.js → filepond-plugin-file-validate-size-BF3zIjLe.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-CKJi-jQD.js → filepond-plugin-file-validate-type-BR91w5t3.js}

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

package/dist/esm/{filepond-plugin-image-edit-4Xk79kLy.js → filepond-plugin-image-edit-DPwgIvr6.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-BzeDXlDj.js → filepond-plugin-image-exif-orientation-Ba27xDEr.js}

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

package/dist/esm/{filepond-plugin-image-preview-D0PgvnTL.js → filepond-plugin-image-preview-CAEqmh_E.js}

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

package/dist/esm/{functions-FT2ic5VF.js → functions-Bk6s9Xp6.js}

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