@salla.sa/twilight-components 2.14.391 → 2.14.393

package/dist/components/salla-multiple-bundle-product-cart2.js

@@ -1,154 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$e } from './salla-accordion2.js';
-import { d as defineCustomElement$d } from './salla-accordion-body2.js';
-import { d as defineCustomElement$c } from './salla-accordion-head2.js';
-import { d as defineCustomElement$b } from './salla-booking-field2.js';
-import { d as defineCustomElement$a } from './salla-button2.js';
-import { d as defineCustomElement$9 } from './salla-color-picker2.js';
-import { d as defineCustomElement$8 } from './salla-conditional-fields2.js';
-import { d as defineCustomElement$7 } from './salla-datetime-picker2.js';
-import { d as defineCustomElement$6 } from './salla-file-upload2.js';
-import { d as defineCustomElement$5 } from './salla-loading2.js';
-import { d as defineCustomElement$4 } from './salla-map2.js';
-import { d as defineCustomElement$3 } from './salla-modal2.js';
-import { d as defineCustomElement$2 } from './salla-product-options2.js';
-import { d as defineCustomElement$1 } from './salla-progress-bar2.js';
-
-const sallaMultipleBundleProductCartCss = "";
-
-const SallaMultipleBundleProductCart = /*@__PURE__*/ proxyCustomElement(class SallaMultipleBundleProductCart extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /** The list of sections belonging to a bundle product. */
-        this.sections = [];
-        this.itemNumber = '';
-    }
-    deleteItem(sectionId, product) {
-        const form = this.host.closest('form');
-        if (form) {
-            const formId = form.getAttribute('id');
-            if (formId && typeof formId === 'string') {
-                const itemNumber = formId.match(/item-(\d+)/)?.[1];
-                this.itemNumber = itemNumber || '';
-                const selectedAccordion = this.host.querySelector(`#accordion-${product.id}`);
-                salla.cart
-                    .deleteItem(`${this.itemNumber}?product_id=${product.id}&section_id=${sectionId}`)
-                    .then(() => selectedAccordion?.remove());
-            }
-        }
-    }
-    renderRemoveButton(sectionId, product, isText = false) {
-        return (h("salla-button", { type: "button", shape: isText ? 'btn' : 'icon', fill: isText ? 'outline' : 'solid', size: "small", color: "danger", "aria-label": "Remove from the cart", onClick: () => this.deleteItem(sectionId, product) }, isText ? salla.lang.get('common.elements.delete') : h("i", { class: "sicon-cancel" })));
-    }
-    renderAccordionHeader(sectionId, product) {
-        const hasOptions = product?.options && product?.options?.length > 0; // undefined or empty array
-        return (h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, h("div", { class: "s-multiple-bundle-product-cart-header-content" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, h("span", null, salla.lang.get('pages.products.number_of_pieces')), h("span", null, product?.quantity_in_group))))), !hasOptions && (h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
-    }
-    render() {
-        return (h(Host, { key: 'df5a1f17db16a85222a239fa507912f38749909a', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '52a0c1480c1ac65225491eea9f467a35677365f2', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
-            return section.products.map(product => {
-                const bundleContext = {
-                    sectionId: section.id,
-                    sectionIndex: sectionIndex,
-                    productId: product.id,
-                };
-                return (h("salla-accordion", { key: product.id, collapsed: false, bordered: true, collapsible: product.options && product.options.length > 0 ? true : false, size: "sm", id: `accordion-${product.id}` }, h("salla-accordion-head", null, this.renderAccordionHeader(String(section.id), product)), product.options && product.options.length > 0 && (h("salla-accordion-body", null, h("salla-product-options", { options: JSON.stringify(product.options), key: `${product.id}-persistent`, "product-id": product.id, "bundle-context": JSON.stringify(bundleContext) }), h("div", { class: "s-multiple-bundle-product-cart-body-remove-button" }, this.renderRemoveButton(String(section.id), product, true))))));
-            });
-        }))));
-    }
-    get host() { return this; }
-    static get style() { return sallaMultipleBundleProductCartCss; }
-}, [0, "salla-multiple-bundle-product-cart", {
-        "sections": [16],
-        "itemNumber": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-multiple-bundle-product-cart", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-product-options", "salla-progress-bar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-multiple-bundle-product-cart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaMultipleBundleProductCart);
-            }
-            break;
-        case "salla-accordion":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "salla-accordion-body":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "salla-accordion-head":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "salla-booking-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "salla-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "salla-color-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "salla-conditional-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "salla-datetime-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "salla-file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "salla-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "salla-map":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "salla-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "salla-product-options":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "salla-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SallaMultipleBundleProductCart as S, defineCustomElement as d };
+import{transformTag as a,proxyCustomElement as l,HTMLElement as e,h as s,Host as t}from"@stencil/core/internal/client";import{d as o}from"./salla-accordion2.js";import{d as r}from"./salla-accordion-body2.js";import{d as c}from"./salla-accordion-head2.js";import{d}from"./salla-booking-field2.js";import{d as i}from"./salla-button2.js";import{d as n}from"./salla-color-picker2.js";import{d as u}from"./salla-conditional-fields2.js";import{d as m}from"./salla-datetime-picker2.js";import{d as p}from"./salla-file-upload2.js";import{d as b}from"./salla-loading2.js";import{d as f}from"./salla-map2.js";import{d as h}from"./salla-modal2.js";import{d as k}from"./salla-product-options2.js";import{d as g}from"./salla-progress-bar2.js";const E=l(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.sections=[],this.itemNumber=""}deleteItem(a,l){const e=this.host.closest("form");if(e){const s=e.getAttribute("id");if(s&&"string"==typeof s){const e=s.match(/item-(\d+)/)?.[1];this.itemNumber=e||"";const t=this.host.querySelector(`#accordion-${l.id}`);salla.cart.deleteItem(`${this.itemNumber}?product_id=${l.id}&section_id=${a}`).then((()=>t?.remove()))}}}renderRemoveButton(a,l,e=!1){return s("salla-button",{type:"button",shape:e?"btn":"icon",fill:e?"outline":"solid",size:"small",color:"danger","aria-label":"Remove from the cart",onClick:()=>this.deleteItem(a,l)},e?salla.lang.get("common.elements.delete"):s("i",{class:"sicon-cancel"}))}renderAccordionHeader(a,l){const e=l?.options&&l?.options?.length>0;return s("div",{slot:"html",class:"s-multiple-bundle-product-cart-header-wrapper"},s("div",{class:"s-multiple-bundle-product-cart-header "+(e?"":"s-multiple-bundle-product-cart-header-no-options")},s("div",{class:"s-multiple-bundle-product-cart-header-content"},s("a",{href:l?.url,class:"s-multiple-bundle-product-cart-header-image-wrapper"},s("img",{src:l?.image?.url,alt:l?.image?.alt||l?.name,class:"s-multiple-bundle-product-cart-header-image"})),s("div",{class:"s-multiple-bundle-product-cart-header-content-details"},s("h2",{class:"s-multiple-bundle-product-cart-header-content-details-title"},s("a",{href:l?.url,class:"s-multiple-bundle-product-cart-header-content-details-title-link"},l?.name)),s("div",{class:"s-multiple-bundle-product-cart-header-content-details-price"},s("span",{class:"s-multiple-bundle-product-cart-header-content-details-price-regular"},s("span",{innerHTML:l?.price?salla.money(l?.price):""})),l?.sale_price>0&&s("span",{class:"s-multiple-bundle-product-cart-header-content-details-price-sale"},s("span",{innerHTML:salla.money(l?.sale_price)}))),l?.quantity_in_group>0&&0!==l?.quantity&&s("p",{class:"s-multiple-bundle-product-cart-header-content-details-quantity"},s("span",null,salla.lang.get("pages.products.number_of_pieces")),s("span",null,l?.quantity_in_group)))),!e&&s("div",{class:"s-multiple-bundle-product-cart-header-remove-button"},this.renderRemoveButton(a,l,!1))))}render(){return s(t,{key:"df5a1f17db16a85222a239fa507912f38749909a",class:"s-multiple-bundle-product-wrapper"},s("div",{key:"52a0c1480c1ac65225491eea9f467a35677365f2",class:"s-multiple-bundle-product-wrapper-sections"},this.sections.map(((a,l)=>a.products.map((e=>{const t={sectionId:a.id,sectionIndex:l,productId:e.id};return s("salla-accordion",{key:e.id,collapsed:!1,bordered:!0,collapsible:!!(e.options&&e.options.length>0),size:"sm",id:`accordion-${e.id}`},s("salla-accordion-head",null,this.renderAccordionHeader(String(a.id),e)),e.options&&e.options.length>0&&s("salla-accordion-body",null,s("salla-product-options",{options:JSON.stringify(e.options),key:`${e.id}-persistent`,"product-id":e.id,"bundle-context":JSON.stringify(t)}),s("div",{class:"s-multiple-bundle-product-cart-body-remove-button"},this.renderRemoveButton(String(a.id),e,!0))))}))))))}get host(){return this}static get style(){return""}},[0,"salla-multiple-bundle-product-cart",{sections:[16],itemNumber:[32]}]);function j(){"undefined"!=typeof customElements&&["salla-multiple-bundle-product-cart","salla-accordion","salla-accordion-body","salla-accordion-head","salla-booking-field","salla-button","salla-color-picker","salla-conditional-fields","salla-datetime-picker","salla-file-upload","salla-loading","salla-map","salla-modal","salla-product-options","salla-progress-bar"].forEach((l=>{switch(l){case"salla-multiple-bundle-product-cart":customElements.get(a(l))||customElements.define(a(l),E);break;case"salla-accordion":customElements.get(a(l))||o();break;case"salla-accordion-body":customElements.get(a(l))||r();break;case"salla-accordion-head":customElements.get(a(l))||c();break;case"salla-booking-field":customElements.get(a(l))||d();break;case"salla-button":customElements.get(a(l))||i();break;case"salla-color-picker":customElements.get(a(l))||n();break;case"salla-conditional-fields":customElements.get(a(l))||u();break;case"salla-datetime-picker":customElements.get(a(l))||m();break;case"salla-file-upload":customElements.get(a(l))||p();break;case"salla-loading":customElements.get(a(l))||b();break;case"salla-map":customElements.get(a(l))||f();break;case"salla-modal":customElements.get(a(l))||h();break;case"salla-product-options":customElements.get(a(l))||k();break;case"salla-progress-bar":customElements.get(a(l))||g()}}))}j();export{E as S,j as d}

