@salla.sa/twilight-components 2.12.54 → 2.12.55

package/dist/cjs/salla-add-product-button_41.cjs.entry.js

@@ -22246,7 +22246,7 @@ const SallaProductCard = class {
     return index.h("h4", { class: "s-product-card-price" }, this.getPriceFormat((_c = this.productData) === null || _c === void 0 ? void 0 : _c.price));
   }
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
     const classes = {
       's-product-card-entry': true,
       's-product-card-vertical': !this.horizontal && !this.fullImage && !this.minimal,
@@ -22267,16 +22267,16 @@ const SallaProductCard = class {
           : 'cover'} lazy`, src: this.placeholder, alt: (_h = (_g = this.productData) === null || _g === void 0 ? void 0 : _g.image) === null || _h === void 0 ? void 0 : _h.alt, "data-src": ((_k = (_j = this.productData) === null || _j === void 0 ? void 0 : _j.image) === null || _k === void 0 ? void 0 : _k.url) || ((_l = this.productData) === null || _l === void 0 ? void 0 : _l.thumbnail) }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && index.h("a", Object.assign({}, hrefProp, { class: "s-product-card-overlay" })), !this.horizontal && !this.fullImage ?
       index.h("salla-button", { shape: "icon", fill: "none", color: "light", "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id) }, index.h("span", { innerHTML: Heart })) : ''), index.h("div", { class: "s-product-card-content" }, this.isSpecial && ((_m = this.productData) === null || _m === void 0 ? void 0 : _m.quantity) ?
       index.h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, index.h("span", null, index.h("b", null, salla.helpers.number((_o = this.productData) === null || _o === void 0 ? void 0 : _o.quantity)), this.remained), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, index.h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), index.h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-      : '', index.h("div", { class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { class: "s-product-card-content-title" }, index.h("a", { href: (_p = this.productData) === null || _p === void 0 ? void 0 : _p.url }, (_q = this.productData) === null || _q === void 0 ? void 0 : _q.name)), ((_r = this.productData) === null || _r === void 0 ? void 0 : _r.subtitle) && !this.minimal ?
-      index.h("p", { class: "s-product-card-content-subtitle" }, (_s = this.productData) === null || _s === void 0 ? void 0 : _s.subtitle)
-      : ''), ((_t = this.productData) === null || _t === void 0 ? void 0 : _t.donation) && !this.minimal && !this.fullImage ?
-      [index.h("salla-progress-bar", { donation: (_u = this.productData) === null || _u === void 0 ? void 0 : _u.donation }), index.h("div", { class: "s-product-card-donation-input" }, ((_w = (_v = this.productData) === null || _v === void 0 ? void 0 : _v.donation) === null || _w === void 0 ? void 0 : _w.can_donate) ?
+      : '', index.h("div", { class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { class: "s-product-card-content-title" }, index.h("a", Object.assign({}, hrefProp), (_p = this.productData) === null || _p === void 0 ? void 0 : _p.name)), ((_q = this.productData) === null || _q === void 0 ? void 0 : _q.subtitle) && !this.minimal ?
+      index.h("p", { class: "s-product-card-content-subtitle" }, (_r = this.productData) === null || _r === void 0 ? void 0 : _r.subtitle)
+      : ''), ((_s = this.productData) === null || _s === void 0 ? void 0 : _s.donation) && !this.minimal && !this.fullImage ?
+      [index.h("salla-progress-bar", { donation: (_t = this.productData) === null || _t === void 0 ? void 0 : _t.donation }), index.h("div", { class: "s-product-card-donation-input" }, ((_v = (_u = this.productData) === null || _u === void 0 ? void 0 : _u.donation) === null || _v === void 0 ? void 0 : _v.can_donate) ?
           [index.h("label", { htmlFor: "donation-amount" }, this.donationAmount, " ", index.h("span", null, "*")), index.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 })]
           : '')]
-      : '', index.h("div", { class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), ((_y = (_x = this.productData) === null || _x === void 0 ? void 0 : _x.rating) === null || _y === void 0 ? void 0 : _y.stars) && !this.minimal ?
+      : '', index.h("div", { class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), ((_x = (_w = this.productData) === null || _w === void 0 ? void 0 : _w.rating) === null || _x === void 0 ? void 0 : _x.stars) && !this.minimal ?
       index.h("div", { class: "s-product-card-rating" }, index.h("span", { innerHTML: Rate }), index.h("span", null, this.productData.rating.stars))
       : ''), this.isSpecial && this.productData.discount_ends
       ? index.h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })