@salla.sa/twilight-components 2.14.393 → 2.14.394

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

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

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

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