@salla.sa/twilight-components 2.14.392 → 2.14.393

package/dist/components/salla-hook.js

@@ -1,50 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const SallaHook$1 = /*@__PURE__*/ proxyCustomElement(class SallaHook extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    /**
-     * Mounts a given HTML element into the hook position.
-     * @param element The element to inject.
-     */
-    async mount(element) {
-        this.host.before(element);
-    }
-    render() {
-        return h(Host, { key: '618467f6911198a5cbf4270694544575e585af27' });
-    }
-    async componentDidLoad() {
-        // Register this component for hooks system, already on it logic to run componentDidLoad trigger
-        await Salla.hooks.registerComponent('salla-hook', this);
-    }
-    get host() { return this; }
-    static get style() { return ":host {\n      all: unset;\n      display: none; /* marker only */\n    }"; }
-}, [1, "salla-hook", {
-        "name": [1],
-        "mount": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-hook"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-hook":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaHook$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SallaHook = SallaHook$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaHook, defineCustomElement };
+import{transformTag as t,proxyCustomElement as n,HTMLElement as e,h as s,Host as o}from"@stencil/core/internal/client";const a=n(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}async mount(t){this.host.before(t)}render(){return s(o,{key:"618467f6911198a5cbf4270694544575e585af27"})}async componentDidLoad(){await Salla.hooks.registerComponent("salla-hook",this)}get host(){return this}static get style(){return":host {\n      all: unset;\n      display: none; /* marker only */\n    }"}},[1,"salla-hook",{name:[1],mount:[64]}]);function l(){"undefined"!=typeof customElements&&["salla-hook"].forEach((n=>{"salla-hook"===n&&(customElements.get(t(n))||customElements.define(t(n),a))}))}l();const r=a,c=l;export{r as SallaHook,c as defineCustomElement}

package/dist/components/salla-infinite-scroll.js

