@salla.sa/twilight-components 2.14.402 → 2.14.403

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaNotificationsCss = "";
 
@@ -12,7 +12,7 @@ const SallaNotificationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("a", { key: 'c568ebb15db1854f8f32ffa406f4751b16e67e4d', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, index.h("span", { key: 'af8ce6607fb53b0459673aec66d4e4453fa13f94', class: "s-notifications-item-icon" }, index.h("i", { key: '9a55f3c72eb6bef64f58e24395bab8f787c084ed', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), index.h("div", { key: '20559c46d9087d602c83f82f409c5fa43966a8de', class: "s-notifications-item-content" }, index.h("div", { key: '22a21adb2253a0db5d9d404ba196fe1a2094c7ff', class: "s-notifications-item-content-leading" }, index.h("h4", { key: '3a07031fe0e697a4c818dece184623bd13249f30' }, this.notification.title), index.h("p", { key: 'a481734126292bbb2b22f4a326d7a489131a0828' }, this.notification.sub_title)), index.h("span", { key: 'adad90fe0b72bd92363d53c8ffcc39602da00399', class: "s-notifications-item-content-trailing" }, index.h("i", { key: '65401a987fd64c6647f1cabc4d802f6c835f0e61', class: "sicon-time s-notifications-item-content-trailing-icon" }), index.h("span", { key: '1c73bdb085cb3e5c3ecaea7352d3112b9facdf38' }, this.notification.date))));
+        return index.h("a", { key: 'c134f5fc8901762ed8fa4a53aed5fd5ec62df689', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, index.h("span", { key: '78fbafd1dd2998dba7e3a1ad8b34cbeb9e962cf2', class: "s-notifications-item-icon" }, index.h("i", { key: '61357a8087938b3ffae36387a6d8b79979704dba', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), index.h("div", { key: '67c85332e868f4dbb2099524e441d64211d1ba1f', class: "s-notifications-item-content" }, index.h("div", { key: 'c7f79cb902edd54f171b8e3c089aa0f6795ca2a2', class: "s-notifications-item-content-leading" }, index.h("h4", { key: '078d34e4cc8093ded2dc3c948100337acfe0101e' }, this.notification.title), index.h("p", { key: '30c20f5308761bcd4011052b2fc8c6f87698a8f9' }, this.notification.sub_title)), index.h("span", { key: 'db1f387f53c747bccb3836cf8622f9f67af3a654', class: "s-notifications-item-content-trailing" }, index.h("i", { key: '2f662b2dbff1487831681586c15d17c1a2e68eaa', class: "sicon-time s-notifications-item-content-trailing-icon" }), index.h("span", { key: '119e37704dc78372f3340fc33df69e20b666a7c5' }, this.notification.date))));
     }
 };
 SallaNotificationItem.style = sallaNotificationsCss;

package/dist/cjs/salla-notifications.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-offer-modal.cjs.entry.js

@@ -3,21 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 var specialDiscount = require('./special-discount-DC2oXurL.js');
-
-var Tag = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>tag</title>
-<path d="M28 0h-9.344c-1.059 0-2.056 0.411-2.809 1.153l-14.673 14.456c-1.56 1.56-1.561 4.097-0.001 5.657l9.56 9.56c0.755 0.755 1.76 1.172 2.828 1.173h0.003c1.068 0 2.072-0.416 2.833-1.179l14.451-14.668c0.743-0.753 1.153-1.751 1.153-2.809v-9.344c0-2.205-1.795-4-4-4zM29.333 13.344c0 0.353-0.137 0.685-0.385 0.937l-14.444 14.661c-0.252 0.252-0.587 0.391-0.941 0.391-0.001 0-0.001 0-0.001 0-0.356-0.001-0.691-0.139-0.943-0.392l-9.561-9.56c-0.52-0.52-0.52-1.365-0.005-1.88l14.667-14.449c0.253-0.248 0.585-0.385 0.937-0.385h9.344c0.736 0 1.333 0.597 1.333 1.333zM24 6.673c-0.737 0-1.333 0.604-1.333 1.341s0.596 1.333 1.333 1.333 1.333-0.596 1.333-1.333v-0.015c0-0.737-0.596-1.327-1.333-1.327z"></path>
-</svg>
-`;
-
-var Cart2 = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>cart2</title>
-<path d="M6.845 5.333l-1.905-5.333h-3.607c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333v0h1.727l5.72 16.012c0.569 1.56 2.039 2.654 3.765 2.655h12.133c0.001 0 0.002 0 0.003 0 1.825 0 3.364-1.222 3.845-2.892l0.007-0.028 3.161-13.080zM25.96 17.716c-0.167 0.554-0.672 0.951-1.27 0.951-0.002 0-0.005 0-0.007-0h-12.133c-0.575-0-1.065-0.364-1.252-0.875l-0.003-0.009-3.497-9.783h20.508zM13.333 24c-2.209 0-4 1.791-4 4s1.791 4 4 4c2.209 0 4-1.791 4-4v0c0-2.209-1.791-4-4-4v0zM13.333 29.333c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333c0.736 0 1.333 0.597 1.333 1.333v0c0 0.736-0.597 1.333-1.333 1.333v0zM24 24c-2.209 0-4 1.791-4 4s1.791 4 4 4c2.209 0 4-1.791 4-4v0c0-2.209-1.791-4-4-4v0zM24 29.333c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333c0.736 0 1.333 0.597 1.333 1.333v0c0 0.736-0.597 1.333-1.333 1.333v0z"></path>
-</svg>
-`;
+var tag = require('./tag-D-PcUR33.js');
+var cart2 = require('./cart2-B98PSAFN.js');
 
 const sallaOfferModalCss = ".s-offer-modal-type-products .s-modal-body{min-height:690px;position:relative}";
 
@@ -187,7 +176,7 @@ const SallaOfferModal = class {
         }
         else if (this.offer.get.categories?.length) {
             return index.h("salla-slider", { type: "carousel", class: { "s-offer-modal-slider-centered": this.offer.get.categories?.length <= 2, "s-offer-modal-slider": true }, id: "offer-modal-slider", "controls-outer": true, "show-controls": this.offer.get.categories?.length <= 2 ? 'false' : 'true' }, index.h("div", { slot: 'items' }, this.offer.get.categories.map(category => index.h("a", { href: category.urls.customer, class: "s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-cat-item", innerHTML: this.categorySlot
-                    .replace(/\{tagIcon\}/g, Tag)
+                    .replace(/\{tagIcon\}/g, tag.SITag)
                     .replace(/\{name\}/g, category.name)
                     .replace(/\{url\}/g, category.urls.customer) }))));
         }
@@ -211,7 +200,7 @@ const SallaOfferModal = class {
     //       '</div>';
     //   }
     render() {
-        return index.h("salla-modal", { key: '897f81ff7d0b0415075cd0a5d546b1dccb67916f', "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 : ''}` }, index.h("div", { key: '3b6909ea6be039e857ec72e1b58e92296fa7112a', slot: 'loading' }, index.h("div", { key: '297819c01b8aa686ea23aa2a3c7b652329e53831', class: "s-offer-modal-skeleton" }, index.h("div", { key: '28445bb4ee235498777153083e9538646ac9090a', class: "s-offer-modal-skeleton-header" }, index.h("salla-skeleton", { key: '1e1b263a489b431cf72fcccd7ce9b104ee1c14b5', type: 'circle', height: '80px', width: '80px' }), index.h("salla-skeleton", { key: 'e0741d35d28615f4a24988a1896239ee46a574a7', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: 'ff6bbd049888bf003fce59045df80df81f65df73', height: '10px', width: '30%' })), index.h("div", { key: 'ef5a6f218efacf3534828a7612a01ff9fcf13589', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => index.h("div", { class: "s-offer-modal-skeleton-item" }, index.h("salla-skeleton", { height: '9rem' }), index.h("div", { class: "s-offer-modal-skeleton-item-title" }, index.h("salla-skeleton", { height: '15px', width: '100%' })), index.h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, index.h("salla-skeleton", { height: '9px', width: '50%' }), index.h("div", { innerHTML: Cart2 }))))), index.h("div", { key: '2eda217eeb9c8e1b3019f3cee8790b56ed57e245', class: "s-offer-modal-skeleton-footer" }, index.h("salla-skeleton", { key: 'eb05f2002be23602919b118d7b8f3c0d355fadec', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: '7350610c6b4b48b5bb8de0d674555c3001b14909', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return index.h("salla-modal", { key: '8be68e5882a9cbb1f4286f765f5db3ce88689c16', "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 : ''}` }, index.h("div", { key: '570bcafe6a1a00534b26ee25aa154e46594cb662', slot: 'loading' }, index.h("div", { key: 'baee23d1ad4429e8663fcf043004bf0747fe47de', class: "s-offer-modal-skeleton" }, index.h("div", { key: '1c6967ecfb17092c48247c17c2ce86b8ca048c77', class: "s-offer-modal-skeleton-header" }, index.h("salla-skeleton", { key: 'a6ce5a415d4e6350c2467d7d3c070fddaeccd074', type: 'circle', height: '80px', width: '80px' }), index.h("salla-skeleton", { key: '2d65ed027b9fff7eae7ecbb372f9e584a0334cf5', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: '247706c9ddf7d2b9f96c7ea2deac960de3449017', height: '10px', width: '30%' })), index.h("div", { key: 'b5c9fec6565313706e2d6b73e2f060e4b216ffbc', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => index.h("div", { class: "s-offer-modal-skeleton-item" }, index.h("salla-skeleton", { height: '9rem' }), index.h("div", { class: "s-offer-modal-skeleton-item-title" }, index.h("salla-skeleton", { height: '15px', width: '100%' })), index.h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, index.h("salla-skeleton", { height: '9px', width: '50%' }), index.h("div", { innerHTML: cart2.SICart2 }))))), index.h("div", { key: '58e2d38061e8e4434113b1fc16f3601969e342da', class: "s-offer-modal-skeleton-footer" }, index.h("salla-skeleton", { key: 'c388e246236e4849e5d97592ea6a803e6409083f', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: '4ccd783b15647cf62f1b5b4d760f3e7feead7bfb', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [index.h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: specialDiscount.SpecialDiscountIcon }), this.getOfferContent(), index.h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     index.h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', index.h("label", { class: "s-offer-modal-remember-label" }, index.h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

package/dist/cjs/salla-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/cjs/salla-order-details-options.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-order-details.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaOrderDetailsCss = "";
 
@@ -39,7 +39,7 @@ const SallaOrderDetails = class {
         ];
     }
     render() {
-        return index.h(index.Host, { key: '880b4567c82b94af07c1bcb0303c64516fb0791b', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return index.h(index.Host, { key: '41599687bddf4d4b9eda3572ce39b93a0d8f596d', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

package/dist/cjs/salla-order-edit-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaOrderEditItemCss = "";
 

package/dist/cjs/salla-order-edit.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaOrderEditCss = "";
 

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
-var check = require('./check-x3w3-gpj.js');
+var index = require('./index-DdhkQnYm.js');
+var check = require('./check-BnVBPQNp.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -92,8 +92,8 @@ const SallaOrderSummary = class {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (index.h("ul", { key: 'bb16ccab71851d8853fae1b08b66c9c3bb590766', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
-            this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.iconCheck : iconCopy }), index.h("span", null, this.copy_text))))))) :
+        return (index.h("ul", { key: 'bb8c8e2c3a44f0922012789efc9a73d71fd213d5', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
+            this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.SICheck : iconCopy }), index.h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), index.h("ul", null, item.files.map((file) => (index.h("li", { class: "s-order-summary-digital-item-wrapper" }, index.h("div", null, index.h("span", { innerHTML: iconFileArchive }), index.h("span", null, file.name)), index.h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, index.h("span", { innerHTML: iconDownload }), index.h("span", null, this.download_text)))))))) : null))));
     }
 };

package/dist/cjs/salla-order-totals-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

package/dist/cjs/salla-orders.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-payments.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 
@@ -36,12 +36,12 @@ const SallaPayments = class {
     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 (index.h(index.Host, { key: '6afc19aa3f0a72847228c7de6c783c3ba9f38ee9', class: "s-payments-list-wrap" }, index.h("ul", { key: '8311e5bc5aa86535d77ccad64b56c5ddb3028f87', class: "s-payments-list" }, madeInKSA && index.h("li", { key: '5b8769a8c89273363e835905de1cd9f02fec1df6', class: "s-payments-list-item" }, index.h("img", { key: '7b42b4a0a14f4bdab3138e79c37ad62e74247732', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (index.h(index.Host, { key: '3e44396c845375f9147a4dd036fe63f299787a6f', class: "s-payments-list-wrap" }, index.h("ul", { key: '476cc234749bb57898769d1089d718995da9ae12', class: "s-payments-list" }, madeInKSA && index.h("li", { key: '2bbe346520331ca8bff96a5fb8f4628093422e61', class: "s-payments-list-item" }, index.h("img", { key: 'a281cc6e6bf4cdfc8fa4948c86a9b1b024bca8b8', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             index.h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             index.h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && index.h("div", { key: '253ef6d5520979a22c48f1e63c53eab3fd5e21ad', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && index.h("div", { key: 'ef5bbf9934a50015e2eb588f41ec9b5f86341dea', 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/cjs/salla-placeholder.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -43,7 +43,7 @@ const SallaPlaceholder = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '5b47d9b6a9428741dfb434aeb60e648c416978e8', class: this.alignmentClass() }, index.h("div", { key: 'e9b7adc6596ac9d237dd6902f880885851a3f357', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index.h("div", { key: '7ccee11d11b9f0e7c10fedb316c1b92b1977d0c9', class: "s-placeholder-title" }, index.h("slot", { key: '4ebd518a89fdbb490b50fb5ce255bbddd467844a', name: 'title' }, index.h("span", { key: 'c4d27cffdfb98c33ec1ccfe375e0540be2ac7b63' }, salla.lang.get('common.elements.no_options')))), index.h("div", { key: '967b688ef6d2aae128c21edf496b42d1fd804afa', class: "s-placeholder-description" }, index.h("slot", { key: '2e5bb58b4ed6ebafd18b12e291bc90fba7296965', name: 'description' }, index.h("span", { key: '83f78b4924b97cec60dd1d6e25f4ddf0eefb324a' }, salla.lang.get('common.errors.empty_results'))))));
+        return (index.h(index.Host, { key: '85a52f39cc2012ca1a3c6d143d06b81981d761aa', class: this.alignmentClass() }, index.h("div", { key: '35be844bc3883f3451344bbeedb4b24f9c218f7a', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index.h("div", { key: '58152da7774e79fdb09465087b741212a3982cf2', class: "s-placeholder-title" }, index.h("slot", { key: 'f9953085b498043920fd03ae44a082e0fb1a02d2', name: 'title' }, index.h("span", { key: '989633e3165d187c6d3b36e0cdfa2cb10466c6da' }, salla.lang.get('common.elements.no_options')))), index.h("div", { key: 'bfbcbb5a2f9561292e5a6850eb43f5bfea8bd040', class: "s-placeholder-description" }, index.h("slot", { key: '4592587daaaa41c67cd7670eea7d5e7e3d8635d7', name: 'description' }, index.h("span", { key: '4b1e3c4a453b8dbc5139b40ebddb94d8c2d1c465' }, salla.lang.get('common.errors.empty_results'))))));
     }
 };
 SallaPlaceholder.style = sallaPlaceholderCss;

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->
@@ -159,9 +159,9 @@ const SallaPriceRange = class {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (index.h(index.Host, { key: '01971028ddbcb6dd89aec0e1552f4c724c32e76f' }, this.filterValues.map((filterValue, index$1) => {
+        return (index.h(index.Host, { key: '996f527f5a36ea273b0d8c195e35dc3efbdf62f2' }, this.filterValues.map((filterValue, index$1) => {
             return index.h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index$1}`, key: index$1 }, index.h("input", { id: `${this.option.key}-${index$1}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), index.h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), index.h("div", { key: '0961c02c062e2cad89f35fd51cdcbb379965f31c', class: "flex justify-center items-center" }, index.h("div", { key: 'f503bbb2b490dc6908b06c5f1353a6577466cd66', class: "relative max-w-xl w-full" }, index.h("div", { key: '6149d29228345ecd88d2c3e1c4622fd91dba52a2', class: "s-price-range-inputs" }, index.h("div", { key: '8e45f9e8728de535671809d6b71fda57a8c9f763', class: "s-price-range-relative" }, index.h("div", { key: '8cf8df2c549ab8f9bf6bc3fcb89a4155c8acfe0c', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: 'c79d97935d8675ba44e38c28d72513cb4ba4f614', 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" })), index.h("div", { key: 'c2826af5c0d8073d5278dac67f40412e562d6a80', class: "s-price-range-gray-text" }, " -"), index.h("div", { key: '3a1c1641ee465c673dd4914cf4d19acd2d7f6911', class: "s-price-range-relative" }, index.h("div", { key: '2efecf246fb31f52a792e19f3af42da55f5f5407', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: '85dea69e3ae374aff1a6d7f1764346475a8688c8', 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" })), index.h("salla-button", { key: '59722b42d4cd5eef95360b95093772cdd59aed6c', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, index.h("span", { key: '2142e831cb931574a63bb4f6ba12787677fecb1f', innerHTML: this.isRTL ? arrowLeft.arrowLeft : arrowRight })))))));
+        }), index.h("div", { key: 'bfa8f970eb1e9c5d2b9678e5271aa04208b39289', class: "flex justify-center items-center" }, index.h("div", { key: '59cd51f388f36a38e2bd036d27b7abe001fed9d0', class: "relative max-w-xl w-full" }, index.h("div", { key: '226bd18705572502c7da11022a8ce02dc08d4d21', class: "s-price-range-inputs" }, index.h("div", { key: '0ebfdced114308e82075cd153bef0020daa15bf6', class: "s-price-range-relative" }, index.h("div", { key: 'c3dacef6133e2b05eca8d643d1c8ce3f5b991548', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: 'b2451e091d93f85f268fc80e30e24f5f71c2628c', 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" })), index.h("div", { key: '00c07380972b65eac5fac5688b99d21277f65d39', class: "s-price-range-gray-text" }, " -"), index.h("div", { key: '403e98ad682f08946ccd191715ff37401a376722', class: "s-price-range-relative" }, index.h("div", { key: 'a1b0729fc40c17b9be68dd2c76a3afa1e99d8a62', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: '5f5e5a202f4b11cde88ae954fa352b71886fe30e', 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" })), index.h("salla-button", { key: 'dd4899512e03f10c18e74f4d2434406dc6922a50', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, index.h("span", { key: '98d023ccfe7e26278259bf690a1d7a4323a704fc', innerHTML: this.isRTL ? arrowLeft.arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/cjs/{salla-product-card.cjs.entry.js → salla-product-card_2.cjs.entry.js}

@@ -3,8 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 var star2 = require('./star2-R146a27p.js');
+var Helper = require('./Helper-CU4Xuiki.js');
+require('./anime.es-BqW8JHZi.js');
 
 var Heart = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -114,14 +116,14 @@ const SallaProductCard = class {
             '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 (index.h(index.Host, { key: '6c9b39e50f045c2511188597128546e440431b24', id: `product-${this.productData?.id}`, class: classes }, index.h("div", { key: '69813dd46d8df8298835d6de6faca959f2645c6b', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, index.h("a", { key: '67080662eb9a5ff4af903b6e57f029925565138b', ...hrefProp }, index.h("img", { key: '8e7a60fff16a8e4f7b27f19aae1c39a16ce8cadd', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (index.h(index.Host, { key: 'e0981508ab81f2a0bed4b763829d25792e55a692', id: `product-${this.productData?.id}`, class: classes }, index.h("div", { key: '8ed3f18aa60f4c63fcd8a5603683f76c6ec247a8', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, index.h("a", { key: 'e412236f624d180312a7361c0bb43f4af05ac868', ...hrefProp }, index.h("img", { key: 'a8517f1f3c5c2d15489aa5509bb667fb3ce98ca6', 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 && index.h("a", { key: '648cf477ab6ded2d2c02dbf6957d68365524c847', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            index.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() }, index.h("span", { innerHTML: Heart })) : ''), index.h("div", { key: 'a2ed73abfe91993ded6e84f6f493ea50ee0899a9', 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 && index.h("a", { key: '9b0841267856eeaf8fd3f44df9e11a2e82ea2554', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            index.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() }, index.h("span", { innerHTML: Heart })) : ''), index.h("div", { key: 'f027bc5aa8d3e46eeff5e0c2f22c33f06298884c', class: "s-product-card-content" }, this.isSpecial && this.productData?.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(this.productData?.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", { key: '09fd5336d5c9d454620a91be8271399b938bb1f4', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { key: 'c915604dafa02d6ba50e6e9933edbd57149e7a56', class: "s-product-card-content-title" }, index.h("a", { key: '2b80635accb51545b72baf7ff57a115a62457613', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', index.h("div", { key: '942aed0114c9155a7b397261032ec3d5f3bbf983', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { key: '82e874903e2391cbda7df6cdbb41422341f66476', class: "s-product-card-content-title" }, index.h("a", { key: 'be7e564d2341c97d8431fa49e6a176548183929c', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             index.h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [index.h("salla-progress-bar", { donation: this.productData?.donation }), index.h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -130,7 +132,7 @@ const SallaProductCard = class {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', index.h("div", { key: '12613a96e7d914ea156470305c28a7449a3dcb9b', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', index.h("div", { key: 'f565ee76394a00c047cdf3abacacdc351565ba1d', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
             index.h("div", { class: "s-product-card-rating" }, index.h("span", { innerHTML: star2.Star }), 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 })
@@ -156,4 +158,116 @@ const SallaProductCard = class {
 };
 SallaProductCard.style = sallaProductCardCss;
 
+const sallaProductsSliderCss = "";
+
+const SallaProductsSlider = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Custom Card Component for the Salla Products Slider.
+         *
+         * This component allows you to customize the appearance of individual product cards within a Salla Products Slider.
+         *
+         * @example
+         * <salla-products-slider product-card-component="my-custom-card-style1" ...
+         * <salla-products-slider product-card-component="my-custom-card-style2" ...
+         */
+        this.productCardComponent = 'custom-salla-product-card';
+        this.apiUrl = '';
+    }
+    componentWillLoad() {
+        return salla.onReady()
+            .then(() => {
+            //TODO:: check why `this.includes` not working!!
+            this.includes = Helper.Helper.parseJson(this.includes || this.host.getAttribute('includes'));
+            if (!Array.isArray(this.includes)) {
+                this.includes = null;
+            }
+            Helper.Helper.setIncludes(this.includes);
+            this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());
+            if (!this.sourceValueIsValid) {
+                salla.logger.warn(`source-value prop is required for source [${this.getSource()}]`);
+                return;
+            }
+            this.hasCustomComponent = !!customElements.get(this.productCardComponent);
+            if (this.source === 'json') {
+                this.productsData = this.getSourceValue();
+                this.isReady = true;
+                return;
+            }
+            if ((this.getSource() == 'related' && !salla.config.get('store.settings.product.related_products_enabled'))) {
+                this.isReady = false;
+                return;
+            }
+            return salla.api.withoutNotifier(() => salla.product.api.fetch({
+                source: Helper.Helper.getApiSource(this.getSource()),
+                source_value: this.getSourceValue(),
+                limit: this.limit
+            }))
+                .then(response => Helper.Helper.injectExtraFieldsToResponse(response))
+                .then(response => {
+                this.productsData = response.data;
+                this.isReady = true;
+                response.source = this.getSource();
+                response.sourceValue = this.getSourceValue();
+                salla.event.emit('salla-products-slider::products.fetched', response.data);
+            });
+        });
+    }
+    componentDidRender() {
+        let processedCount = 0;
+        const intervalId = setInterval(() => {
+            this.host.querySelectorAll('[loading="lazy"]')?.forEach(img => img.removeAttribute('loading'));
+            processedCount++;
+            if (processedCount >= 10) {
+                clearInterval(intervalId);
+            }
+        }, 1000);
+    }
+    async componentDidLoad() {
+        await Salla.hooks.registerComponent('salla-products-slider', this);
+    }
+    isSourceWithoutValue() {
+        return ['offers', 'latest', 'sales', 'top-rated'].includes(this.getSource());
+    }
+    getItemHTML(product) {
+        //as a request they don't want to let the user to open the product details
+        //todo:: find a better way to handle this request
+        const isLandingPage = this.getSource() === 'landing-page';
+        isLandingPage && (product.url = '');
+        const handleClick = isLandingPage ? undefined : () => {
+            Helper.Helper.saveProductSource(this.getSource());
+        };
+        if (this.hasCustomComponent && this.productCardComponent.toLowerCase() == 'custom-salla-product-card') {
+            return index.h("div", { class: "s-products-slider-card", onClick: handleClick }, index.h("custom-salla-product-card", { product: product, source: this.getSource(), "source-value": this.getSourceValue() }));
+        }
+        if (this.hasCustomComponent) {
+            const customElem = document.createElement(this.productCardComponent);
+            customElem.setAttribute('product', JSON.stringify(product));
+            customElem.setAttribute('source', this.getSource());
+            customElem.setAttribute('source-value', this.getSourceValue());
+            return index.h("div", { class: "s-products-slider-card", onClick: handleClick, innerHTML: customElem.outerHTML });
+        }
+        return index.h("div", { class: "s-products-slider-card", onClick: handleClick }, index.h("salla-product-card", { "show-quantity": isLandingPage, "hide-add-btn": isLandingPage, "shadow-on-hover": true, product: product }));
+    }
+    canRender() {
+        return this.sourceValueIsValid && this.isReady;
+    }
+    getSource() {
+        return Helper.Helper.getProductsSource(this.source);
+    }
+    getSourceValue() {
+        return Helper.Helper.getProductsSourceValue(this.source, this.sourceValue);
+    }
+    render() {
+        if (!this.canRender()) {
+            return;
+        }
+        return (index.h(index.Host, { class: "s-products-slider-wrapper" }, index.h("salla-slider", { class: "s-products-slider-slider", id: this.sliderId || `s-products-slider-${Math.random().toString(36).substr(2, 9)}`, ...(this.sliderProps || {}), "auto-play": this.autoplay, type: "carousel", "block-title": this.blockTitle, "block-subTitle": this.subTitle, "display-all-url": this.displayAllUrl, sliderConfig: this.sliderConfig ? this.sliderConfig : null }, index.h("div", { slot: "items" }, this.productsData?.map(product => this.getItemHTML(product))))));
+    }
+    get host() { return index.getElement(this); }
+};
+SallaProductsSlider.style = sallaProductsSliderCss;
+
 exports.salla_product_card = SallaProductCard;
+exports.salla_products_slider = SallaProductsSlider;

package/dist/cjs/salla-product-size-guide.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -53,11 +53,11 @@ const SallaProductSizeGuide = class {
         return index.h("salla-placeholder", { alignment: "center", iconSize: "xl" }, index.h("div", { slot: "title" }, this.placeholder_title), index.h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (index.h("salla-modal", { key: '7f3163771a6fe805ee75842c83c792b6a7dd0a2b', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, index.h("span", { key: '6358583b137c5aa191d0b0b5a3f91a8934340271', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), index.h("div", { key: 'de9f920cd4c75f8089c7f3c426965e4551ffc77b', slot: "loading" }, index.h("div", { key: '67cb37e30e211233c10b14ad4d91bc5c5b24da6d', class: "s-product-size-guide-skeleton" }, index.h("salla-skeleton", { key: '28cca753f94de6eaee5dce72929d0df79ee5fa04', height: '15px', width: '25%' }), index.h("div", { key: 'a5281ef076771baaca25938ee50d16ab2d720753', class: "s-product-size-guide-skeleton-header" }, index.h("salla-skeleton", { key: 'a1d4a72b246a6a47c7b7d4bdbbb9404f00cda07f', height: '40px' }), index.h("salla-skeleton", { key: '1928477107338585e9ede41e2770b2269af3931c', height: '40px' }), index.h("salla-skeleton", { key: 'f8066e7ea05f580eec61529cfe24f3610b009ac6', height: '40px' }), index.h("salla-skeleton", { key: '3fdc216da7789b27061a2a9ef7f0abe96677d7c1', height: '40px' })), index.h("div", { key: '957b3b2951821bfd8bf6d382777a9f680c4e36ed', class: "s-product-size-guide-skeleton-content" }, index.h("salla-skeleton", { key: '49f609d34eae8f4c0256a559bd12396bdbd4b996', height: '15px', width: '25%' }), index.h("salla-skeleton", { key: '2c20035b717f0b35212b066f39030bfbd17a597b', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '2e003fe9f76575c9b60b0aa86d650091213d8bb7', height: '10px', width: '50%' }), index.h("salla-skeleton", { key: 'ae28bd7c1770938e2a02b23a960bad255d59329e', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '3737f5b2d81b852e4c2b269bd61e73740341e32a', height: '10px', width: '100%' }), index.h("salla-skeleton", { key: 'e7e82f9ba968478ab38b1e9db94a98f2162b4e73', height: '10px', width: '25%' }), index.h("salla-skeleton", { key: 'd97efa180720f9ac39fa9bdb17f73cc27fb4a3f0', height: '10px', width: '60%' }), index.h("salla-skeleton", { key: 'ff3934e9aa7f58cbec9b42c772f7ee30e7cd69ea', height: '10px', width: '45%' }), index.h("salla-skeleton", { key: '5bc02f885b39fd6585a40f38299610e181414c43', height: '10px', width: '30%' })))), index.h("slot", { key: 'b8d469ede8c64d77c57888b08b749e5642da90b1', name: "header" }), !this.hasError && !!this.guides ?
+        return (index.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 }, index.h("span", { key: '48f9e18ebfec9999dc856fe3c7bca7854e4f53b3', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), index.h("div", { key: '9fc445cfb72dfdd5d0d306419041aa9f3acafb66', slot: "loading" }, index.h("div", { key: 'f5dbfb1560940a691f891e7d41eca22977693d79', class: "s-product-size-guide-skeleton" }, index.h("salla-skeleton", { key: 'c6790017016fc8b471601bf093051f80183645c9', height: '15px', width: '25%' }), index.h("div", { key: 'ba72c67c7b26e62ed4548444ba9083f83816f59e', class: "s-product-size-guide-skeleton-header" }, index.h("salla-skeleton", { key: '4fd934c7bf103bcd937028bacda524915a40f76a', height: '40px' }), index.h("salla-skeleton", { key: '3754ae6eca3938380261e221f6941b2ef2a381dd', height: '40px' }), index.h("salla-skeleton", { key: 'a2007afe625ce45713b3a2f64a62cf0da101c1e9', height: '40px' }), index.h("salla-skeleton", { key: '7ed982fa2c6c862bf724fa1b1dc059db2f5dbc41', height: '40px' })), index.h("div", { key: '3914b9dde80d2257a55b0aa156f61df5936f1bb5', class: "s-product-size-guide-skeleton-content" }, index.h("salla-skeleton", { key: '51b96df249504517e4c3fe1098be2937cbaeef63', height: '15px', width: '25%' }), index.h("salla-skeleton", { key: 'd5844e3c91eddc4821b97cc9991a2441dd0bb117', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '976e70a0aa160dd9b4dbe4d0f9f0675f5c3308ea', height: '10px', width: '50%' }), index.h("salla-skeleton", { key: '1baf5286915a708ea68850c9c82e7970c6521c86', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '8ecc89a3defd83637936023b0d0841c55c6799cd', height: '10px', width: '100%' }), index.h("salla-skeleton", { key: 'eb90ea350d6947596688595bb898a8c3a8dcac39', height: '10px', width: '25%' }), index.h("salla-skeleton", { key: '282d747e764c2761aa4b68f145467371acd66f32', height: '10px', width: '60%' }), index.h("salla-skeleton", { key: '610491fa3769027ceebec2ab46e7166d0bfac9f2', height: '10px', width: '45%' }), index.h("salla-skeleton", { key: '8162ba3bec487efe6fa1c0adf2355bd175d8310a', height: '10px', width: '30%' })))), index.h("slot", { key: 'b55b29cfeb52e41c0c56a79bded075fda7f49fab', name: "header" }), !this.hasError && !!this.guides ?
             [
                 index.h("salla-tabs", null, this.guides.map((guide) => index.h("salla-tab-header", { slot: "header", name: guide.name }, index.h("span", null, guide.name))), this.guides.map((guide) => index.h("salla-tab-content", { slot: "content", name: guide.name }, index.h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), index.h("slot", { key: '04df3ec4386e0beff2d18cc9df73dc427e9cf507', name: "footer" })));
+            : this.showPlaceholder(), index.h("slot", { key: '6e37eb73078f786ce5dda8cf9ed6bae16eb3acfc', name: "footer" })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/salla-products-list.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-progress-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 
 const sallaProgressBarCss = "";
 

package/dist/cjs/salla-quick-order.cjs.entry.js

@@ -3,9 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
-var mail = require('./mail-CO8cFZH7.js');
-var cancel = require('./cancel-De6vslRA.js');
+var index = require('./index-DdhkQnYm.js');
+var iphoneX = require('./iphone-x-qC21wCLj.js');
+var mail = require('./mail-Bgvt2hc9.js');
+var cancel = require('./cancel-B5SbMYEk.js');
 
 var CelebrationIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -21,13 +22,6 @@ var PortraitIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-var IphoneXIcon = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>iphone-x</title>
-<path d="M24 0h-16c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h16c2.205 0 4-1.795 4-4v-24c0-2.205-1.795-4-4-4zM25.333 28c0 0.736-0.597 1.333-1.333 1.333h-16c-0.736 0-1.333-0.597-1.333-1.333v-24c0-0.735 0.597-1.333 1.333-1.333h4c0 1.471 1.196 2.667 2.667 2.667h2.667c1.471 0 2.667-1.196 2.667-2.667h4c0.736 0 1.333 0.599 1.333 1.333z"></path>
-</svg>
-`;
-
 const sallaQuickOrderCss = ".s-quick-order-expandable:not(.s-quick-order-shown){overflow:hidden}";
 
 const SallaQuickOrder = class {
@@ -215,10 +209,10 @@ const SallaQuickOrder = class {
                 } }, index.h("i", { innerHTML: CelebrationIcon }), index.h("span", null, this.thanksMessage))));
         }
         return (index.h(index.Host, { class: `s-quick-order s-quick-order-${this.getDarkOrLight()}` }, index.h("div", { class: `s-quick-order-container s-quick-order-${this.quickOrderStyle}`, style: { backgroundColor: this.getStyleColor() } }, index.h("div", { class: "s-quick-order-button-cont" }, index.h("div", null, index.h("h3", null, this.quickOrderTitle), index.h("p", null, this.subTitle)), index.h("salla-button", { class: this.expanded ? "s-quick-order-btn-close" : "", onClick: (e) => this.submit(e, true), color: this.getBtnColor() }, this.oneClick
-            ? this.confirmPayButtonTitle : this.expanded ? index.h("i", { innerHTML: cancel.Cancel }) : this.confirmPayButtonTitle)), index.h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&
+            ? this.confirmPayButtonTitle : this.expanded ? index.h("i", { innerHTML: cancel.SICancel }) : this.confirmPayButtonTitle)), index.h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&
             [
                 index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: PortraitIcon }), index.h("input", { type: "text", required: true, class: "s-form-control s-quick-order-phone-field", name: 'name', placeholder: this.userNameLabel, ref: el => (this.nameInput = el) })),
-                index.h("div", { class: "s-quick-order-flex-input" }, index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: IphoneXIcon }), index.h("salla-tel-input", { ref: el => (this.phoneInput = el) })), index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: mail.MailIcon }), index.h("input", { type: "email", class: "s-form-control s-quick-order-email-field", name: 'email', required: this.isEmailRequired, placeholder: this.placeHolderEmail + ' ' + (this.isEmailRequired ? '' : this.emailOptional), ref: el => (this.emailInput = el) }))),
+                index.h("div", { class: "s-quick-order-flex-input" }, index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: iphoneX.SIiPhoneX }), index.h("salla-tel-input", { ref: el => (this.phoneInput = el) })), index.h("div", { class: "s-form-group" }, index.h("span", { innerHTML: mail.SIMail }), index.h("input", { type: "email", class: "s-form-control s-quick-order-email-field", name: 'email', required: this.isEmailRequired, placeholder: this.placeHolderEmail + ' ' + (this.isEmailRequired ? '' : this.emailOptional), ref: el => (this.emailInput = el) }))),
             ], this.isTermsRequired && (index.h("label", { htmlFor: "terms", class: "s-quick-order-terms" }, index.h("input", { type: "checkbox", required: true, name: 'terms', id: 'terms', ref: el => (this.termsInput = el), onChange: () => (this.termsChecked = this.termsInput.checked), class: "s-checkbox" }), index.h("span", { class: "s-form-label" }, " ", index.h("div", { innerHTML: this.formatAgreementText(this.agreementText, 150) }, this.agreementText.length > 150 && (index.h("salla-button", { shape: "link", onClick: () => this.agreementModal.open() }, this.agreementShowText))), " "))), index.h("salla-button", { type: "submit", color: this.getBtnColor(), width: "wide", ref: el => (this.submitBtn = el) }, this.payButtonTitle)), index.h("salla-modal", { "modal-title": this.agreementModalHead, ref: modal => (this.agreementModal = modal) }, index.h("article", { innerHTML: this.agreementText })))));
     }
     componentDidLoad() {

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-DdhkQnYm.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 var image = require('./image-BoZ6Hums.js');
 var whatsapp2 = require('./whatsapp2-BdMd5Gx1.js');
-var mail = require('./mail-CO8cFZH7.js');
+var mail = require('./mail-Bgvt2hc9.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 var ShippingFast = `<!-- Generated by IcoMoon.io -->
@@ -436,7 +436,7 @@ const SallaRatingModal = class {
                         ? index.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, index.h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
                             ? index.h("div", { class: "s-rating-modal-rounded-icon" }, index.h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
                             : index.h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), index.h("div", { class: "s-rating-modal-title" }, " ", `${salla.lang.get('pages.rating.rate_shipping')} ${this.order.shipping.company.name}`), index.h("div", { class: "s-rating-modal-stars-company" }, index.h("salla-rating-stars", { withLabel: true, size: "large" })), index.h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), index.h("small", { class: "s-rating-modal-validation-msg" }))
-                        : '', index.h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, index.h("span", { class: "s-rating-modal-icon", innerHTML: checkCircle2.CheckCircle2 }), index.h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), index.h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), index.h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), this.allowContactSupport && this.showContactWidget && (salla.config.get('store.contacts.whatsapp') || salla.config.get('store.contacts.email')) ? index.h("div", { class: "s-rating-modal-contact" }, index.h("p", null, this.contactUsLabel), index.h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && index.h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: whatsapp2.WhatsappIcon }), salla.config.get('store.contacts.email') && index.h("span", { onClick: () => this.handleSendEmail(), innerHTML: mail.MailIcon }))) : '', index.h("div", { class: "s-rating-modal-footer" }, index.h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? index.h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map((v) => index.h("li", { key: v, class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', index.h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next')))]
+                        : '', index.h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, index.h("span", { class: "s-rating-modal-icon", innerHTML: checkCircle2.CheckCircle2 }), index.h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), index.h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), index.h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), this.allowContactSupport && this.showContactWidget && (salla.config.get('store.contacts.whatsapp') || salla.config.get('store.contacts.email')) ? index.h("div", { class: "s-rating-modal-contact" }, index.h("p", null, this.contactUsLabel), index.h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && index.h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: whatsapp2.WhatsappIcon }), salla.config.get('store.contacts.email') && index.h("span", { onClick: () => this.handleSendEmail(), innerHTML: mail.SIMail }))) : '', index.h("div", { class: "s-rating-modal-footer" }, index.h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? index.h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map((v) => index.h("li", { key: v, class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', index.h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next')))]
                 : index.h("salla-placeholder", { alignment: "center" }))));
         }
     }