@salla.sa/twilight-components 2.14.576 → 2.14.577

package/dist/components/salla-loyalty-point2.js

@@ -217,7 +217,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
         }
     }
     render() {
-        return (h("div", { key: '2091e2f2364a86c1d0ca074e34c9e0ea6eba69b0' }, h("div", { key: 'ffc36ae709d298d029cacd71331511a78bb7a465', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '15d83c7181c1e7466fcddab692c81646ec04a82f', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '3e136a95bfd6449316ef02db4e7fa4774566a14d', class: this.point.icon })), h("div", { key: 'f47894a2fa6b689834e879a620f1b9a365c1df6a', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '7a975d9e44eecc438a60faef878a6d1277edc53a', size: "xs", bg: "transparent" }, h("span", { key: '0ac3675a1190fb52f5d666ef22fb79c4f036eda8', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: '7f58269a7488e5b4e9d1dd0adee3a7fbc9acf19a', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'd3b34d00f0495568b3cd117bf985eaee7403317e', size: "sm", bg: "transparent" }, h("span", { key: 'e81fa252ce154acf4ba730051e537f3a48c86a81', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: '96dc8d41b6f0c1e9b5ea0b72b60b4466af09ebf9', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: 'c25b519168b3967113b47e5a557cb06751089e1f' }, h("div", { key: '59ca45c73ca92df16193713649c30fdbd1ec70b0', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '62abd6b566fc86e2f389bc34e09742399d1fd1ac', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '15641bac02977687b018b1b3826b620ec91c0520', class: this.point.icon })), h("div", { key: 'b345f7aff804d5f1deed95a94f633a838bcd9a2c', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '5c9ff1c5da1ca24bfded7b7a0b2f9acc5b3583b3', size: "xs", bg: "transparent" }, h("span", { key: '03c0087da01f5f1bcac7c401ca2a78e26058be00', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: '72d43f9a19cd884d04299ff17e1ea0a9ebcfb495', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: '000ebe97e995ade90ea1d7c53cfee7feb2a0384d', size: "sm", bg: "transparent" }, h("span", { key: 'd227932c985aa3c8cbef9a85132a77edcb28cdef', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: 'b829eb57a4d3e0db0f4978643f4fd3ab7831dc97', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
             h("a", { class: {
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
@@ -227,12 +227,12 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
                     's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, this.point.description)), h("salla-modal", { key: '8a15c13f926fc4f12356e0f87aff9bf90a2ff04b', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '0b01cb99714dcab3638232eb3579ef8062a533c9', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'f81c153858743742db3d82be42aefdcdcccb56a6', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: 'f3ddb8f8b82966abd368191036469069904842ca', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f7bc3fb0c5027eac7c1e8b5aa1eca0c0f0b47c34', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '2189b5f36fb02e1115c1751a980080d9fe685879', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '4e09f30293f52125272d0048c5a98654ed416c1f', class: this.point.icon })), h("salla-badge", { key: 'ac67020ce4ba5e0afb2072294afc2661c756c4af', size: "sm", bg: "light" }, h("span", { key: '98e5c575e5c67ac945b76d4af7b82c172d0cfef7', innerHTML: loyaltyProgramIcon }), h("span", { key: '8c13913a446e5fcc5509f27f5cdbc1386baaac3b', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
-            h("div", { key: '75b238caa3a45e6ffde612d51a8e7c67f0ef4df5', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '70bcfb7508428bd12b3dc83c47bac1a3780442c9', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: 'fda6d75b64a6b11d935cab8ba0db58d5dafa2477', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, this.point.description)), h("salla-modal", { key: 'ef92a5e95f39ac680d09d31617770dab6340f6a7', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '845f59fa0e9d335d165b14d11405ce126d2f061e', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'ec846859483ca1792218781bddadb3876acf38dd', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '0a30d2e0b87affb851cd88328f4937382c1d0ef8', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'd47f2f61c17e55c7b465111d9f40e9deb8c00e71', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'ee081129be35ed7a284ae51874a1a7734bc5f572', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '788a193340f4f0e4f12e8ad8ac785a334c080f1e', class: this.point.icon })), h("salla-badge", { key: '218cef12c57283da28b95d6ac58320bf500c3f53', size: "sm", bg: "light" }, h("span", { key: '2e4de15d6c4ba9af3169ea2eebe012f2fe4418a8', innerHTML: loyaltyProgramIcon }), h("span", { key: '175a9a1c303cf9acd101a46d80f64c92ed7b416d', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
+            h("div", { key: '0c904fc35d15b4cf5fd9bed305cecd968d44942d', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '6dca98af98572a1594a8d6066d1c168161439467', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: 'f21072cbf1fc03347344f9789ca0e9c0d5dbf4c6', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
                 const stepsArray = Object.values(this.point.steps);
                 const isLastItem = idx === stepsArray.length - 1;
                 return (h("li", { class: "s-loyalty-program-points-chain-item" }, h("div", { class: "s-loyalty-program-points-chain-icon" }, h("div", { class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xs s-loyalty-program-circle-variant-outline-primary" }, sicons[step.key]), !isLastItem && h("div", { class: "s-loyalty-program-points-chain-line" })), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", null, salla.lang.get(`pages.loyalty_program.step_${idx + 1}`))), h("p", { class: "s-loyalty-program-points-chain-description" }, step.title || step.name))));
-            })))), this.getDetails(this.point), h("div", { key: 'e00c787d1571faa0c8356475297578da8953f2b8', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: 'd2a899d826e2742a9a304f9c229b1339056b8935', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '795e958ae18a6182c2b6905bfe9a25dada166d53', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), this.getDetails(this.point), h("div", { key: 'cb7506ccfe65187823099957b716c77eb5b693b4', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: 'f4f0bfc8ab920ddfe8099ade5810f818c6c001c2', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '99a4c4197c05820ea5ee8250860e607bd7ee187a', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 's-loyalty-program-points-action': true,
                 's-loyalty-program-points-action-completed': this.point.is_completed,
                 's-loyalty-program-points-action-incomplete': !this.point.is_completed,

package/dist/components/salla-loyalty-points-history.js

@@ -86,7 +86,7 @@ const SallaLoyaltyPointsHistory$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         }
     }
     render() {
-        return (h(Host, { key: 'f926921f27cb795fcd46784ad5fa35fd32d2bdbf' }, h("div", { key: '474ecf2d8a7bc60d5ee18673e3b0689c146aa71d' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("tbody", null, h("tr", null, h("td", null, h("div", { class: "s-loyalty-points-history-balance-container" }, h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), h("div", null, h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("thead", { class: "s-loyalty-points-history-table-head" }, h("tr", null, h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", null, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), h("span", null, translateKey(point?.key)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), h("div", { class: {
+        return (h(Host, { key: 'a27eb05e077b79c1865d80baa5960af783757b49' }, h("div", { key: '37cec3096c43766f679e7b7e35d3e99d248dbc70' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("tbody", null, h("tr", null, h("td", null, h("div", { class: "s-loyalty-points-history-balance-container" }, h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), h("div", null, h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("thead", { class: "s-loyalty-points-history-table-head" }, h("tr", null, h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", null, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), h("span", null, translateKey(point?.key)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), h("div", { class: {
                 's-loyalty-points-history-table-transaction-status': true,
                 's-loyalty-points-history-table-transaction-status-pending': point?.status_key === 'pending',
                 's-loyalty-points-history-table-transaction-status-revoked': point?.status_key === 'revoked',

package/dist/components/salla-loyalty-prize-item.js

@@ -15,7 +15,7 @@ const SallaLoyaltyPrizeItem$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoya
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '724a0c9a5eb5ab0cbbb81d3b194c63a34b148b67' }, h("div", { key: '24b8d96839f0d7a1283c8ebc846e2f6e18c73392', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '9ec616036357b854dea86d0c873c94911c3a334c', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '6f3cfa5be119aa228b4527de9e03ec53a82f23b1', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '1ca0f8da846e6d4710f6854439df82c752775601', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '3a8ee66428e89e9a70f5a78f20811623e5f7018e', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: 'b50a0407d3ddec72fef3b7f4ff325c14ee52edfa' }, h("div", { key: 'a6f180164b4bbed6b0a8c534dda70d7ce8a8d0d5', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '3314cec7f2adf02d4d7b0623d95aaa87c8c5a4e0', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '6a33d5bfcd00e231f9b9a21d8d7b9e8cbb263e7c', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '333c4b1548e13601edb9405460fde38fde274997', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'dbf09413ed15affa54dd0e5bbbb425bdf89d2a42', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get style() { return sallaLoyaltyPrizeItemCss; }
 }, [0, "salla-loyalty-prize-item", {

package/dist/components/salla-loyalty-reward.js

@@ -39,10 +39,10 @@ const SallaLoyaltyReward$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalty
         };
     }
     render() {
-        return (h("div", { key: 'db8da1c89b576ea2589bd2e1c0706a15ee1184b2', class: {
+        return (h("div", { key: '82b2c64966d164695205ad946bd42c53bc1c0033', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'b20e5f94b46245755d255363152cc82525c4c16e', onClick: this.handleActionArea, role: "button" }, h("div", { key: '0b440c33c7c0d39ffa116b94d9d16984cd76ffa7', class: "s-loyalty-program-reward-img" }, h("img", { key: '9b7da09622747515f239d4a504793bb01f966c13', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '089c2c2c364f6562ff2ba60370532559d1a325e1', class: "s-loyalty-program-reward-content" }, h("div", { key: '41a4bbe1f670778e3ab82c8f2960147b72ab9693', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '777524f2d077443d4da0708aca8bf95f97c72acf', size: "xs" }, h("span", { key: '2e6f95a8d6f119938516b62c6d376c26da70b5cb', innerHTML: loyaltyProgramIcon }), h("span", { key: '21da27eefc72d5e19e8d17a23f512e0b9a41512d', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: 'f03dc04940296697653b7f894f32a24e74982185', class: "s-loyalty-program-reward-title" }, h("span", { key: '20f3df4860f89bccb94dda6f3daaf59e065e493d' }, this.group)), h("div", { key: '46ddda64d8be27941d4bde6c34a12cc654394bc4', class: "s-loyalty-program-reward-name" }, h("div", { key: 'd445522c134d4393d4e439b0eba2cde5153b6f9e', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '99ae7e8ec7e1170adc319e3d9ef76e394f466c0d', class: "p-4" }, h("button", { key: 'd6d3eaf874e12acf71d72346465620037da2e82d', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: '80fc61837bdf5a031efd1b11e9c8b80aa3e6752f', onClick: this.handleActionArea, role: "button" }, h("div", { key: 'b3eaa4831b6521046fc9f9703b83b4dfb8d16168', class: "s-loyalty-program-reward-img" }, h("img", { key: 'e7363c4e3347e551cefd5c8b9b4298c7cc76fdd5', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'e1039ff9675ef875bfd9436d37285bb30bccbb05', class: "s-loyalty-program-reward-content" }, h("div", { key: 'bbb21403aad95cea5dc563517d221e72664ff546', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '6e7de2327d69301338a24b6767755c0fe81acbb4', size: "xs" }, h("span", { key: '22a0d9ba2a5b58b155b0ec2acd530c4f177343d8', innerHTML: loyaltyProgramIcon }), h("span", { key: '37c5140215bd7f3a930e6823a535bb8cf9c05526', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: 'ba35842a2dc0a4fb5572ceb5fb2ea3d610344d73', class: "s-loyalty-program-reward-title" }, h("span", { key: 'c2d0c924477c6b3cc3b4da0fb7d3467a547bacb2' }, this.group)), h("div", { key: '5395e148b4b266a94cebf9ce0a677c5513d86867', class: "s-loyalty-program-reward-name" }, h("div", { key: 'cb976f15b2069e43dd74f7d7623756ed2b1f5f2e', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '0595027a52e7e9e8a85469936dd411e9739cca7f', class: "p-4" }, h("button", { key: '40b72bcdc905f36c641654fc79ab51378d3bc777', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
                 's-loyalty-program-rewards-action-base': true,
                 's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
                 's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),

package/dist/components/salla-maintenance-alert.js

@@ -23,7 +23,7 @@ const SallaMaintenanceAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaMain
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '957af1881dfe1800d9ba38750c5ffd841667b23e', class: "s-maintenance-alert-wrapper" }, h("button", { key: '1ae1f9709b7742c94aa4219e71c480abc6ee5d29', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '6f99162b9dd30675c9e79f4c1028b922b9ec4032', class: "s-maintenance-alert-content" }, h("div", { key: '58572879346fda3f227f1c271b51c19b81d953fd', class: "s-maintenance-alert-container" }, h("div", { key: 'ff80c1a9df22a3784f577686171b4a4fb57cd882', class: "s-maintenance-alert-icon" }, h("img", { key: '81d134e47716b9901c57f91f3764578e857b339b', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '1187cd9293c85700bb9c5500f131035aecec651b', class: "s-maintenance-alert-text" }, h("h2", { key: 'ede7d5aba8f74e124b42f8b2f01c6fb2c178cf82' }, this.title), h("p", { key: '0299e1d67fbb2cdc1e82be3ad33c32b71f358611' }, this.message))), h("div", { key: 'b81c343ebc5d2d6ca89b4c143a2a154075c4cd85' }, h("a", { key: 'aec3cd52918b2e89176593db93acf9f1161defc0', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: 'e26ff84e30c6a6d5fcbaf5d42070e2be3a24c232', class: "s-maintenance-alert-wrapper" }, h("button", { key: '54fd1cfe14430d3bbda080fcad33bc692fefd8c7', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '1be36a92801846804196f896ead8af87ea17ec8a', class: "s-maintenance-alert-content" }, h("div", { key: '9131856517ca03c29670d665eab4aaf3192f320a', class: "s-maintenance-alert-container" }, h("div", { key: 'cac871ffcb8fc8018670e8d34990a91761af7daf', class: "s-maintenance-alert-icon" }, h("img", { key: '469ed03d41f30e4271b663398c9da3b7f53db6cc', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '4f30b5931f46230ae9b48b143bd2429517c85194', class: "s-maintenance-alert-text" }, h("h2", { key: '3133efc7b9cdd3e5a2c45f3224fe823dc7e4042f' }, this.title), h("p", { key: '7b4e2f004e4541761fdd8b2e6ea69a6c8e760a84' }, this.message))), h("div", { key: 'f24636891f52749e4bbe273159ecb7f1eefdf2c3' }, h("a", { key: '22b1cc13fb9ce329f37c806b322f9d9b1a6e3296', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

package/dist/components/salla-map2.js

@@ -758,11 +758,11 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class SallaMap extends HTMLEle
     }
     // render
     render() {
-        return (h(Host, { key: '8f4108a87a87df7f99334512de9025d3f8330015', class: "s-map-wrapper" }, h("salla-modal", { key: '4f0d986b758ab8e2159d5b899e5d02b831d5e0d2', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: 'a1c17b249dca7f6bf172e235b1960c634fba4e02', class: "s-map-wrapper" }, h("salla-modal", { key: 'd896fd882de7598dfe9ea1fddff571d5bd43b8ec', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: 'c38f01a3bc81e71328d4bbbc555824d71409b5ce', name: "button" }, h("salla-button", { key: 'b35df984d6e47840b51b34e62b4a35ec1648825f', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: 'bf70602eba04f09ea904c0cc4cdda37ef9bc3988', name: "button" }, h("salla-button", { key: 'e9ab67288c8bc4a8ffeff9f49683b57421aaaaef', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '83b5517f20533c5a1889177c3a95c5347c4ddfa4', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : SILocation }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '64a12b99f02052fcaddffd48bcb0ae76d5347ee4', class: "s-map-value-input", name: this.name, required: this.required, value: this.getLatLng(), tabIndex: -1, "aria-hidden": "true", ref: input => (this.mapInput = input) })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '9e8d2a788cf5e209f00b73280b5b54701f354171', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : SILocation }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '8c07eaa39a6f881147bda89f683e1ae3d9fc0a0f', class: "s-map-value-input", name: this.name, required: this.required, value: this.getLatLng(), tabIndex: -1, "aria-hidden": "true", ref: input => (this.mapInput = input) })));
     }
     get host() { return this; }
     static get style() { return sallaMapCss; }

package/dist/components/salla-multiple-bundle-product-cart2.js

@@ -51,7 +51,7 @@ const SallaMultipleBundleProductCart = /*@__PURE__*/ proxyCustomElement(class Sa
         return (h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, h("div", { class: "s-multiple-bundle-product-cart-header-content" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, h("span", null, salla.lang.get('pages.products.number_of_pieces')), h("span", null, product?.quantity_in_group))))), !hasOptions && (h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
     }
     render() {
-        return (h(Host, { key: '3f2e0671b883107f6204fd7bf3d7fafbb2c2dfd7', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'ad539f62e68b7bb90cde5436c54ec0a2c90b23cc', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: 'f4a66dc2916ad42108b551790e1a1a581a55d6b1', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'fa96a2da58ee5be80c79c1a6fff66fbcf49cd87e', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,

package/dist/components/salla-multiple-bundle-product-details2.js

@@ -384,9 +384,9 @@ const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: 'c43459275aeebd15799c6f473550a84c059cce59', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '76c8e261e9b68cf52c82946714f89ae944e26964', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: '379725e546f6eeb670a23166de2a2d829e48da96', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '5939dfacd285738495dda3481d4974775152dc76', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, selectionLimit: this.getEffectiveMax(section), isSelectionLocked: this.isProductSelectionLocked(section), onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '8e190c4ce2e1e3c12d327b26dbb066585dafe01a' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '2270a07c784a748e7ffaf48164e5cc8b09116878' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-multiple-bundle-product-options-modal2.js

@@ -494,7 +494,7 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '71cd7074ae29781b4602f296fb145371435682ca' }, h("salla-modal", { key: '79b9f2cf7091b39cfab98ab746652ad2b033b08f', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '4b10a0f3ba203d1363600cefdc76a32990aedc59', slot: "loading" }, h("salla-skeleton", { key: 'f677228833290afc296d620cd9497baad34dee65', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'ffe3f9ef8ed671e44650f418103da2695d605815', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: '80217a97bc81ba7eb770cfa88347530b5cc0850d' }, h("salla-modal", { key: 'f23a97440cdb8418a0f8cf129328fb8c0a0a4fc5', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '06dfaf9708dd142dd0e44b6846cc0ca49be39bb6', slot: "loading" }, h("salla-skeleton", { key: 'a5d348f9a5158ee85d418f30f302a929f0a4dbdd', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'd3b1a1bb86708a807ee0c3a0168440f9d38b1eb8', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -502,13 +502,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: 'b4f6109a323f44bf81b761126dd6f758f2c2b8ee', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: 'b7d04522efcb3f0a85ac78a9bf6f654973f6c777', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '043af0b22934426e4620ad806901b0fed7eb5c84', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '3751a38d528780bb5f6ede2eb74365eefd5d42c7', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '325d9a7377fd23125b6d07479e34b0dbbf2c0660', slot: "footer" }, h("div", { key: '4d4343f2f9b494a9aeeda85476e7d280456e1983', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'e3fe347f9e9601e43a52552c6659b31db7d0e8d1', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '68d6671c68f3753edd92f3c8ea8c91774038da59', slot: "footer" }, h("div", { key: 'f980914dbdbbea3aa02f6c816e2372f7bb09009e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '5d67dc612aa88fbc6eb11bcd5be0fc6d77a15aba', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

package/dist/components/salla-multiple-bundle-product-slider2.js

@@ -141,7 +141,7 @@ const SallaMultipleBundleProductSlider = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: 'f204b5fd21739cbc18656bd09d4cce81ed6e5e57' }, h("salla-slider", { key: 'd869a3633f17437edde3ce68fdcc365753eb612e', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: 'c0e5fa3b6209a865672daafbab76d9ceed851e29', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: '84a2765b8e57fa7d4d757c7e0c8a634199e7f121' }, h("salla-slider", { key: '67d1748a2c19adca4db056bd3b5e5de6813aa367', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: '04547e4a998d15377a2d5573bd0c4d8d33a93af7', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const isLocked = isChecked && this.isSelectionLocked;
             const isDisabled = this.isProductSelectionDisabled(product, isChecked);

package/dist/components/salla-multiple-bundle-product.js

@@ -78,7 +78,7 @@ const SallaMultipleBundleProduct$1 = /*@__PURE__*/ proxyCustomElement(class Sall
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: 'ecd08de0b8221816bb4980b90790219ec954ed79', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '8a6a69fd3c8d773d75453c059f7e5da40ee20de9', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get watchers() { return {
         "bundleSections": ["parseProducts"]

package/dist/components/salla-notification-item2.js

@@ -11,7 +11,7 @@ const SallaNotificationItem = /*@__PURE__*/ proxyCustomElement(class SallaNotifi
         this.__registerHost();
     }
     render() {
-        return h("a", { key: '0d54b85dc0781ce926f4154ac25c9232d4bdb736', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '624a6beba8d6a32274a22bc9015ea0a44c319e30', class: "s-notifications-item-icon" }, h("i", { key: '883275b9325a07d224bbf37b168f8f5cf28c0dfd', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '8f0a0df431db067ee8204b633fc10451172e767a', class: "s-notifications-item-content" }, h("div", { key: '34c9a9367ba0f2d4bb27f703db5ba19f0697dff0', class: "s-notifications-item-content-leading" }, h("h4", { key: '54d387aceff626bed03b67d7c55a61ebba9fb55a' }, this.notification.title), h("p", { key: '18e28bccb76b40d6739b088bfbc37cdf904e2c6d' }, this.notification.sub_title)), h("span", { key: '3461da85eced4d75961e78c6e3ceaea1ba3a5d5c', class: "s-notifications-item-content-trailing" }, h("i", { key: '28ae90038e79b5c847175f36dcbb569a784a3f99', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '0ce393675fe07821d2810545e756d0eb05d76866' }, this.notification.date))));
+        return h("a", { key: '6eb281a27749a12b29d5cca1646a0ac93e608e13', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '6e6d9212788aa7bf02c9d4e192dfcdfad0883831', class: "s-notifications-item-icon" }, h("i", { key: 'f259ed41c7045bc11cdc1716858cee1f8e0ccaa9', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '7ffa3ffa66203b8d4c94887fe654ea4bb9a5200a', class: "s-notifications-item-content" }, h("div", { key: '7fd2eac1ad6fbe1c49a37565d821525c8c01a1a5', class: "s-notifications-item-content-leading" }, h("h4", { key: '9e33a8fd9d49c36557b7f59dda8295ee8b1ed25c' }, this.notification.title), h("p", { key: '2dbf915ac42e364f313faeb0e0109af3c0c0b30a' }, this.notification.sub_title)), h("span", { key: '58ea1f5e3063c870e3aec1615efa57eb6b9d8877', class: "s-notifications-item-content-trailing" }, h("i", { key: '4cccc4a04b8de63ff52944ea074835a8ce4b4819', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '387bd63aa18c6cf1da92f035a5132231b23bbcd8' }, this.notification.date))));
     }
     static get style() { return sallaNotificationsCss; }
 }, [0, "salla-notification-item", {

package/dist/components/salla-offer-modal.js

@@ -253,7 +253,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '65f0a5622466ab72be96f7a251e6ebab29c3f30c', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'cb235e4d13b95673bde9bd5eeac1ee1ff7e0c1f4', slot: 'loading' }, h("div", { key: '249ced69c178e7071cb100c11829120f2b0a52b6', class: "s-offer-modal-skeleton" }, h("div", { key: '44da044786147e7b693866a7b3e776742622a7d2', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'cca94fa75f1086118dcce2dd6e4099cc09d9db7c', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'a0e1548a9f168c724b9353fca617ed55407b8537', height: '15px', width: '50%' }), h("salla-skeleton", { key: '72fd306f044249a568fc5ddf75eed898685955a5', height: '10px', width: '30%' })), h("div", { key: 'c54ceb5db0887372d487448c39cf1f2fe2b9cfd6', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '82400b8a1b032ce266cbd093d04607cabd4334ce', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '1898c3045f98af8a5fa70fc96544bdc93c8e21d2', height: '15px', width: '50%' }), h("salla-skeleton", { key: '2b3746f994eb9baaf5c8ed62e9b779fe6746a0a4', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: 'b41e4389d7bd3ba89f7cfd10d9e2e7a8ddafbb3d', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '2beaa53d150ba7d17e1d66d6f5a5619ff03dd7f8', slot: 'loading' }, h("div", { key: '6a35aa5676449dd74ed50e48ee62fe3dc604eb82', class: "s-offer-modal-skeleton" }, h("div", { key: 'eb0458bbe6bef1c7931ef1b29c7831b6fdd8cf94', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'ba0dfd74e0e279633fbfa1536a1232f7b88d09c4', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '41a501b4179488e1346a12aaf76407dfeeaa233b', height: '15px', width: '50%' }), h("salla-skeleton", { key: '60e56666921a9a1e28d070ee26864c3df488cdfb', height: '10px', width: '30%' })), h("div", { key: '7079a1b0d16c373004fc2abd7e3240349061975f', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '63dda9415de1c0eacced5a1135bc6193290106c7', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '4e39d82ff6e2145f5a651747423c86929b703f6f', height: '15px', width: '50%' }), h("salla-skeleton", { key: '55115403e6710254d6f8637f05ce3f8733f7101b', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(),
                 this.getOfferConditions(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)

package/dist/components/salla-order-details.js

@@ -47,7 +47,7 @@ const SallaOrderDetails$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderDet
         ];
     }
     render() {
-        return h(Host, { key: 'e8b12f8b36be50c66228e19e77b81843c4b827c5', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: 'd8c71790d253b085162b7a92310c3a073291297f', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

package/dist/components/salla-order-edit-product-card.js

@@ -32,7 +32,7 @@ const SallaOrderEditProductCard$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: 'cb68716bd8c67c7387a1e71c0f790dc55bf9732b' }, h("button", { key: '0d5ef4b53adc4b1c8603fc740f955305837225d9', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '1647a427de88c2cffadba8087152427a4e95a8e2', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: 'ab896eef117fb28e660af1957986c1dc4fe17b54', class: "s-order-edit-product-card-content" }, h("h3", { key: '2eba7becf3c53c636d66e01809b44cd4854c27f1', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '46743b4a67f933d7219d88259396a396c6dd5d87', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: 'f70bbfb59e4308bc1b7ab7866f5840f650006058' }, h("button", { key: '7755b197eba043f81b147b89c9ac52e0a5149363', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'c0df83535c35b3f9bcf4d29a827507a4437d4e01', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: '41a9b99545c8ec2f93ccaba3cc458522d3fd55c8', class: "s-order-edit-product-card-content" }, h("h3", { key: '416517b0d53bca3488aa8c4ba49484be0fe39bab', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: 'cb05807b4d51a1b5acff02169e4cf9691348c9be', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
     static get style() { return sallaOrderEditProductCardCss; }
 }, [0, "salla-order-edit-product-card", {

package/dist/components/salla-order-summary.js

@@ -87,7 +87,7 @@ const SallaOrderSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderSum
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: '96ce5c2d31f1908bd1522ad2f87094ab7d37cbd5', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: '09314d7241f730cc2dcd220542d02ca44565ae9c', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? IconVerified : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/components/salla-payments.js

@@ -42,12 +42,12 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '7b48366eb122743315532e53cfcf05ac31c5ad60', class: "s-payments-list-wrap" }, h("ul", { key: 'e278c90249fa655ede607689afd366e5dc538532', class: "s-payments-list" }, madeInKSA && h("li", { key: '6a2494479aaef3dbe8557feaf07b290b9a7fc3a9', class: "s-payments-list-item" }, h("img", { key: '386ee723fce881bf4206a3113ff8e611bf48c0c8', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.filter(payment => !this.exclude.includes(payment)).map((payment) => (payment == "cod" ?
+        return (h(Host, { key: '46c58d42a6e876a785bc4ee0b27dd91943e95932', class: "s-payments-list-wrap" }, h("ul", { key: '7745fe947414ce517400dc31d5d89cea413fd295', class: "s-payments-list" }, madeInKSA && h("li", { key: '4715de8ea395d318432cd13ee44e30b06c27f570', class: "s-payments-list-item" }, h("img", { key: '096e9b6168ba7b87bda69bca26af7525d846f152', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.filter(payment => !this.exclude.includes(payment)).map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, this.paymentLogo(`cod`)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, this.paymentLogo(payment))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '7a355da7a8f0ee873264807504d2d353739331bf', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '850bc394f7bd0396b6f78b9f57fc8254baab0635', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

package/dist/components/salla-placeholder2.js

@@ -42,7 +42,7 @@ const SallaPlaceholder = /*@__PURE__*/ proxyCustomElement(class SallaPlaceholder
         };
     }
     render() {
-        return (h(Host, { key: 'bb1e87ff964770b00667e5ba934e025a184056fe', class: this.alignmentClass() }, h("div", { key: '6a75cef023d5f1a719ebb8d91a8b2181e1635161', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: 'cb68c4045df8dac84cd7c0626d9d8c322202e73d', class: "s-placeholder-title" }, h("slot", { key: '09f95446b63392eee020fa7d970e5387f83c4769', name: 'title' }, h("span", { key: 'b72e61aeabcc48fd5b3e14d76f4dcfab7c37703b' }, salla.lang.get('common.elements.no_options')))), h("div", { key: 'c9ba74e9a6dbe65c3e3d7994364182919bbbf3b0', class: "s-placeholder-description" }, h("slot", { key: '5441dc166551ead2f1386a58417d991fb62065f9', name: 'description' }, h("span", { key: 'd823d7f9bb6afa98df3307265b734ac06b3361ff' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: '7680e249ef9627c8c53c1fcbd02bb942d3f650a4', class: this.alignmentClass() }, h("div", { key: '17df509f27879794ea37172826489033ddb85045', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '117de24add832359f0a046a5e67b16748e25572d', class: "s-placeholder-title" }, h("slot", { key: '3bc517f00c6427a1103f859b58e9763f10851f4d', name: 'title' }, h("span", { key: '17615872d9b5e03d9b33d01fde5e1753f5f7a97e' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '962eafb62268b4ae3e25610a0dec6734ac58378a', class: "s-placeholder-description" }, h("slot", { key: '6326fdee550361c7cf6be95f1da2baf5616bd0f4', name: 'description' }, h("span", { key: '179fbe8c4352fad27a88b39baa6d858075006bfe' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get style() { return sallaPlaceholderCss; }
 }, [4, "salla-placeholder", {

package/dist/components/salla-price-range2.js

@@ -153,9 +153,9 @@ const SallaPriceRange = /*@__PURE__*/ proxyCustomElement(class SallaPriceRange e
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: 'b03ebb94bc24463935ff1ef49872ebc85343276f' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: '582547be2a058bd2ab9c8567b5925f25711e1aff' }, this.filterValues.map((filterValue, index) => {
             return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), h("div", { key: '701869c55602ed0ef68d2a1495b76f2159cf8d9d', class: "flex justify-center items-center" }, h("div", { key: '956a0ca9ab38e364baa9c1e7427c428143de2d64', class: "relative max-w-xl w-full" }, h("div", { key: '454523dfd41c249bc3ee984d9ebc908e257da655', class: "s-price-range-inputs" }, h("div", { key: 'f0047855d712ce0c637da08e0b5087253a4fa2d4', class: "s-price-range-relative" }, h("div", { key: '79d5ca39cb0da6b31523ae69f2ea62a1d49f4eed', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '5caa99eb839a0bfb651b7080fc51f8a99102380d', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: '8df49030aa912e646a82a16b75416f5b86a54735', class: "s-price-range-gray-text" }, " -"), h("div", { key: '9c7eaa41986246f5d1e0f42c8f917c83643abf83', class: "s-price-range-relative" }, h("div", { key: '79de4f4520d63e038a51153372b1aabf729aeaff', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '497d516b45de96f205021cace76604a04887aeb4', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '3179fd8523d7aabe0a61f496752294416a02edd5', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: 'd3a4660e76c1baef73e24ff23d79622535d80cfc', innerHTML: this.isRTL ? IconArrowLeft : arrowRight })))))));
+        }), h("div", { key: '36dea18b1f8f9b9c11a235328d6019cdb0ea5d9d', class: "flex justify-center items-center" }, h("div", { key: '765c5a4eca4cb39b47cba341e8c8f7b7888f0072', class: "relative max-w-xl w-full" }, h("div", { key: '24c54bcec699865a391f198d701abcdcf40bd438', class: "s-price-range-inputs" }, h("div", { key: '962c157d0d7df4f096eed09b51618f3bdadaa347', class: "s-price-range-relative" }, h("div", { key: 'e39123015563b93553be0498673245311644f178', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '4dadf22dc8ad4a982a07acdbb5b62b28b46aa49a', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: '1aea9954befb49f6c9f3f0b1d20ce04defa352b9', class: "s-price-range-gray-text" }, " -"), h("div", { key: 'c4ed3a532ab1c780e69bcadd96ed9581e0a69a85', class: "s-price-range-relative" }, h("div", { key: '3489752cc4de7fb82e758bf877959d7c34094d28', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '9f06151e1156553f0a45283c0db0af92c269c110', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '1496f0eb951492d3eaad51c90bc1234d746d748c', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '9efb20a46dae252c5e82bb52f0bcb57c8e030c99', innerHTML: this.isRTL ? IconArrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

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

@@ -146,7 +146,7 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '646195e9982d709d58b12eae7ee0649f85a76d93', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
+        return (h(Host, { key: 'ba2423b2f12f2c6b3870c55b12157bbcf42407e8', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribedToProduct ? '' : this.renderModal()));

package/dist/components/salla-product-card-embed.js

@@ -99,7 +99,7 @@ const SallaProductCardEmbed$1 = /*@__PURE__*/ proxyCustomElement(class SallaProd
             's-product-card-embed-card-align-right': this.align === 'right',
             's-product-card-embed-card-align-center': this.align === 'center',
         };
-        return (h(Host, { key: 'd001e10a89c192004bfdfdcbeeb83d2d9c695d95' }, this.hasError && h("span", { key: '2c35003750483da3d17d6df0ee5add7a3aaf530b', class: "s-product-card-embed-fallback" }), h("div", { key: 'ff5743f1a26421488677a28503f448d410b49abb', class: cardClasses, ref: (el) => {
+        return (h(Host, { key: '56f42e6b733dc4101759a30182297af7313feebe' }, this.hasError && h("span", { key: 'abe5fefd824cdc8880a0afd8864f6283c957cab1', class: "s-product-card-embed-fallback" }), h("div", { key: '72ce12394216af508ba187e67331fa7862caa16a', class: cardClasses, ref: (el) => {
                 this.cardContainer = el;
             } })));
     }

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

@@ -157,14 +157,14 @@ const SallaProductCard = /*@__PURE__*/ proxyCustomElement(class SallaProductCard
             '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: 'c93b5f53596bab6f80562dad7092b40f6dc999c4', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'dc5f9bd95352c0ce3d093167ead21e57b5b3e88f', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: 'd7d95bb97788b80eee08dc640a5c6829235fc3c7', ...hrefProp }, h("img", { key: '4859076d5f98264bde624783cc1c45c18c4fd7bd', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: '6e57fdf93d631d1770a88733be8ecd2fe4be7cb7', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '540e4afcc1784e56c6560fcbc53ca22fe7871a58', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '13173d79484e8922e6ca9edb7b5eaf5d24577b57', ...hrefProp }, h("img", { key: 'ff09e2558689d47cf091bb36e2201f5a257b3b7b', 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: '57a7f91ea104bab4727f17dd45e837b2521fdf8a', ...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: HeartIcon })) : ''), h("div", { key: '16e23d6cdd67e90a3b06238a32135885c280508d', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : '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: '5407cae4838f6cf35d8d3181e0de47ba1f7e4d66', ...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: HeartIcon })) : ''), h("div", { key: '73a4f99505f4b3c1b7f34341a08f7c3957cc9216', 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: 'af150cdc2b9aa7cbe3cd6ffc32f5a11171a53dd1', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'fea0aa2c44be7439b103298e63947f8a2fbf149b', class: "s-product-card-content-title" }, h("a", { key: 'f32166bb5a42aab0253f5e0c0771958065ef34ab', ...hrefProp }, this.getDisplayTitle())), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: 'b757815f1ee1873fcf5a7c76be1d6403f5862201', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '5e27e19508fcbc98fa1e5543768d3e93d9adccce', class: "s-product-card-content-title" }, h("a", { key: '78b6494ad4e08b8cebff2984b6a1e60878b356fa', ...hrefProp }, this.getDisplayTitle())), 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 ?
@@ -173,7 +173,7 @@ const SallaProductCard = /*@__PURE__*/ proxyCustomElement(class SallaProductCard
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '79cf3ef1127ac372c8f67fff2d549aa32656a6bb', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.showOutOfStockBesidePrice && this.productData?.is_out_of_stock ?
+            : '', h("div", { key: '148e979d2b36ed185e1bf5f8345096a442c94601', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.showOutOfStockBesidePrice && this.productData?.is_out_of_stock ?
             h("span", { class: "s-product-card-out-of-stock-label" }, this.outOfStock)
             : '', this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))

package/dist/components/salla-product-size-guide.js

@@ -60,11 +60,11 @@ const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class SallaProd
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: '821a0f8c890f62c278f2c6fbb0081c58074134fa', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '54972cbc6899d788b3543f882d3f3cf0c6a50071', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '251eca54b49ccd504cec94371103d52db3dceae5', slot: "loading" }, h("div", { key: '65563fe5e6114cdc1958b6acfc23338f87629ee9', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '66c8da1a0ca4ff7bb48b7274135de2a79c08cf69', height: '15px', width: '25%' }), h("div", { key: '33f7ec9dc4d1749bebdd8d1765b63b04f13473f3', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '1f1e52c77826df60eae9c814d0db6dfa22976495', height: '40px' }), h("salla-skeleton", { key: '608fc344f8b06e23776fac615b49730f5934baec', height: '40px' }), h("salla-skeleton", { key: '876f24fb4e06b8bd094ca9bc18c55e196b388201', height: '40px' }), h("salla-skeleton", { key: 'd3f0c5baad4e0d940b3a30598353629dd199cd38', height: '40px' })), h("div", { key: 'f492afd9c329add253c60c8692173288437213d8', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '7246853ccd94c5de70dac399593cf3dd64ae85de', height: '15px', width: '25%' }), h("salla-skeleton", { key: '5b314c2a99a4437891a7fcaf4d01a29597a03422', height: '10px', width: '75%' }), h("salla-skeleton", { key: '4cde9368235a5f355d3ce4c28642cb3f29716880', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'fb7be5927efc29a993049632dde462e5e329d74b', height: '10px', width: '75%' }), h("salla-skeleton", { key: '945f9901fdd6b681c28b80f3a7b9c253c5063424', height: '10px', width: '100%' }), h("salla-skeleton", { key: '991f7e304524d0acc6c8eab5dfef4be75eee7655', height: '10px', width: '25%' }), h("salla-skeleton", { key: '9d2c66c90b20abd0984ea2ef3ced2f9dbe3479c2', height: '10px', width: '60%' }), h("salla-skeleton", { key: '0943d7f53030e26034e01c89c8edf1cfd76a87ab', height: '10px', width: '45%' }), h("salla-skeleton", { key: '683502d6f44eb68fe7ba7f9b54df456b725bd126', height: '10px', width: '30%' })))), h("slot", { key: 'bf50073356c49df10842635491e2606321faaa50', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'eeb477f6cd7831f06fb2b716e2391d684ae4e93c', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '48f9e18ebfec9999dc856fe3c7bca7854e4f53b3', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '9fc445cfb72dfdd5d0d306419041aa9f3acafb66', slot: "loading" }, h("div", { key: 'f5dbfb1560940a691f891e7d41eca22977693d79', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'c6790017016fc8b471601bf093051f80183645c9', height: '15px', width: '25%' }), h("div", { key: 'ba72c67c7b26e62ed4548444ba9083f83816f59e', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '4fd934c7bf103bcd937028bacda524915a40f76a', height: '40px' }), h("salla-skeleton", { key: '3754ae6eca3938380261e221f6941b2ef2a381dd', height: '40px' }), h("salla-skeleton", { key: 'a2007afe625ce45713b3a2f64a62cf0da101c1e9', height: '40px' }), h("salla-skeleton", { key: '7ed982fa2c6c862bf724fa1b1dc059db2f5dbc41', height: '40px' })), h("div", { key: '3914b9dde80d2257a55b0aa156f61df5936f1bb5', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '51b96df249504517e4c3fe1098be2937cbaeef63', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'd5844e3c91eddc4821b97cc9991a2441dd0bb117', height: '10px', width: '75%' }), h("salla-skeleton", { key: '976e70a0aa160dd9b4dbe4d0f9f0675f5c3308ea', height: '10px', width: '50%' }), h("salla-skeleton", { key: '1baf5286915a708ea68850c9c82e7970c6521c86', height: '10px', width: '75%' }), h("salla-skeleton", { key: '8ecc89a3defd83637936023b0d0841c55c6799cd', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'eb90ea350d6947596688595bb898a8c3a8dcac39', height: '10px', width: '25%' }), h("salla-skeleton", { key: '282d747e764c2761aa4b68f145467371acd66f32', height: '10px', width: '60%' }), h("salla-skeleton", { key: '610491fa3769027ceebec2ab46e7166d0bfac9f2', height: '10px', width: '45%' }), h("salla-skeleton", { key: '8162ba3bec487efe6fa1c0adf2355bd175d8310a', height: '10px', width: '30%' })))), h("slot", { key: 'b55b29cfeb52e41c0c56a79bded075fda7f49fab', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '2f357ddc66624cb7c05324ed9fb8c1164b39eda1', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '6e37eb73078f786ce5dda8cf9ed6bae16eb3acfc', name: "footer" })));
     }
     get host() { return this; }
     static get style() { return sallaProductSizeGuideCss; }

package/dist/components/salla-quantity-input2.js

@@ -95,7 +95,7 @@ const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityI
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'bf0882609ec0e164d8280789ee6deeaadeb3e484', class: "s-quantity-input" }, h("div", { key: 'c69afe51313f69250454cf6cf72dba89fb1f92e2', class: "s-quantity-input-container" }, h("button", { key: '8a02d3452f9727278acae90f1017eed65033c0a3', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'f4f1dbb40e2d90205075a8d3bf31a7e4a08ee6b5', name: "increment-button" })), h("input", { key: '67b7cdc6ef5311799d200660f26a7520e122b411', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'f0139bd8e74744e9396cbae706151ec3c092766b', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'd051c3ca89310e67f834a970788abc606e5d2bbc', name: "decrement-button" })))));
+        return (h(Host, { key: '97cfd53bacd63cfd819d733f25055fd6befcb46a', class: "s-quantity-input" }, h("div", { key: 'fbe95d268cfb58eac1cf751d39695fb1abb76de1', class: "s-quantity-input-container" }, h("button", { key: '511ee9299a053f3853b1e68783ec345523bf3dc2', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '104cad1ffb95e0213ee1ce3e215213d1ad346bdc', name: "increment-button" })), h("input", { key: '60d3114d8d7ca3a4923761041b4b02218fc903ce', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '554b02f7b85cbd026431adf2573efa1cbb0564bb', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '8028a32c8c83a4205e093e8ad5ccf5d8e9fd019b', name: "decrement-button" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-quick-buy2.js

@@ -2085,7 +2085,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         });
     }
     render() {
-        return h(Host, { key: '59b95a61820cc3c67b9c99ea57f71df5ba031d95' }, this.quickBuyButton());
+        return h(Host, { key: 'b03cdde677e52e751e8c1592a9da0ffc40614172' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

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

@@ -172,7 +172,7 @@ const SallaReviewCard = /*@__PURE__*/ proxyCustomElement(class SallaReviewCard e
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: '30740961e8642d6b3ea7877ef050dc5f16cd2ab3', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'ed7a5928b1b8b0294fa22f49471a8bf673d153d8', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: 'bd8013216d1127c19632f5e4f61494a91daf0e43', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '18de38dbba7c660404090a488ff40bebb3b5cfb9', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'cb01e59c058d9ac64cd16e66e2f2d90859680c17', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '63bf8afb138423ea10a0e689b126c462b623e462', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return this; }
     static get style() { return sallaReviewCardCss; }

package/dist/components/salla-review-factors-tags2.js

@@ -132,7 +132,7 @@ const SallaReviewFactorsTags = /*@__PURE__*/ proxyCustomElement(class SallaRevie
         return (h("div", { class: "s-review-factors-tags-factors" }, factors.map(factor => (h("div", { class: "s-review-factors-tags-factor-tag" }, h("span", { class: "s-review-factors-tags-factor-name" }, factor.name), h("span", { class: "s-review-factors-tags-factor-star", innerHTML: Rate }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
     }
     render() {
-        return (h(Host, { key: '01d13a2113db33368eecbf8cc0d1700fa501607b', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
+        return (h(Host, { key: '8360dda7ca017f934d4e2c284b3d35be81dce9a3', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
     }
     static get watchers() { return {
         "factors": ["onPropsChange"],

package/dist/components/salla-reviews-page.js

@@ -685,7 +685,7 @@ const SallaReviewsPage$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviewsPa
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '230302f0bca1b13c1e846b394a7681686150d43a' }, h("div", { key: '0f94af9c8ad6b7d7e236ed55f071242369f3c36f', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '30ad45af9e9075b150a17b4927f608b80d1e86a8', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '1a3d378eaf414eedb39a9501e11abb2802241af4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '15671de5c36e3cc94aa2ce55050bb6ed5eb34397', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '87a59577afe28de5b08354af48d26809a61214e0', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '4bc37af2cd6efbaea53032e6ce18241957bafc2f', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: '3bb188bd0ddcff6333a47ad3821ad9f75706ac6a' }, h("div", { key: 'ae139cb0f8e4921e95c695ececc6633e79486ae0', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '422bc1b53c10d0c0e87b701580e049fde71f2871', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'd43661c7d358ba1bc99762fdd92b0c9e68a86427', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '3255662d8c1895bf640ae02e480a1c597e37ff87', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'c2d02265c6adde573a9e282380e670ed2926e68a', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '67de9329c56bd70740e66c3c119a6396ce1c6006', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

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

@@ -15,7 +15,7 @@ const SallaRewardCard = /*@__PURE__*/ proxyCustomElement(class SallaRewardCard e
         this.actionClick = createEvent(this, "actionClick", 7);
     }
     render() {
-        return (h(Host, { key: 'c249f6ce1e00e0136dcfe82a281eaafca6ad80be', class: "s-loyalty-program-reward-host" }, h("div", { key: '8cd9047aad51f7b578d8437d64579d5dc8174515', class: "s-loyalty-program-reward-container" }, h("div", { key: 'b69b282469fd2cd39485816a58b216d568546ac7', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: '4983a94a1be1401f5f198e4b08f523de563e84ed', class: "s-loyalty-program-reward-img" }, h("img", { key: '7770f8026ff6b707dab40318c8fce21a10f9513c', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '322f8973fb27ae9d057b591b23d85a5c72519213', class: "s-loyalty-program-reward-content" }, h("div", { key: '5e4fd907f4ecae615b15299c59026bcb65b09b39', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '243decb248961264afe7575d165e4e2f4396b467', size: "xs" }, h("span", { key: '7a9d4a58949f60091f12c903762277912b9d05eb', innerHTML: loyaltyProgramIcon }), h("span", { key: '01ae5a497f22c387a91d9cb71fa3aac295a09fe4', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '3c18a7058ed547e182af774176aff19a3d445384', class: "s-loyalty-program-reward-title" }, h("span", { key: 'd8118e541c6dc2824d7ad0c3c30abff270aba13f' }, this.prize.group_title)), h("div", { key: 'f6a89ca4a6ff9907f8719e252e3491a2f94e50fa', class: "s-loyalty-program-reward-name" }, h("div", { key: '39dcd8509798d1049c00ef50c6a8faaa15f37b2c', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'd564440d8ba04fbe193e82052e6bee7fd040f5b7', class: "p-4" }, h("slot", { key: '85a6fe0f96146066947f958204fc89d4bb90d55a', name: "action" }, h("button", { key: '94bb197b47c3d53ad905900300d22a3895d881eb', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
+        return (h(Host, { key: '727066f782f8014e52045a3f8ba294341713f5c1', class: "s-loyalty-program-reward-host" }, h("div", { key: 'a73d5e1543f1393d6109277c2745833ab42e3615', class: "s-loyalty-program-reward-container" }, h("div", { key: '94a47503a13f855ef05cd41a37bb785c9e1e92d1', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'c9b74dd06eee0342ff48fd081280fff6670c2a45', class: "s-loyalty-program-reward-img" }, h("img", { key: '81d91089a1cbba4637ffb4e4e11a672bdf159738', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '8b50b33b71a553f67f22b0266df73053719ad88e', class: "s-loyalty-program-reward-content" }, h("div", { key: '8e26a8358ef058f34dfb60c6b4238822749d503a', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '02903148bec6f02f0b6c2fd850a23736f0d4182f', size: "xs" }, h("span", { key: '10f09153c4f1b7ee907544df0fa08a3391197635', innerHTML: loyaltyProgramIcon }), h("span", { key: '94dc2368aa4e2c2f4708863a31086d8947834b06', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: 'a2c9f1904aece4f339b561447b520a36bcdf755b', class: "s-loyalty-program-reward-title" }, h("span", { key: 'c30eef1fbb2a769048762b0df564cf3f14c81811' }, this.prize.group_title)), h("div", { key: '153838aabc9e504caa3102bdbb721ab0c852c2bc', class: "s-loyalty-program-reward-name" }, h("div", { key: '41912955a08eb622749e338dbd69fd156c9ca362', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: '140fa6a178f9c9482d228af4b49f945eb8c21269', class: "p-4" }, h("slot", { key: '85f16bf8adb84fb5170da451584e67c6ef1690ef', name: "action" }, h("button", { key: 'c51fbcf6213b6f3573e6d9477511c8ceda3a934d', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [4, "salla-reward-card", {