@@ -1,115 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { H as Helper } from './Helper.js';
-
-const sallaInfiniteScrollCss = "";
-
-const SallaInfiniteScroll$1 = /*@__PURE__*/ proxyCustomElement(class SallaInfiniteScroll extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Next Page element
-         */
-        this.nextPage = '';
-        /**
-         * Is there is need to autoload next page when scroll `next-page-autoload|next-page.autoload`
-         */
-        this.autoload = false;
-        /**
-         * Class selector to know the container if it's not the host `<salla-infinite-scroll>`
-         */
-        this.container = 'salla-infinite-scroll';
-        /**
-         * Class selector to know list items
-         */
-        this.item = 'salla-infinite-scroll > *';
-        this.status = document.createElement('div');
-        this.status.className = 's-infinite-scroll-wrapper';
-        this.status.innerHTML = `<div class="s-infinite-scroll-status" style="display:none">
-        <p class="s-infinite-scroll-last infinite-scroll-last"></p>
-        <p class="s-infinite-scroll-error infinite-scroll-error"></p>
-      </div>
-      <a href="${this.nextPage}" class="s-infinite-scroll-btn s-button-btn s-button-primary">
-        <span class="s-button-text s-infinite-scroll-btn-text">${this.loadMoreText ? this.loadMoreText : salla.lang.get('common.elements.load_more')}</span>
-        <span class="s-button-loader s-button-loader-center s-infinite-scroll-btn-loader" style="display: none"></span>
-      </a>`;
-        this.btnLoader = this.status.querySelector('.s-button-loader');
-        salla.lang.onLoaded(() => {
-            this.status.querySelector('.s-button-text').innerHTML = this.loadMoreText ? this.loadMoreText : salla.lang.get('common.elements.load_more');
-            this.status.querySelector('.s-infinite-scroll-last').innerHTML = salla.lang.get('common.elements.end_of_content');
-            this.status.querySelector('.s-infinite-scroll-error').innerHTML = salla.lang.get('common.elements.failed_to_load_more');
-        });
-    }
-    loading(isLoading = true) {
-        let btnText = this.status.querySelector('.s-button-text');
-        Helper.toggleElementClassIf(btnText, 's-button-hide', 's-button-show', () => isLoading);
-        this.btnLoader.style.display = isLoading ? 'inherit' : 'none';
-    }
-    render() {
-        return this.nextPage.length > 1 ?
-            h(Host, { class: "s-infinite-scroll-container" }, h("slot", null)) : '';
-    }
-    componentDidLoad() {
-        if (this.nextPage.length === 0) {
-            return;
-        }
-        this.host.insertAdjacentElement('afterend', this.status);
-        let that = this;
-        let infScroll = salla.infiniteScroll.initiate(this.container, {
-            history: this.autoload ? 'push' : false,
-            scrollThreshold: this.autoload ? 400 : false,
-            nextPage: this.nextPage,
-            checkLastPage: 'salla-infinite-scroll[next-page*=":"],salla-infinite-scroll[next-page*="."]',
-            status: '.s-infinite-scroll-status',
-            button: this.status.querySelector('.s-button-btn'),
-            append: this.item,
-            path: function () {
-                return that.nextPage.replace(/page\=(\d)/g, 'page=' + (this.loadCount + 2));
-            },
-        })
-            .on('request', () => this.loading())
-            .on('load', () => {
-            this.loading(false);
-            if (infScroll.pageIndex == 2) {
-                infScroll.option({ loadOnScroll: false });
-            }
-            if (infScroll.pageIndex == 3) {
-                infScroll.option({ loadOnScroll: true });
-            }
-        })
-            .on('error', () => this.loading(false));
-    }
-    get host() { return this; }
-    static get style() { return sallaInfiniteScrollCss; }
-}, [4, "salla-infinite-scroll", {
-        "nextPage": [1, "next-page"],
-        "autoload": [1028],
-        "container": [1],
-        "loadMoreText": [1, "load-more-text"],
-        "item": [1],
-        "loadMore": [32],
-        "noMore": [32],
-        "failedToLoad": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-infinite-scroll"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-infinite-scroll":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaInfiniteScroll$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SallaInfiniteScroll = SallaInfiniteScroll$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaInfiniteScroll, defineCustomElement };
+import{transformTag as t,proxyCustomElement as s,HTMLElement as n,h as e,Host as i}from"@stencil/core/internal/client";import{H as l}from"./Helper.js";const o=s(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.nextPage="",this.autoload=!1,this.container="salla-infinite-scroll",this.item="salla-infinite-scroll > *",this.status=document.createElement("div"),this.status.className="s-infinite-scroll-wrapper",this.status.innerHTML=`<div class="s-infinite-scroll-status" style="display:none">\n        <p class="s-infinite-scroll-last infinite-scroll-last"></p>\n        <p class="s-infinite-scroll-error infinite-scroll-error"></p>\n      </div>\n      <a href="${this.nextPage}" class="s-infinite-scroll-btn s-button-btn s-button-primary">\n        <span class="s-button-text s-infinite-scroll-btn-text">${this.loadMoreText?this.loadMoreText:salla.lang.get("common.elements.load_more")}</span>\n        <span class="s-button-loader s-button-loader-center s-infinite-scroll-btn-loader" style="display: none"></span>\n      </a>`,this.btnLoader=this.status.querySelector(".s-button-loader"),salla.lang.onLoaded((()=>{this.status.querySelector(".s-button-text").innerHTML=this.loadMoreText?this.loadMoreText:salla.lang.get("common.elements.load_more"),this.status.querySelector(".s-infinite-scroll-last").innerHTML=salla.lang.get("common.elements.end_of_content"),this.status.querySelector(".s-infinite-scroll-error").innerHTML=salla.lang.get("common.elements.failed_to_load_more")}))}loading(t=!0){let s=this.status.querySelector(".s-button-text");l.toggleElementClassIf(s,"s-button-hide","s-button-show",(()=>t)),this.btnLoader.style.display=t?"inherit":"none"}render(){return this.nextPage.length>1?e(i,{class:"s-infinite-scroll-container"},e("slot",null)):""}componentDidLoad(){if(0===this.nextPage.length)return;this.host.insertAdjacentElement("afterend",this.status);let t=this,s=salla.infiniteScroll.initiate(this.container,{history:!!this.autoload&&"push",scrollThreshold:!!this.autoload&&400,nextPage:this.nextPage,checkLastPage:'salla-infinite-scroll[next-page*=":"],salla-infinite-scroll[next-page*="."]',status:".s-infinite-scroll-status",button:this.status.querySelector(".s-button-btn"),append:this.item,path:function(){return t.nextPage.replace(/page\=(\d)/g,"page="+(this.loadCount+2))}}).on("request",(()=>this.loading())).on("load",(()=>{this.loading(!1),2==s.pageIndex&&s.option({loadOnScroll:!1}),3==s.pageIndex&&s.option({loadOnScroll:!0})})).on("error",(()=>this.loading(!1)))}get host(){return this}static get style(){return""}},[260,"salla-infinite-scroll",{nextPage:[1,"next-page"],autoload:[1028],container:[1],loadMoreText:[1,"load-more-text"],item:[1],loadMore:[32],noMore:[32],failedToLoad:[32]}]);function a(){"undefined"!=typeof customElements&&["salla-infinite-scroll"].forEach((s=>{"salla-infinite-scroll"===s&&(customElements.get(t(s))||customElements.define(t(s),o))}))}a();const r=o,c=a;export{r as SallaInfiniteScroll,c as defineCustomElement}