package/dist/components/salla-multiple-bundle-product-details.js

@@ -1,9 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { S as SallaMultipleBundleProductDetails$1, d as defineCustomElement$1 } from './salla-multiple-bundle-product-details2.js';
-
-const SallaMultipleBundleProductDetails = SallaMultipleBundleProductDetails$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaMultipleBundleProductDetails, defineCustomElement };
+import{S as l,d as s}from"./salla-multiple-bundle-product-details2.js";const t=l,a=s;export{t as SallaMultipleBundleProductDetails,a as defineCustomElement}

package/dist/components/salla-multiple-bundle-product-details2.js

@@ -1,299 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Fragment, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$i } from './salla-accordion2.js';
-import { d as defineCustomElement$h } from './salla-accordion-body2.js';
-import { d as defineCustomElement$g } from './salla-accordion-head2.js';
-import { d as defineCustomElement$f } from './salla-booking-field2.js';
-import { d as defineCustomElement$e } from './salla-button2.js';
-import { d as defineCustomElement$d } from './salla-color-picker2.js';
-import { d as defineCustomElement$c } from './salla-conditional-fields2.js';
-import { d as defineCustomElement$b } from './salla-datetime-picker2.js';
-import { d as defineCustomElement$a } from './salla-file-upload2.js';
-import { d as defineCustomElement$9 } from './salla-loading2.js';
-import { d as defineCustomElement$8 } from './salla-map2.js';
-import { d as defineCustomElement$7 } from './salla-modal2.js';
-import { d as defineCustomElement$6 } from './salla-multiple-bundle-product-options-modal2.js';
-import { d as defineCustomElement$5 } from './salla-multiple-bundle-product-slider2.js';
-import { d as defineCustomElement$4 } from './salla-product-options2.js';
-import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
-import { d as defineCustomElement$2 } from './salla-skeleton2.js';
-import { d as defineCustomElement$1 } from './salla-slider2.js';
-
-const sallaMultipleBundleProductDetailsCss = "";
-
-const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class SallaMultipleBundleProductDetails extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /** The list of sections belonging to a bundle product. */
-        this.sections = [];
-        // store selected product IDs per section (can be string or number)
-        this.selectedProducts = {};
-        // Event handler reference for cleanup
-        this.productSelectedHandler = null;
-        // handle selecting a product (toggle)
-        this.onSelectProduct = (sectionId, product) => {
-            this.selectedProducts = {
-                ...this.selectedProducts,
-                [sectionId]: new Set(this.selectedProducts[sectionId] || []),
-            };
-            const productId = product.id;
-            const wasSelected = this.selectedProducts[sectionId].has(productId);
-            if (wasSelected) {
-                // Product is being deselected
-                this.selectedProducts[sectionId].delete(productId);
-                // Clear form data and modal options for this product in this specific section
-                this.clearProductFormData(productId, sectionId);
-                this.clearProductModalOptions(productId, sectionId);
-            }
-            else {
-                // Product is being selected
-                this.selectedProducts[sectionId].add(productId);
-            }
-            // force re-render
-            this.selectedProducts = { ...this.selectedProducts };
-            // still dispatch event
-            salla.event.dispatch('on-bundle-product-selected', {
-                id: product.id,
-                name: product.name,
-                options: product.options,
-                wasSelected: wasSelected,
-                isSelected: !wasSelected,
-            });
-        };
-        // ensure product is selected (only add if not already selected)
-        this.ensureProductSelected = (sectionId, product) => {
-            this.selectedProducts = {
-                ...this.selectedProducts,
-                [sectionId]: new Set(this.selectedProducts[sectionId] || []),
-            };
-            const productId = product.id;
-            // Only add if not already selected
-            if (!this.selectedProducts[sectionId].has(productId)) {
-                this.selectedProducts[sectionId].add(productId);
-                // force re-render
-                this.selectedProducts = { ...this.selectedProducts };
-                // dispatch event
-                salla.event.dispatch('on-bundle-product-selected', {
-                    id: product.id,
-                    name: product.name,
-                    options: product.options,
-                });
-            }
-        };
-        // open product options modal
-        this.onSelectProductOptions = (product, sectionId) => {
-            // Find the section index from the sectionId
-            const sectionIndex = this.sections.findIndex(section => section.id == sectionId);
-            // Find the product index within the section
-            const section = this.sections.find(section => section.id == sectionId);
-            const productIndex = section?.products?.findIndex(p => p.id == product.id) ?? 0;
-            salla.event.dispatch('multiple-bundle-product-modal::open', {
-                product,
-                sectionId,
-                sectionIndex,
-                productIndex,
-            });
-        };
-        // Event handlers for bundle slider component
-        this.handleBundleSliderProductSelected = (event) => {
-            const { product, sectionId } = event.detail;
-            this.onSelectProduct(sectionId, product);
-        };
-        this.handleBundleSliderProductOptionsSelected = (event) => {
-            const { product, sectionId } = event.detail;
-            this.onSelectProductOptions(product, sectionId);
-        };
-    }
-    // Clear form data for a specific product in specific section
-    clearProductFormData(productId, sectionId) {
-        const form = this.host.closest('form');
-        if (sectionId) {
-            // Remove inputs for specific section/productIndex combination
-            const productInputPattern = `bundle[${sectionId}][`;
-            const inputsToRemove = Array.from(form.querySelectorAll('input')).filter((input) => input.getAttribute('data-product-id') === String(productId) &&
-                input.name &&
-                input.name.startsWith(productInputPattern));
-            inputsToRemove.forEach(input => input.remove());
-        }
-        else {
-            // Fallback: Remove all hidden inputs related to this product (legacy behavior)
-            const inputsToRemove = form.querySelectorAll(`[data-product-id="${productId}"]`);
-            inputsToRemove.forEach(input => input.remove());
-        }
-    }
-    // Clear modal options state for a specific product
-    clearProductModalOptions(productId, sectionId) {
-        let sectionIndex = null;
-        let productIndex = null;
-        if (sectionId != null) {
-            sectionIndex = this.sections.findIndex(section => section.id == sectionId);
-            if (sectionIndex > -1) {
-                const section = this.sections[sectionIndex];
-                if (section) {
-                    const foundIndex = section.products?.findIndex(product => product.id == productId);
-                    productIndex = typeof foundIndex === 'number' && foundIndex > -1 ? foundIndex : null;
-                }
-            }
-        }
-        // Emit event to notify modal to reset its state for this product
-        salla.event.dispatch('multiple-bundle-product-modal::clear-options', {
-            productId,
-            sectionId,
-            sectionIndex,
-            productIndex,
-        });
-    }
-    renderAccordionHeader(section, selectedCount) {
-        return (h(Fragment, null, h("h2", { slot: "title" }, section?.name), section?.obligatory_products ? (h("span", { slot: "note" }, salla.lang.get('pages.products.obligatory_products', {
-            count: section?.obligatory_products || 0,
-        }))) : '', h("span", { slot: "progress" }, selectedCount, "/", section?.products?.length || 0)));
-    }
-    componentDidLoad() {
-        // Listen for product selected event from modal
-        const modal = this.host.querySelector('salla-multiple-bundle-product-options-modal');
-        if (modal) {
-            this.productSelectedHandler = (e) => {
-                const { productId, sectionId, product, fromModal } = e.detail;
-                if (fromModal) {
-                    // When called from modal, only add to selection if not already selected
-                    this.ensureProductSelected(sectionId, product || { id: productId });
-                }
-                else {
-                    // Normal toggle behavior
-                    this.onSelectProduct(sectionId, product || { id: productId });
-                }
-            };
-            modal.addEventListener('productSelected', this.productSelectedHandler);
-        }
-    }
-    disconnectedCallback() {
-        // Clean up event listener to prevent memory leaks
-        if (this.productSelectedHandler) {
-            const modal = this.host.querySelector('salla-multiple-bundle-product-options-modal');
-            if (modal) {
-                modal.removeEventListener('productSelected', this.productSelectedHandler);
-            }
-            this.productSelectedHandler = null;
-        }
-    }
-    render() {
-        return (h(Host, { key: '25ed3fad5e1252a6a22739927c209689c111ef8b', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'e2738635e77e740c47307130efff6c6d8d7dbb1e', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
-            const selectedCount = this.selectedProducts[section.id]?.size || 0;
-            return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section, selectedCount)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '6359eb293af8feb486884f4d7d3182543c062430' })));
-    }
-    get host() { return this; }
-    static get style() { return sallaMultipleBundleProductDetailsCss; }
-}, [0, "salla-multiple-bundle-product-details", {
-        "sections": [16],
-        "selectedProducts": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-multiple-bundle-product-details", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-multiple-bundle-product-options-modal", "salla-multiple-bundle-product-slider", "salla-product-options", "salla-progress-bar", "salla-skeleton", "salla-slider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-multiple-bundle-product-details":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaMultipleBundleProductDetails);
-            }
-            break;
-        case "salla-accordion":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "salla-accordion-body":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "salla-accordion-head":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "salla-booking-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "salla-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "salla-color-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "salla-conditional-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "salla-datetime-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "salla-file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "salla-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "salla-map":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "salla-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "salla-multiple-bundle-product-options-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "salla-multiple-bundle-product-slider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "salla-product-options":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "salla-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "salla-skeleton":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "salla-slider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SallaMultipleBundleProductDetails as S, defineCustomElement as d };
+import{transformTag as s,proxyCustomElement as l,HTMLElement as a,h as t,Fragment as e,Host as o}from"@stencil/core/internal/client";import{d}from"./salla-accordion2.js";import{d as i}from"./salla-accordion-body2.js";import{d as c}from"./salla-accordion-head2.js";import{d as r}from"./salla-booking-field2.js";import{d as n}from"./salla-button2.js";import{d as u}from"./salla-color-picker2.js";import{d as m}from"./salla-conditional-fields2.js";import{d as p}from"./salla-datetime-picker2.js";import{d as b}from"./salla-file-upload2.js";import{d as h}from"./salla-loading2.js";import{d as f}from"./salla-map2.js";import{d as k}from"./salla-modal2.js";import{d as E}from"./salla-multiple-bundle-product-options-modal2.js";import{d as j}from"./salla-multiple-bundle-product-slider2.js";import{d as g}from"./salla-product-options2.js";import{d as y}from"./salla-progress-bar2.js";import{d as I}from"./salla-skeleton2.js";import{d as S}from"./salla-slider2.js";const x=l(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.sections=[],this.selectedProducts={},this.productSelectedHandler=null,this.onSelectProduct=(s,l)=>{this.selectedProducts={...this.selectedProducts,[s]:new Set(this.selectedProducts[s]||[])};const a=l.id,t=this.selectedProducts[s].has(a);t?(this.selectedProducts[s].delete(a),this.clearProductFormData(a,s),this.clearProductModalOptions(a,s)):this.selectedProducts[s].add(a),this.selectedProducts={...this.selectedProducts},salla.event.dispatch("on-bundle-product-selected",{id:l.id,name:l.name,options:l.options,wasSelected:t,isSelected:!t})},this.ensureProductSelected=(s,l)=>{this.selectedProducts={...this.selectedProducts,[s]:new Set(this.selectedProducts[s]||[])};const a=l.id;this.selectedProducts[s].has(a)||(this.selectedProducts[s].add(a),this.selectedProducts={...this.selectedProducts},salla.event.dispatch("on-bundle-product-selected",{id:l.id,name:l.name,options:l.options}))},this.onSelectProductOptions=(s,l)=>{const a=this.sections.findIndex((s=>s.id==l)),t=this.sections.find((s=>s.id==l)),e=t?.products?.findIndex((l=>l.id==s.id))??0;salla.event.dispatch("multiple-bundle-product-modal::open",{product:s,sectionId:l,sectionIndex:a,productIndex:e})},this.handleBundleSliderProductSelected=s=>{const{product:l,sectionId:a}=s.detail;this.onSelectProduct(a,l)},this.handleBundleSliderProductOptionsSelected=s=>{const{product:l,sectionId:a}=s.detail;this.onSelectProductOptions(l,a)}}clearProductFormData(s,l){const a=this.host.closest("form");if(l){const t=`bundle[${l}][`;Array.from(a.querySelectorAll("input")).filter((l=>l.getAttribute("data-product-id")===String(s)&&l.name&&l.name.startsWith(t))).forEach((s=>s.remove()))}else a.querySelectorAll(`[data-product-id="${s}"]`).forEach((s=>s.remove()))}clearProductModalOptions(s,l){let a=null,t=null;if(null!=l&&(a=this.sections.findIndex((s=>s.id==l)),a>-1)){const l=this.sections[a];if(l){const a=l.products?.findIndex((l=>l.id==s));t="number"==typeof a&&a>-1?a:null}}salla.event.dispatch("multiple-bundle-product-modal::clear-options",{productId:s,sectionId:l,sectionIndex:a,productIndex:t})}renderAccordionHeader(s,l){return t(e,null,t("h2",{slot:"title"},s?.name),s?.obligatory_products?t("span",{slot:"note"},salla.lang.get("pages.products.obligatory_products",{count:s?.obligatory_products||0})):"",t("span",{slot:"progress"},l,"/",s?.products?.length||0))}componentDidLoad(){const s=this.host.querySelector("salla-multiple-bundle-product-options-modal");s&&(this.productSelectedHandler=s=>{const{productId:l,sectionId:a,product:t,fromModal:e}=s.detail;e?this.ensureProductSelected(a,t||{id:l}):this.onSelectProduct(a,t||{id:l})},s.addEventListener("productSelected",this.productSelectedHandler))}disconnectedCallback(){if(this.productSelectedHandler){const s=this.host.querySelector("salla-multiple-bundle-product-options-modal");s&&s.removeEventListener("productSelected",this.productSelectedHandler),this.productSelectedHandler=null}}render(){return t(o,{key:"25ed3fad5e1252a6a22739927c209689c111ef8b",class:"s-multiple-bundle-product-wrapper"},t("div",{key:"e2738635e77e740c47307130efff6c6d8d7dbb1e",class:"s-multiple-bundle-product-wrapper-sections"},this.sections.map(((s,l)=>t("salla-accordion",{key:s.id,collapsed:0!==l},t("salla-accordion-head",null,this.renderAccordionHeader(s,this.selectedProducts[s.id]?.size||0)),t("salla-accordion-body",null,t("salla-multiple-bundle-product-slider",{section:s,sectionIndex:l,selectedProducts:this.selectedProducts,onProductSelected:this.handleBundleSliderProductSelected,onProductOptionsSelected:this.handleBundleSliderProductOptionsSelected})))))),t("salla-multiple-bundle-product-options-modal",{key:"6359eb293af8feb486884f4d7d3182543c062430"}))}get host(){return this}static get style(){return""}},[0,"salla-multiple-bundle-product-details",{sections:[16],selectedProducts:[32]}]);function w(){"undefined"!=typeof customElements&&["salla-multiple-bundle-product-details","salla-accordion","salla-accordion-body","salla-accordion-head","salla-booking-field","salla-button","salla-color-picker","salla-conditional-fields","salla-datetime-picker","salla-file-upload","salla-loading","salla-map","salla-modal","salla-multiple-bundle-product-options-modal","salla-multiple-bundle-product-slider","salla-product-options","salla-progress-bar","salla-skeleton","salla-slider"].forEach((l=>{switch(l){case"salla-multiple-bundle-product-details":customElements.get(s(l))||customElements.define(s(l),x);break;case"salla-accordion":customElements.get(s(l))||d();break;case"salla-accordion-body":customElements.get(s(l))||i();break;case"salla-accordion-head":customElements.get(s(l))||c();break;case"salla-booking-field":customElements.get(s(l))||r();break;case"salla-button":customElements.get(s(l))||n();break;case"salla-color-picker":customElements.get(s(l))||u();break;case"salla-conditional-fields":customElements.get(s(l))||m();break;case"salla-datetime-picker":customElements.get(s(l))||p();break;case"salla-file-upload":customElements.get(s(l))||b();break;case"salla-loading":customElements.get(s(l))||h();break;case"salla-map":customElements.get(s(l))||f();break;case"salla-modal":customElements.get(s(l))||k();break;case"salla-multiple-bundle-product-options-modal":customElements.get(s(l))||E();break;case"salla-multiple-bundle-product-slider":customElements.get(s(l))||j();break;case"salla-product-options":customElements.get(s(l))||g();break;case"salla-progress-bar":customElements.get(s(l))||y();break;case"salla-skeleton":customElements.get(s(l))||I();break;case"salla-slider":customElements.get(s(l))||S()}}))}w();export{x as S,w as d}

package/dist/components/salla-multiple-bundle-product-options-modal.js

@@ -1,9 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { S as SallaMultipleBundleProductOptionsModal$1, d as defineCustomElement$1 } from './salla-multiple-bundle-product-options-modal2.js';
-
-const SallaMultipleBundleProductOptionsModal = SallaMultipleBundleProductOptionsModal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaMultipleBundleProductOptionsModal, defineCustomElement };
+import{S as o,d as l}from"./salla-multiple-bundle-product-options-modal2.js";const s=o,t=l;export{s as SallaMultipleBundleProductOptionsModal,t as defineCustomElement}