@salla.sa/twilight-components 2.14.393 → 2.14.394

package/dist/components/salla-hook.js

@@ -1,4 +1,50 @@
 /*!
  * Crafted with ❤ by Salla
  */
-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}
+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 };

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

@@ -1,4 +1,115 @@
 /*!
  * Crafted with ❤ by Salla
  */
-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}
+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 };

package/dist/components/salla-installment.js

@@ -1,4 +1,309 @@
 /*!
  * Crafted with ❤ by Salla
  */
-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}
+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 };

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

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

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

@@ -1,4 +1,50 @@
 /*!
  * Crafted with ❤ by Salla
  */
-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}
+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 };

package/dist/components/salla-loading.js

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