@salla.sa/twilight-components 2.14.391 → 2.14.393

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

@@ -1,244 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { R as Rate } from './star2.js';
-import { d as defineCustomElement$9 } from './salla-add-product-button2.js';
-import { d as defineCustomElement$8 } from './salla-button2.js';
-import { d as defineCustomElement$7 } from './salla-count-down2.js';
-import { d as defineCustomElement$6 } from './salla-loading2.js';
-import { d as defineCustomElement$5 } from './salla-modal2.js';
-import { d as defineCustomElement$4 } from './salla-product-availability2.js';
-import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
-import { d as defineCustomElement$2 } from './salla-quick-buy2.js';
-import { d as defineCustomElement$1 } from './salla-tel-input2.js';
-
-var Heart = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>heart</title>
-<path d="M23.333 2.267c-3.547 0-5.779 1.605-7.333 3.061-1.555-1.456-3.787-3.061-7.333-3.061-5.955 0-8.667 5.045-8.667 9.733 0 8.503 10.147 14.735 15.513 16.841 0.156 0.061 0.321 0.092 0.487 0.092s0.331-0.031 0.487-0.092c5.367-2.107 15.513-8.339 15.513-16.841 0-4.688-2.712-9.733-8.667-9.733zM16 26.161c-5.537-2.309-13.333-7.799-13.333-14.161 0-3.517 1.856-7.067 6-7.067 2.983 0 4.656 1.451 6.384 3.203 0.5 0.508 1.399 0.508 1.899 0 1.728-1.752 3.401-3.203 6.384-3.203 4.144 0 6 3.549 6 7.067 0 6.363-7.796 11.852-13.333 14.161z"></path>
-</svg>
-`;
-
-const sallaProductCardCss = ".s-product-card-image::before{font-family:\"sallaicons\";content:\"\\ec1f\" !important}.s-product-card-content-pie-svg circle{transition:stroke-dashoffset 1s linear;-webkit-transition:stroke-dashoffset 1s linear;-moz-transition:stroke-dashoffset 1s linear;-ms-transition:stroke-dashoffset 1s linear;-o-transition:stroke-dashoffset 1s linear;stroke:#E8EDF2;stroke-width:2px;stroke-linecap:round;fill:none}.s-product-card-content-pie-svg-bar{stroke:var(--color-primary) !important;stroke-dasharray:100 100;stroke-dashoffset:100}";
-
-const SallaProductCard = /*@__PURE__*/ proxyCustomElement(class SallaProductCard extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        // Store configs
-        salla.onReady(() => {
-            this.fitImageHeight = salla.config.get('store.settings.product.fit_type');
-            salla.wishlist.event.onAdded((_res, id) => this.toggleFavoriteIcon(true, id));
-            salla.wishlist.event.onRemoved((_res, id) => this.toggleFavoriteIcon(false, id));
-            this.placeholder = salla.url.asset(salla.config.get('theme.settings.placeholder'));
-        });
-        // Language
-        salla.lang.onLoaded(() => {
-            this.remained = salla.lang.get('pages.products.remained');
-            this.donationAmount = salla.lang.get('pages.products.donation_amount');
-            this.startingPrice = salla.lang.get('pages.products.starting_price');
-            this.addToCart = salla.lang.get('pages.cart.add_to_cart');
-            this.outOfStock = salla.lang.get('pages.products.out_of_stock');
-        });
-        // Parse product data
-        if (!this.product) {
-            return;
-        }
-        try {
-            this.productData = typeof this.product == 'object' ? this.product : JSON.parse(this.product);
-        }
-        catch (e) {
-            salla.log('Bad json passed via product prop');
-        }
-    }
-    // Private Methods
-    initCircleBar() {
-        let qty = this.productData.quantity, total = this.productData.quantity > 100 ? this.productData.quantity * 2 : 100, roundPercent = (qty / total) * 100, bar = this.pie.querySelector('.s-product-card-content-pie-svg-bar'), strokeDashOffsetValue = 100 - roundPercent;
-        bar.style.strokeDashoffset = strokeDashOffsetValue;
-    }
-    toggleFavoriteIcon(isAdded = true, id = null) {
-        if (id && id !== this.productData.id) {
-            return;
-        }
-        this.wishlistBtn?.classList.toggle('s-product-card-wishlist-added', isAdded);
-    }
-    isInWishlist() {
-        return salla.storage.get('salla::wishlist', []).includes(this.productData?.id);
-    }
-    async handleWishlistClick() {
-        const wasInWishlist = this.isInWishlist();
-        this.toggleFavoriteIcon(!wasInWishlist);
-        try {
-            await salla.wishlist.toggle(this.productData.id);
-        }
-        catch {
-            this.toggleFavoriteIcon(wasInWishlist);
-        }
-    }
-    formatDate(date) {
-        let d = new Date(date);
-        return `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
-    }
-    getProductBadge() {
-        if (this.productData.promotion_title) {
-            return h("div", { class: "s-product-card-promotion-title" }, this.productData.promotion_title);
-        }
-        if (this.showQuantity && this.productData?.quantity) {
-            return h("div", { class: "s-product-card-quantity" }, this.remained, " ", salla.helpers.number(this.productData?.quantity));
-        }
-        if (this.showQuantity && this.productData?.is_out_of_stock) {
-            return h("div", { class: "s-product-card-out-badge" }, this.outOfStock);
-        }
-        return '';
-    }
-    getPriceFormat(price) {
-        if (!price || price == 0) {
-            return salla.config.get('store.settings.product.show_price_as_dash') ? '-' : '';
-        }
-        return salla.money(price);
-    }
-    getProductPrice() {
-        if (this.productData.is_on_sale) {
-            return h("div", { class: "s-product-card-sale-price" }, h("h4", { innerHTML: this.getPriceFormat(this.productData.sale_price) }), h("span", { innerHTML: this.getPriceFormat(this.productData?.regular_price) }));
-        }
-        if (this.productData.starting_price) {
-            return h("div", { class: "s-product-card-starting-price" }, h("p", null, this.startingPrice), h("h4", { innerHTML: this.getPriceFormat(this.productData?.starting_price) }));
-        }
-        return h("h4", { class: "s-product-card-price", innerHTML: this.getPriceFormat(this.productData?.price) });
-    }
-    render() {
-        const classes = {
-            's-product-card-entry': true,
-            's-product-card-vertical': !this.horizontal && !this.fullImage && !this.minimal,
-            's-product-card-horizontal': this.horizontal && !this.fullImage && !this.minimal,
-            's-product-card-fit-height': this.fitImageHeight && !this.isSpecial && !this.fullImage && !this.minimal,
-            's-product-card-special': this.isSpecial,
-            's-product-card-full-image': this.fullImage,
-            's-product-card-minimal': this.minimal,
-            's-product-card-compact': this.compact,
-            's-product-card-donation': this.productData?.donation,
-            's-product-card-shadow': this.shadowOnHover,
-            's-product-card-out-of-stock': this.productData?.is_out_of_stock,
-        };
-        const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: '6c9b39e50f045c2511188597128546e440431b24', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '69813dd46d8df8298835d6de6faca959f2645c6b', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '67080662eb9a5ff4af903b6e57f029925565138b', ...hrefProp }, h("img", { key: '8e7a60fff16a8e4f7b27f19aae1c39a16ce8cadd', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
-                ? 'contain'
-                : this.fitImageHeight
-                    ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '648cf477ab6ded2d2c02dbf6957d68365524c847', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'a2ed73abfe91993ded6e84f6f493ea50ee0899a9', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
-            h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: '09fd5336d5c9d454620a91be8271399b938bb1f4', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'c915604dafa02d6ba50e6e9933edbd57149e7a56', class: "s-product-card-content-title" }, h("a", { key: '2b80635accb51545b72baf7ff57a115a62457613', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
-            h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
-            : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
-            [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
-                    [h("label", { htmlFor: "donation-amount" }, this.donationAmount, " ", h("span", null, "*")), h("input", { type: "text", onInput: e => {
-                                salla.helpers.inputDigitsOnly(e.target);
-                                this.addBtn.donatingAmount = e.target.value;
-                            }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
-                    : '')]
-            : '', h("div", { key: '12613a96e7d914ea156470305c28a7449a3dcb9b', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
-            h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))
-            : ''), this.isSpecial && this.productData.discount_ends
-            ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })
-            : '', !this.hideAddBtn && !this.compact ?
-            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { fill: "outline", width: "wide", ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)), this.horizontal || this.fullImage ?
-                h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, ref: el => this.wishlistBtn = el, "aria-label": "Add or remove to wishlist", class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick(), "data-id": "{{ product.id }}" }, h("span", { class: "text-xl", innerHTML: Heart }))
-                : '')
-            : ''), !this.hideAddBtn && this.compact ?
-            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)))
-            : ''));
-    }
-    componentDidLoad() {
-        document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));
-        if (this.productData?.quantity && this.isSpecial) {
-            this.initCircleBar();
-        }
-        if (!salla.config.isGuest() && salla.storage.get('salla::wishlist', []).includes(this.productData?.id)) {
-            this.toggleFavoriteIcon();
-        }
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get host() { return this; }
-    static get style() { return sallaProductCardCss; }
-}, [4, "salla-product-card", {
-        "product": [1],
-        "horizontal": [4],
-        "shadowOnHover": [4, "shadow-on-hover"],
-        "hideAddBtn": [4, "hide-add-btn"],
-        "fullImage": [4, "full-image"],
-        "minimal": [4],
-        "isSpecial": [4, "is-special"],
-        "showQuantity": [4, "show-quantity"],
-        "compact": [516],
-        "productData": [32],
-        "fitImageHeight": [32],
-        "remained": [32],
-        "outOfStock": [32],
-        "donationAmount": [32],
-        "startingPrice": [32],
-        "addToCart": [32],
-        "placeholder": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-product-card", "salla-add-product-button", "salla-button", "salla-count-down", "salla-loading", "salla-modal", "salla-product-availability", "salla-progress-bar", "salla-quick-buy", "salla-tel-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-product-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaProductCard);
-            }
-            break;
-        case "salla-add-product-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "salla-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "salla-count-down":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "salla-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "salla-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "salla-product-availability":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "salla-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "salla-quick-buy":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "salla-tel-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SallaProductCard as S, defineCustomElement as d };
+import{transformTag as t,proxyCustomElement as s,HTMLElement as a,h as i,Host as o}from"@stencil/core/internal/client";import{R as r}from"./star2.js";import{d as e}from"./salla-add-product-button2.js";import{d as c}from"./salla-button2.js";import{d as l}from"./salla-count-down2.js";import{d}from"./salla-loading2.js";import{d as n}from"./salla-modal2.js";import{d as h}from"./salla-product-availability2.js";import{d as u}from"./salla-progress-bar2.js";import{d as p}from"./salla-quick-buy2.js";import{d as m}from"./salla-tel-input2.js";var f='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>heart</title>\n<path d="M23.333 2.267c-3.547 0-5.779 1.605-7.333 3.061-1.555-1.456-3.787-3.061-7.333-3.061-5.955 0-8.667 5.045-8.667 9.733 0 8.503 10.147 14.735 15.513 16.841 0.156 0.061 0.321 0.092 0.487 0.092s0.331-0.031 0.487-0.092c5.367-2.107 15.513-8.339 15.513-16.841 0-4.688-2.712-9.733-8.667-9.733zM16 26.161c-5.537-2.309-13.333-7.799-13.333-14.161 0-3.517 1.856-7.067 6-7.067 2.983 0 4.656 1.451 6.384 3.203 0.5 0.508 1.399 0.508 1.899 0 1.728-1.752 3.401-3.203 6.384-3.203 4.144 0 6 3.549 6 7.067 0 6.363-7.796 11.852-13.333 14.161z"></path>\n</svg>\n';const b=s(class extends a{constructor(t){if(super(),!1!==t&&this.__registerHost(),salla.onReady((()=>{this.fitImageHeight=salla.config.get("store.settings.product.fit_type"),salla.wishlist.event.onAdded(((t,s)=>this.toggleFavoriteIcon(!0,s))),salla.wishlist.event.onRemoved(((t,s)=>this.toggleFavoriteIcon(!1,s))),this.placeholder=salla.url.asset(salla.config.get("theme.settings.placeholder"))})),salla.lang.onLoaded((()=>{this.remained=salla.lang.get("pages.products.remained"),this.donationAmount=salla.lang.get("pages.products.donation_amount"),this.startingPrice=salla.lang.get("pages.products.starting_price"),this.addToCart=salla.lang.get("pages.cart.add_to_cart"),this.outOfStock=salla.lang.get("pages.products.out_of_stock")})),this.product)try{this.productData="object"==typeof this.product?this.product:JSON.parse(this.product)}catch(t){salla.log("Bad json passed via product prop")}}initCircleBar(){let t=this.productData.quantity/(this.productData.quantity>100?2*this.productData.quantity:100)*100;this.pie.querySelector(".s-product-card-content-pie-svg-bar").style.strokeDashoffset=100-t}toggleFavoriteIcon(t=!0,s=null){s&&s!==this.productData.id||this.wishlistBtn?.classList.toggle("s-product-card-wishlist-added",t)}isInWishlist(){return salla.storage.get("salla::wishlist",[]).includes(this.productData?.id)}async handleWishlistClick(){const t=this.isInWishlist();this.toggleFavoriteIcon(!t);try{await salla.wishlist.toggle(this.productData.id)}catch{this.toggleFavoriteIcon(t)}}formatDate(t){let s=new Date(t);return`${s.getFullYear()}-${s.getMonth()+1}-${s.getDate()}`}getProductBadge(){return this.productData.promotion_title?i("div",{class:"s-product-card-promotion-title"},this.productData.promotion_title):this.showQuantity&&this.productData?.quantity?i("div",{class:"s-product-card-quantity"},this.remained," ",salla.helpers.number(this.productData?.quantity)):this.showQuantity&&this.productData?.is_out_of_stock?i("div",{class:"s-product-card-out-badge"},this.outOfStock):""}getPriceFormat(t){return t&&0!=t?salla.money(t):salla.config.get("store.settings.product.show_price_as_dash")?"-":""}getProductPrice(){return this.productData.is_on_sale?i("div",{class:"s-product-card-sale-price"},i("h4",{innerHTML:this.getPriceFormat(this.productData.sale_price)}),i("span",{innerHTML:this.getPriceFormat(this.productData?.regular_price)})):this.productData.starting_price?i("div",{class:"s-product-card-starting-price"},i("p",null,this.startingPrice),i("h4",{innerHTML:this.getPriceFormat(this.productData?.starting_price)})):i("h4",{class:"s-product-card-price",innerHTML:this.getPriceFormat(this.productData?.price)})}render(){const t={"s-product-card-entry":!0,"s-product-card-vertical":!this.horizontal&&!this.fullImage&&!this.minimal,"s-product-card-horizontal":this.horizontal&&!this.fullImage&&!this.minimal,"s-product-card-fit-height":this.fitImageHeight&&!this.isSpecial&&!this.fullImage&&!this.minimal,"s-product-card-special":this.isSpecial,"s-product-card-full-image":this.fullImage,"s-product-card-minimal":this.minimal,"s-product-card-compact":this.compact,"s-product-card-donation":this.productData?.donation,"s-product-card-shadow":this.shadowOnHover,"s-product-card-out-of-stock":this.productData?.is_out_of_stock},s=this.productData?.url?{href:this.productData.url,title:`Learn more about ${this.productData?.name}`}:{};return i(o,{key:"6c9b39e50f045c2511188597128546e440431b24",id:`product-${this.productData?.id}`,class:t},i("div",{key:"69813dd46d8df8298835d6de6faca959f2645c6b",class:this.fullImage?"s-product-card-image-full":"s-product-card-image"},i("a",{key:"67080662eb9a5ff4af903b6e57f029925565138b",...s},i("img",{key:"8e7a60fff16a8e4f7b27f19aae1c39a16ce8cadd",class:`s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)?"contain":this.fitImageHeight?this.fitImageHeight:"cover"} lazy`,src:this.placeholder,alt:this.productData?.image?.alt||this.productData?.name,"data-src":this.productData?.image?.url||this.productData?.thumbnail}),this.fullImage||this.minimal?"":this.getProductBadge()),this.fullImage&&i("a",{key:"648cf477ab6ded2d2c02dbf6957d68365524c847",...s,class:"s-product-card-overlay"}),this.horizontal||this.fullImage?"":i("salla-button",{shape:"icon",fill:"none",color:"light",loading:!1,"aria-label":"Add or remove to wishlist",ref:t=>this.wishlistBtn=t,class:"s-product-card-wishlist-btn animated",onClick:()=>this.handleWishlistClick()},i("span",{innerHTML:f}))),i("div",{key:"a2ed73abfe91993ded6e84f6f493ea50ee0899a9",class:"s-product-card-content"},this.isSpecial&&this.productData?.quantity?i("div",{class:"s-product-card-content-pie",ref:t=>this.pie=t},i("span",null,i("b",null,salla.helpers.number(this.productData?.quantity)),this.remained),i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -1 36 34",class:"s-product-card-content-pie-svg"},i("circle",{cx:"16",cy:"16",r:"15.9155",class:"s-product-card-content-pie-svg-base"}),i("circle",{cx:"16",cy:"16",r:"15.9155",class:"s-product-card-content-pie-svg-bar"}))):"",i("div",{key:"09fd5336d5c9d454620a91be8271399b938bb1f4",class:{"s-product-card-content-main":!0,"s-product-card-content-extra-padding":this.isSpecial}},i("h3",{key:"c915604dafa02d6ba50e6e9933edbd57149e7a56",class:"s-product-card-content-title"},i("a",{key:"2b80635accb51545b72baf7ff57a115a62457613",...s},this.productData?.name)),this.productData?.subtitle&&!this.minimal?i("p",{class:"s-product-card-content-subtitle"},this.productData?.subtitle):""),!this.productData?.donation||this.minimal||this.fullImage?"":[i("salla-progress-bar",{donation:this.productData?.donation}),i("div",{class:"s-product-card-donation-input"},this.productData?.donation?.can_donate?[i("label",{htmlFor:"donation-amount"},this.donationAmount," ",i("span",null,"*")),i("input",{type:"text",onInput:t=>{salla.helpers.inputDigitsOnly(t.target),this.addBtn.donatingAmount=t.target.value},id:"donation-amount",name:"donating_amount",class:"s-form-control",placeholder:this.donationAmount})]:"")],i("div",{key:"12613a96e7d914ea156470305c28a7449a3dcb9b",class:{"s-product-card-content-sub":!0,"s-product-card-content-extra-padding":this.isSpecial}},this.getProductPrice(),this.productData?.rating?.stars&&!this.minimal?i("div",{class:"s-product-card-rating"},i("span",{innerHTML:r}),i("span",null,this.productData.rating.stars)):""),this.isSpecial&&this.productData.discount_ends?i("salla-count-down",{date:this.formatDate(this.productData.discount_ends),"end-of-day":!0,boxed:!0,labeled:!0}):"",this.hideAddBtn||this.compact?"":i("div",{class:"s-product-card-content-footer"},i("salla-add-product-button",{fill:"outline",width:"wide",ref:t=>this.addBtn=t,"product-id":this.productData.id,"product-status":this.productData.status,"product-type":this.productData.type},i("slot",{name:"add-to-cart-label"},this.productData.add_to_cart_label)),this.horizontal||this.fullImage?i("salla-button",{shape:"icon",fill:"none",color:"light",loading:!1,ref:t=>this.wishlistBtn=t,"aria-label":"Add or remove to wishlist",class:"s-product-card-wishlist-btn animated",onClick:()=>this.handleWishlistClick(),"data-id":"{{ product.id }}"},i("span",{class:"text-xl",innerHTML:f})):"")),!this.hideAddBtn&&this.compact?i("div",{class:"s-product-card-content-footer"},i("salla-add-product-button",{ref:t=>this.addBtn=t,"product-id":this.productData.id,"product-status":this.productData.status,"product-type":this.productData.type,class:"s-add-product-button-compact"},i("slot",{name:"add-to-cart-label"},this.productData.add_to_cart_label))):"")}componentDidLoad(){document.lazyLoadInstance?.update(this.host.querySelectorAll(".lazy")),this.productData?.quantity&&this.isSpecial&&this.initCircleBar(),!salla.config.isGuest()&&salla.storage.get("salla::wishlist",[]).includes(this.productData?.id)&&this.toggleFavoriteIcon()}static get assetsDirs(){return["assets"]}get host(){return this}static get style(){return'.s-product-card-image::before{font-family:"sallaicons";content:"\\ec1f" !important}.s-product-card-content-pie-svg circle{transition:stroke-dashoffset 1s linear;-webkit-transition:stroke-dashoffset 1s linear;-moz-transition:stroke-dashoffset 1s linear;-ms-transition:stroke-dashoffset 1s linear;-o-transition:stroke-dashoffset 1s linear;stroke:#E8EDF2;stroke-width:2px;stroke-linecap:round;fill:none}.s-product-card-content-pie-svg-bar{stroke:var(--color-primary) !important;stroke-dasharray:100 100;stroke-dashoffset:100}'}},[260,"salla-product-card",{product:[1],horizontal:[4],shadowOnHover:[4,"shadow-on-hover"],hideAddBtn:[4,"hide-add-btn"],fullImage:[4,"full-image"],minimal:[4],isSpecial:[4,"is-special"],showQuantity:[4,"show-quantity"],compact:[516],productData:[32],fitImageHeight:[32],remained:[32],outOfStock:[32],donationAmount:[32],startingPrice:[32],addToCart:[32],placeholder:[32]}]);function g(){"undefined"!=typeof customElements&&["salla-product-card","salla-add-product-button","salla-button","salla-count-down","salla-loading","salla-modal","salla-product-availability","salla-progress-bar","salla-quick-buy","salla-tel-input"].forEach((s=>{switch(s){case"salla-product-card":customElements.get(t(s))||customElements.define(t(s),b);break;case"salla-add-product-button":customElements.get(t(s))||e();break;case"salla-button":customElements.get(t(s))||c();break;case"salla-count-down":customElements.get(t(s))||l();break;case"salla-loading":customElements.get(t(s))||d();break;case"salla-modal":customElements.get(t(s))||n();break;case"salla-product-availability":customElements.get(t(s))||h();break;case"salla-progress-bar":customElements.get(t(s))||u();break;case"salla-quick-buy":customElements.get(t(s))||p();break;case"salla-tel-input":customElements.get(t(s))||m()}}))}g();export{b as S,g as d}

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

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