package/dist/components/salla-installment.js

@@ -1,309 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
-
-const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallment extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tabbyBorderRemoved = false;
-        this.tabbyRemoveBorderTries = 0;
-        /**
-         * Language code
-         */
-        this.language = salla.config.get('user.language_code');
-        /**
-         * Currency code
-         */
-        this.currency = salla.config.get('user.currency_code');
-        /**
-         * Country code
-         */
-        this.country = salla.config.get('user.country_code');
-        this.installment_sheria_text = (key, replacement) => salla.lang.get(key, replacement);
-    }
-    async componentWillLoad() {
-        await salla.onReady();
-        await salla.lang.onLoaded();
-        this.currency = salla.config.get('user.currency_code') || 'SAR';
-        this.language = salla.config.get('user.language_code') || 'ar';
-        this.country = salla.config.get('user.country_code') || 'SA';
-        const installmentOptions = [
-            { key: 'pages.products.installments', installments: 3 },
-            { key: 'pages.products.installments_emkan', installments: 5 },
-        ];
-        installmentOptions.forEach(option => {
-            this.installment_sheria_text(option.key, {
-                payment: salla.money(parseFloat(this.price)),
-                amount: salla.money((parseFloat(this.price) / option.installments).toFixed(2)).replace(/\.00$/, ''),
-                installments: option.installments,
-            });
-        });
-        const installment = salla.config.get('store.settings.installments');
-        if (installment) {
-            this.tamaraIsActive = installment.tamara;
-            this.tabbyIsActive = installment.tabby;
-            this.spotiiIsActive = installment.spotii;
-            this.mispayActive = installment.mispay;
-            this.emkanIsActive = installment.emkan;
-            this.madfuActive = installment.madfu;
-            this.rajehiIsActive = installment.mokafaa_alrajhi;
-        }
-        salla.event.on('product::price.updated', ({ data }) => {
-            if (!data.price || data.price == this.price) {
-                return;
-            }
-            this.price = data.price;
-            this.renderInstallments(true);
-        });
-    }
-    componentDidLoad() {
-        this.renderInstallments();
-    }
-    render() {
-        const isSAR = this.currency === 'SAR';
-        if (!this.isValidPrice(this.price)) {
-            return '';
-        }
-        return (h(Host, null, this.tamaraIsActive &&
-            (this.tamaraIsActive?.publicKey ? (
-            // Tamara widget v2
-            h("div", { class: "mb-5" }, h("tamara-widget", { type: "tamara-summary", "inline-type": "2", amount: this.price }))) : (
-            // Tamara widget v1 fallback
-            h("div", { class: "tamara-product-widget", "data-price": this.price, "data-currency": this.currency, "data-lang": this.language, "data-payment-type": "installment" }))), this.tabbyIsActive ? (h("div", { id: "tabbyPromoWrapper" }, h("div", { id: "tabbyPromo" }))) : (''), this.spotiiIsActive ? (h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }))) : (''), this.shouldShowMispay() &&
-            (this.mispayActive.publicKey ? (h("div", { class: "mb-5" }, h("mispay-widget", { amount: this.price, lang: this.language }))) : (h("div", { class: "s-installment-mispay-wrapper" }, h("div", { class: "s-installment-mispay-content" }, h("img", { src: salla.url.cdn('images/payment/png/mispay.png'), alt: "mispay" }), h("span", { class: "s-installment-mispay-content-text", innerHTML: this.installment_sheria_text('pages.products.installments', {
-                    payment: salla.money(parseFloat(this.price)),
-                    amount: salla.money((parseFloat(this.price) / 4).toFixed(2)),
-                    installments: 4,
-                }) }))))), this.emkanIsActive && this.currency === "SAR" ? (h("div", { class: "s-installment-emkan-wrapper" }, h("div", { class: "s-installment-emkan-content" }, h("img", { src: salla.url.cdn('images/payment/png/emkan.png'), alt: "emkan" }), h("span", { class: "s-installment-emkan-content-text", innerHTML: this.installment_sheria_text('pages.products.installments_emkan', {
-                payment: salla.money(parseFloat(this.price)),
-                installments: 5,
-            }) })))) : (''), this.madfuActive && this.currency === "SAR" ? (h("div", { class: "s-installment-madfu-wrapper" }, h("div", { class: "s-installment-madfu-content" }, h("img", { src: salla.url.cdn('images/payment/png/madfu.png'), alt: "madfu" }), h("span", { class: "s-installment-madfu-content-text" }, salla.lang.get('pages.products.installments_madfu'))))) : (''), (isSAR && this.rajehiIsActive) ?
-            h("div", { class: "s-installment-rajehi-wrapper" }, h("div", { class: "s-installment-rajehi-content" }, h("img", { src: salla.url.cdn('images/payment/png/mokafaa_alrajhi_loyalty.png'), alt: "mokafaa_alrajhi_loyalty" }), h("span", { class: "s-installment-rajehi-content-text" }, salla.lang.get("pages.products.rajahi_earn_points", { points: Math.floor(+this.price * this.rajehiIsActive.pointsPerRiyal) }))))
-            : ''));
-    }
-    renderInstallments(isUpdating = false) {
-        if (!this.isValidPrice(this.price)) {
-            return;
-        }
-        // Tamara
-        if (this.tamaraIsActive) {
-            this.loadTamara({ isUpdating });
-        }
-        // tabby
-        if (this.tabbyIsActive) {
-            if (isUpdating) {
-                // remove #tabbyPromoWrapper and re append it
-                var oldTabbyWrapper = this.host.querySelector('#tabbyPromoWrapper');
-                if (oldTabbyWrapper) {
-                    oldTabbyWrapper.remove();
-                }
-                var tabbyPromoWrapper = document.createElement('div');
-                tabbyPromoWrapper.setAttribute('id', 'tabbyPromoWrapper');
-                var tabbyPromo = document.createElement('div');
-                tabbyPromo.setAttribute('id', 'tabbyPromo');
-                tabbyPromoWrapper.appendChild(tabbyPromo);
-                this.host.appendChild(tabbyPromoWrapper);
-                var oldTabbyScript = document.querySelector('script[src="https://checkout.tabby.ai/tabby-promo.js"]');
-                if (oldTabbyScript) {
-                    oldTabbyScript.remove();
-                }
-            }
-            var tabbyScript = document.createElement('script');
-            tabbyScript.setAttribute('src', 'https://checkout.tabby.ai/tabby-promo.js');
-            document.head.appendChild(tabbyScript);
-            tabbyScript.onload = () => {
-                const TabbyPromo = window.TabbyPromo;
-                new TabbyPromo({
-                    selector: '#tabbyPromo',
-                    currency: this.currency,
-                    price: this.price,
-                    lang: this.language,
-                    publicKey: salla.config.get('store.settings.installments.tabby.publicKey'),
-                    merchantCode: salla.config.get('store.settings.installments.tabby.merchantCode'),
-                });
-                document.querySelectorAll('.tabby-promo-snippet__logo').forEach(function (element) {
-                    element.setAttribute('aria-label', 'Tabby Logo');
-                });
-            };
-            // this is a workaround to remove the default border and add margin
-            this.removeTabbyBorder();
-        }
-        // Spotii
-        if (this.spotiiIsActive) {
-            if (isUpdating) {
-                var oldSpotiiWrapper = this.host.querySelector('.spotii-wrapper');
-                if (oldSpotiiWrapper) {
-                    oldSpotiiWrapper.remove();
-                }
-                var spotiiPromoWrapper = document.createElement('div');
-                spotiiPromoWrapper.classList.add('spotii-wrapper');
-                var spotiiPromo = document.createElement('div');
-                spotiiPromo.classList.add('spotii-promo');
-                spotiiPromoWrapper.appendChild(spotiiPromo);
-                this.host.appendChild(spotiiPromoWrapper);
-                var oldSpotiiScript = document.querySelector('script[src="' + salla.url.cdn('js/price-widget-ar-salla.js') + '"]');
-                if (oldSpotiiScript) {
-                    oldSpotiiScript.remove();
-                }
-            }
-            let amount = salla.money((Number(this.price) / 3).toFixed(2), false);
-            let isRTL = salla.config.get('theme.is_rtl', true);
-            window.spotiiConfig = {
-                targetXPath: ['.spotii-wrapper'],
-                renderToPath: ['.spotii-promo'],
-                numberOfPayment: 3,
-                currency: this.currency,
-                templateLine: '${textOne} ${number} ${textTwo} ' + amount + '${logo} ${info}',
-                //todo:: translate these
-                textOne: isRTL ? 'جزء الدفع على' : 'Split it into',
-                textTwo: isRTL ? 'أقساط متساوية بدون تكاليف اضافية بقيمة' : 'payments of',
-                textThree: 'مع',
-                price: this.price,
-                // forcedShow: false,
-                // merchantID: null,
-            };
-            var spotiiScript = document.createElement('script');
-            spotiiScript.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
-            document.head.appendChild(spotiiScript);
-            // spotiiScript.onload = () => {
-            //   // setTimeout()
-            // }
-        }
-        // Mispay
-        if (this.shouldShowMispay() && this.mispayActive.publicKey) {
-            this.loadExternalScript({
-                position: 'head',
-                src: `https://widget.mispay.co/v1/sdk.js?authorize=${this.mispayActive.publicKey}`,
-            });
-        }
-    }
-    isValidPrice(price) {
-        const pricePattern = /^\d+(\.\d{1,2})?$/;
-        const isValid = pricePattern.test(price);
-        const isGreaterThanZero = parseFloat(price) > 0;
-        return isValid && isGreaterThanZero;
-    }
-    loadExternalScript({ src, onLoad, position, }) {
-        const script = document.createElement('script');
-        script.src = src;
-        script.onload = onLoad;
-        document[position].appendChild(script);
-    }
-    loadTamara({ isUpdating }) {
-        const isV2Enabled = !!this.tamaraIsActive?.publicKey;
-        if (isUpdating) {
-            setTimeout(() => {
-                if (isV2Enabled) {
-                    return window.TamaraWidgetV2?.refresh();
-                }
-                // v1 fallback widget refresh
-                window.TamaraProductWidget?.render();
-            }, 300);
-        }
-        else {
-            if (isV2Enabled) {
-                const language_code = salla.config.get('user.language_code');
-                const lang = ['ar', 'en'].includes(language_code) ? language_code : 'ar';
-                // this used in case user change the currency to get the country code
-                const countryCodeByCurrency = this.currency?.slice(0, -1);
-                const country = ['SA', 'AE', 'KW', 'BH', 'OM', 'QA'].includes(countryCodeByCurrency)
-                    ? countryCodeByCurrency
-                    : null;
-                if (!country) {
-                    console.error('Tamara: Country code is not supported', countryCodeByCurrency);
-                }
-                else {
-                    window.tamaraWidgetConfig = {
-                        lang,
-                        country,
-                        publicKey: this.tamaraIsActive.publicKey,
-                        style: {
-                            fontSize: '14px',
-                        },
-                    };
-                    this.loadExternalScript({
-                        position: 'head',
-                        src: 'https://cdn.tamara.co/widget-v2/tamara-widget.js',
-                    });
-                }
-            }
-            else {
-                // v1 fallback widget
-                this.loadExternalScript({
-                    position: 'head',
-                    src: 'https://cdn.tamara.co/widget/product-widget.min.js',
-                    onLoad: () => {
-                        window.TamaraProductWidget.init({ lang: this.language });
-                        setTimeout(() => {
-                            window.TamaraProductWidget.render();
-                        }, 300);
-                    },
-                });
-            }
-        }
-    }
-    shouldShowMispay() {
-        return this.currency === 'SAR' && this.mispayActive;
-    }
-    /**
-     * this is workaround to remove the default border and add margin
-     * we will try to remove tabby border 5 times for 7.5 seconds
-     */
-    removeTabbyBorder() {
-        if (this.tabbyBorderRemoved || this.tabbyRemoveBorderTries > 5) {
-            return;
-        }
-        this.tabbyRemoveBorderTries++;
-        setTimeout(() => {
-            let promo = document.querySelector('#tabbyPromo>div>div');
-            promo = promo && promo.shadowRoot
-                ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]')
-                : null;
-            if (promo) {
-                promo.style = 'border: none; margin: 15px 0!important;';
-                this.tabbyBorderRemoved = true;
-            }
-            else {
-                this.removeTabbyBorder();
-            }
-        }, this.tabbyRemoveBorderTries * 500);
-    }
-    get host() { return this; }
-    static get style() { return sallaInstallmentCss; }
-}, [0, "salla-installment", {
-        "price": [1],
-        "language": [1],
-        "currency": [1],
-        "country": [1],
-        "tabbyIsActive": [32],
-        "spotiiIsActive": [32],
-        "tamaraIsActive": [32],
-        "mispayActive": [32],
-        "emkanIsActive": [32],
-        "madfuActive": [32],
-        "rajehiIsActive": [32],
-        "installment_sheria_text": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-installment"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-installment":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaInstallment$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SallaInstallment = SallaInstallment$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaInstallment, defineCustomElement };
+import{transformTag as t,proxyCustomElement as a,HTMLElement as i,h as e,Host as s}from"@stencil/core/internal/client";const n=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabbyBorderRemoved=!1,this.tabbyRemoveBorderTries=0,this.language=salla.config.get("user.language_code"),this.currency=salla.config.get("user.currency_code"),this.country=salla.config.get("user.country_code"),this.installment_sheria_text=(t,a)=>salla.lang.get(t,a)}async componentWillLoad(){await salla.onReady(),await salla.lang.onLoaded(),this.currency=salla.config.get("user.currency_code")||"SAR",this.language=salla.config.get("user.language_code")||"ar",this.country=salla.config.get("user.country_code")||"SA",[{key:"pages.products.installments",installments:3},{key:"pages.products.installments_emkan",installments:5}].forEach((t=>{this.installment_sheria_text(t.key,{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/t.installments).toFixed(2)).replace(/\.00$/,""),installments:t.installments})}));const t=salla.config.get("store.settings.installments");t&&(this.tamaraIsActive=t.tamara,this.tabbyIsActive=t.tabby,this.spotiiIsActive=t.spotii,this.mispayActive=t.mispay,this.emkanIsActive=t.emkan,this.madfuActive=t.madfu,this.rajehiIsActive=t.mokafaa_alrajhi),salla.event.on("product::price.updated",(({data:t})=>{t.price&&t.price!=this.price&&(this.price=t.price,this.renderInstallments(!0))}))}componentDidLoad(){this.renderInstallments()}render(){const t="SAR"===this.currency;return this.isValidPrice(this.price)?e(s,null,this.tamaraIsActive&&(this.tamaraIsActive?.publicKey?e("div",{class:"mb-5"},e("tamara-widget",{type:"tamara-summary","inline-type":"2",amount:this.price})):e("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"})),this.tabbyIsActive?e("div",{id:"tabbyPromoWrapper"},e("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?e("div",{class:"spotii-wrapper"},e("div",{class:"spotii-promo"})):"",this.shouldShowMispay()&&(this.mispayActive.publicKey?e("div",{class:"mb-5"},e("mispay-widget",{amount:this.price,lang:this.language})):e("div",{class:"s-installment-mispay-wrapper"},e("div",{class:"s-installment-mispay-content"},e("img",{src:salla.url.cdn("images/payment/png/mispay.png"),alt:"mispay"}),e("span",{class:"s-installment-mispay-content-text",innerHTML:this.installment_sheria_text("pages.products.installments",{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/4).toFixed(2)),installments:4})})))),this.emkanIsActive&&"SAR"===this.currency?e("div",{class:"s-installment-emkan-wrapper"},e("div",{class:"s-installment-emkan-content"},e("img",{src:salla.url.cdn("images/payment/png/emkan.png"),alt:"emkan"}),e("span",{class:"s-installment-emkan-content-text",innerHTML:this.installment_sheria_text("pages.products.installments_emkan",{payment:salla.money(parseFloat(this.price)),installments:5})}))):"",this.madfuActive&&"SAR"===this.currency?e("div",{class:"s-installment-madfu-wrapper"},e("div",{class:"s-installment-madfu-content"},e("img",{src:salla.url.cdn("images/payment/png/madfu.png"),alt:"madfu"}),e("span",{class:"s-installment-madfu-content-text"},salla.lang.get("pages.products.installments_madfu")))):"",t&&this.rajehiIsActive?e("div",{class:"s-installment-rajehi-wrapper"},e("div",{class:"s-installment-rajehi-content"},e("img",{src:salla.url.cdn("images/payment/png/mokafaa_alrajhi_loyalty.png"),alt:"mokafaa_alrajhi_loyalty"}),e("span",{class:"s-installment-rajehi-content-text"},salla.lang.get("pages.products.rajahi_earn_points",{points:Math.floor(+this.price*this.rajehiIsActive.pointsPerRiyal)})))):""):""}renderInstallments(t=!1){if(this.isValidPrice(this.price)){if(this.tamaraIsActive&&this.loadTamara({isUpdating:t}),this.tabbyIsActive){if(t){var a=this.host.querySelector("#tabbyPromoWrapper");a&&a.remove();var i=document.createElement("div");i.setAttribute("id","tabbyPromoWrapper");var e=document.createElement("div");e.setAttribute("id","tabbyPromo"),i.appendChild(e),this.host.appendChild(i);var s=document.querySelector('script[src="https://checkout.tabby.ai/tabby-promo.js"]');s&&s.remove()}var n=document.createElement("script");n.setAttribute("src","https://checkout.tabby.ai/tabby-promo.js"),document.head.appendChild(n),n.onload=()=>{new(0,window.TabbyPromo)({selector:"#tabbyPromo",currency:this.currency,price:this.price,lang:this.language,publicKey:salla.config.get("store.settings.installments.tabby.publicKey"),merchantCode:salla.config.get("store.settings.installments.tabby.merchantCode")}),document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))},this.removeTabbyBorder()}if(this.spotiiIsActive){if(t){var r=this.host.querySelector(".spotii-wrapper");r&&r.remove();var o=document.createElement("div");o.classList.add("spotii-wrapper");var l=document.createElement("div");l.classList.add("spotii-promo"),o.appendChild(l),this.host.appendChild(o);var p=document.querySelector('script[src="'+salla.url.cdn("js/price-widget-ar-salla.js")+'"]');p&&p.remove()}let a=salla.money((Number(this.price)/3).toFixed(2),!1),i=salla.config.get("theme.is_rtl",!0);window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:3,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+a+"${logo} ${info}",textOne:i?"جزء الدفع على":"Split it into",textTwo:i?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price};var m=document.createElement("script");m.setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js")),document.head.appendChild(m)}this.shouldShowMispay()&&this.mispayActive.publicKey&&this.loadExternalScript({position:"head",src:"https://widget.mispay.co/v1/sdk.js?authorize="+this.mispayActive.publicKey})}}isValidPrice(t){return/^\d+(\.\d{1,2})?$/.test(t)&&parseFloat(t)>0}loadExternalScript({src:t,onLoad:a,position:i}){const e=document.createElement("script");e.src=t,e.onload=a,document[i].appendChild(e)}loadTamara({isUpdating:t}){const a=!!this.tamaraIsActive?.publicKey;if(t)setTimeout((()=>{if(a)return window.TamaraWidgetV2?.refresh();window.TamaraProductWidget?.render()}),300);else if(a){const t=salla.config.get("user.language_code"),a=["ar","en"].includes(t)?t:"ar",i=this.currency?.slice(0,-1),e=["SA","AE","KW","BH","OM","QA"].includes(i)?i:null;e?(window.tamaraWidgetConfig={lang:a,country:e,publicKey:this.tamaraIsActive.publicKey,style:{fontSize:"14px"}},this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget-v2/tamara-widget.js"})):console.error("Tamara: Country code is not supported",i)}else this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget/product-widget.min.js",onLoad:()=>{window.TamaraProductWidget.init({lang:this.language}),setTimeout((()=>{window.TamaraProductWidget.render()}),300)}})}shouldShowMispay(){return"SAR"===this.currency&&this.mispayActive}removeTabbyBorder(){this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5||(this.tabbyRemoveBorderTries++,setTimeout((()=>{let t=document.querySelector("#tabbyPromo>div>div");t=t&&t.shadowRoot?t.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null,t?(t.style="border: none; margin: 15px 0!important;",this.tabbyBorderRemoved=!0):this.removeTabbyBorder()}),500*this.tabbyRemoveBorderTries))}get host(){return this}static get style(){return"salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}"}},[0,"salla-installment",{price:[1],language:[1],currency:[1],country:[1],tabbyIsActive:[32],spotiiIsActive:[32],tamaraIsActive:[32],mispayActive:[32],emkanIsActive:[32],madfuActive:[32],rajehiIsActive:[32],installment_sheria_text:[32]}]);function r(){"undefined"!=typeof customElements&&["salla-installment"].forEach((a=>{"salla-installment"===a&&(customElements.get(t(a))||customElements.define(t(a),n))}))}r();const o=n,l=r;export{o as SallaInstallment,l as defineCustomElement}

package/dist/components/salla-list-tile.js

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

package/dist/components/salla-list-tile2.js

@@ -1,50 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sallaListTileCss = "";
-
-const SallaListTile = /*@__PURE__*/ proxyCustomElement(class SallaListTile extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Designates the component as anchor and applies the `href` attribute.
-         */
-        this.href = undefined;
-        /**
-         * Designates the target attribute. This should only be applied when using the `href` prop.
-         */
-        this.target = "_self";
-    }
-    generateClass() {
-        return {
-            "s-list-tile-item": true,
-            "s-list-tile-item-href": !!this.href
-        };
-    }
-    render() {
-        return (h(Host, { key: 'e1528afcea1eda05a5ce206e95791e7611d24dd0' }, h("a", { key: '749a73c76d68ad36f1a6609ada69778662d56566', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: '7bfd448f86790b2afe0b7a5b8a5460c3b2be66ee', class: "s-list-tile-item-icon" }, h("slot", { key: '383e28a8832483e8ecc61e4f48a3ff1fe5db1038', name: 'icon' })), h("div", { key: 'c42bf126a9ff4014a4e2d85ff12b41d1a88a0e03', class: "s-list-tile-item-content" }, h("div", { key: '18a4a9ebd39e3a710f70dc33554d24e3c2850e53', class: "s-list-tile-item-title" }, h("slot", { key: '7211d627511bf2448cf161f40cc82b1822dd1e7a', name: 'title' })), h("div", { key: '044a7d76e05841f484387c7ed299107f33c9bc21', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'df131034f1c5434722543e25552caed142794d55', name: "subtitle" }))), h("div", { key: '37abe0abab720da11cd55660578ec256c062e763', class: "s-list-tile-item-action" }, h("slot", { key: 'fcac02da17981ef4c6fa3cea50c551e3010352d9', name: 'action' })))));
-    }
-    static get style() { return sallaListTileCss; }
-}, [4, "salla-list-tile", {
-        "href": [1],
-        "target": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-list-tile"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-list-tile":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaListTile);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SallaListTile as S, defineCustomElement as d };
+import{transformTag as e,proxyCustomElement as t,HTMLElement as s,h as a,Host as i}from"@stencil/core/internal/client";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.href=void 0,this.target="_self"}generateClass(){return{"s-list-tile-item":!0,"s-list-tile-item-href":!!this.href}}render(){return a(i,{key:"e1528afcea1eda05a5ce206e95791e7611d24dd0"},a("a",{key:"749a73c76d68ad36f1a6609ada69778662d56566",class:this.generateClass(),href:this.href||"#",target:this.target,"aria-label":"List Tile Link"},a("div",{key:"7bfd448f86790b2afe0b7a5b8a5460c3b2be66ee",class:"s-list-tile-item-icon"},a("slot",{key:"383e28a8832483e8ecc61e4f48a3ff1fe5db1038",name:"icon"})),a("div",{key:"c42bf126a9ff4014a4e2d85ff12b41d1a88a0e03",class:"s-list-tile-item-content"},a("div",{key:"18a4a9ebd39e3a710f70dc33554d24e3c2850e53",class:"s-list-tile-item-title"},a("slot",{key:"7211d627511bf2448cf161f40cc82b1822dd1e7a",name:"title"})),a("div",{key:"044a7d76e05841f484387c7ed299107f33c9bc21",class:"s-list-tile-item-subtitle"},a("slot",{key:"df131034f1c5434722543e25552caed142794d55",name:"subtitle"}))),a("div",{key:"37abe0abab720da11cd55660578ec256c062e763",class:"s-list-tile-item-action"},a("slot",{key:"fcac02da17981ef4c6fa3cea50c551e3010352d9",name:"action"}))))}static get style(){return""}},[260,"salla-list-tile",{href:[1],target:[1]}]);function c(){"undefined"!=typeof customElements&&["salla-list-tile"].forEach((t=>{"salla-list-tile"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}c();export{l as S,c as d}

package/dist/components/salla-loading.js

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