@salla.sa/twilight-components 2.14.401 → 2.14.403

package/dist/collection/components/salla-loyalty-program/translations.js

@@ -0,0 +1,290 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+const translations = {
+    'currency.usd': {
+        ar: 'دولار',
+        en: 'USD',
+    },
+    'pages.loyalty_program.your_points': {
+        ar: 'نقاطك',
+        en: 'Your points',
+    },
+    'pages.loyalty_program.how_to_start': {
+        ar: 'كيف تبدأ؟',
+        en: 'How to Start?',
+    },
+    'pages.loyalty_program.three_simple_steps': {
+        ar: 'ثلاث خطوات بسيطة تفصلك عن مكافآت رائعة!',
+        en: 'Three simple steps separate you from great rewards!',
+    },
+    'pages.loyalty_program.two_simple_steps': {
+        ar: 'خطوات بسيطة تفصلك عن المزيد من نقاط الولاء!',
+        en: 'Two simple steps separate you from great rewards!',
+    },
+    'pages.loyalty_program.register': {
+        ar: 'سجِّل',
+        en: 'Register',
+    },
+    'pages.loyalty_program.create_account': {
+        ar: 'أنشئ حساب جديد أو سجِّل الدخول لحسابك.',
+        en: 'Create a new account or log in to your account.',
+    },
+    'pages.loyalty_program.earn_points': {
+        ar: 'اكسب نقاط',
+        en: 'Earn Points',
+    },
+    'pages.loyalty_program.complete_tasks': {
+        ar: 'أكمل مهام محددة لتتمكن من أخذ عدد من نقاط الولاء.',
+        en: 'Complete specific tasks to earn a number of loyalty points.',
+    },
+    'pages.loyalty_program.redeem_rewards': {
+        ar: 'استبدلها بمكافآت',
+        en: 'Redeem Rewards',
+    },
+    'pages.loyalty_program.enjoy_rewards': {
+        ar: 'استمتع بالمكافآت المميزة التي تنتظرك في المتجر!',
+        en: 'Enjoy the exclusive rewards waiting for you in the store!',
+    },
+    'pages.loyalty_program.all': {
+        ar: 'الكل',
+        en: 'All',
+    },
+    'pages.loyalty_program.rewards': {
+        ar: 'المكافآت',
+        en: 'Rewards',
+    },
+    'pages.loyalty_program.points': {
+        ar: 'نقطة',
+        en: 'points',
+    },
+    'pages.loyalty_program.redeem_reward': {
+        ar: 'استبدل النقاط',
+        en: 'Redeem Reward',
+    },
+    'pages.loyalty_program.shop_now': {
+        ar: 'تسوق الآن',
+        en: 'Shop Now',
+    },
+    'pages.loyalty_program.out_of_stock': {
+        ar: 'نفدت الكمية',
+        en: 'Out of stock',
+    },
+    'pages.loyalty_program.start_earning_points': {
+        ar: 'ابدأ بكسب النقاط اليوم',
+        en: 'Start Earning Points Today',
+    },
+    'pages.loyalty_program.one_time_points': {
+        ar: 'هذه النقاط تستحق لمرة واحدة',
+        en: 'These points are earned only once',
+    },
+    'pages.loyalty_program.completed': {
+        ar: 'مكتملة',
+        en: 'Completed',
+    },
+    'pages.loyalty_program.show_more': {
+        ar: 'عرض المزيد',
+        en: 'Show More',
+    },
+    'pages.loyalty_program.show_less': {
+        ar: 'عرض أقل',
+        en: 'Show Less',
+    },
+    'currency.sar': {
+        ar: 'ر.س',
+        en: 'SAR',
+    },
+    'pages.loyalty_program.copied': {
+        ar: 'تم النسخ ✓',
+        en: 'Copied ✓',
+    },
+    'pages.loyalty_program.redeem_confirmation': {
+        ar: 'هل أنت متأكد من إستبدال',
+        en: 'Are you sure you want to redeem',
+    },
+    'pages.loyalty_program.for': {
+        ar: 'مقابل',
+        en: 'for',
+    },
+    'pages.loyalty_program.first_order_store_fix_amount': {
+        ar: 'النقاط المستحقة عند اتمام أول طلب من المتجر',
+        en: 'Points earned when completing the first order from the store',
+    },
+    'pages.loyalty_program.first_order_store_for_unit': {
+        ar: 'النقاط المستحقة عند اتمام أول طلب من المتجر بالوحدة',
+        en: 'Points earned when completing the first order from the store for the unit',
+    },
+    'pages.loyalty_program.order_from_app_fix_amount': {
+        ar: 'النقاط المستحقة عند اتمام طلب من التطبيق',
+        en: 'Points earned when completing an order from the app',
+    },
+    'pages.loyalty_program.order_from_app_for_unit': {
+        ar: 'النقاط المستحقة عند اتمام طلب من التطبيق بالوحدة',
+        en: 'Points earned when completing an order from the app for the unit',
+    },
+    'pages.loyalty_program.step_1': {
+        ar: 'الخطوة الأولى',
+        en: 'Step One',
+    },
+    'pages.loyalty_program.step_2': {
+        ar: 'الخطوة الثانية',
+        en: 'Step Two',
+    },
+    'pages.loyalty_program.step_3': {
+        ar: 'الخطوة الثالثة',
+        en: 'Step Three',
+    },
+    'pages.loyalty_program.step_4': {
+        ar: 'الخطوة الرابعة',
+        en: 'Step Four',
+    },
+    'pages.loyalty_program.step_5': {
+        ar: 'الخطوة الخامسة',
+        en: 'Step Five',
+    },
+    'pages.loyalty_program.step_6': {
+        ar: 'الخطوة السادسة',
+        en: 'Step Six',
+    },
+    'pages.loyalty_program.affiliate_link_1': {
+        ar: 'شارك أصدقائك رابط المتجر الإلكتروني لزيارته',
+        en: 'Share the store\'s electronic link with your friends to visit it',
+    },
+    'pages.loyalty_program.affiliate_link_2': {
+        ar: 'ادعُ أصدقائك لإنشاء حساباتهم عبر الرابط الذي شاركته',
+        en: 'Invite your friends to create their accounts through the link you shared',
+    },
+    'pages.loyalty_program.affiliate_link_3': {
+        ar: 'اكسب :points نقطة عندما يقوم أصدقاؤك بإتمام أول طلب لهم',
+        en: 'Earn :points points when your friends complete their first order',
+    },
+    'pages.loyalty_program.order_from_pos_1': {
+        ar: 'تسوّق من أحد فروعنا المحددة أدناه',
+        en: 'Shop from one of our selected branches below',
+    },
+    'pages.loyalty_program.order_from_pos_2': {
+        ar: 'شارك رقم الجوال المسجّل بحسابك مع المحاسب',
+        en: 'Share the mobile number registered with your account with the accountant',
+    },
+    'pages.loyalty_program.branches': {
+        ar: 'الفروع',
+        en: 'Branches',
+    },
+    'pages.loyalty_program.shop_from_branches': {
+        ar: 'يمكنك كسب النقاط عبر التسوّق في أحد فروعنا حولك',
+        en: 'You can earn points by shopping at one of our branches around you',
+    },
+    'pages.loyalty_program.branch': {
+        ar: 'فرع',
+        en: 'Branch',
+    },
+    'pages.loyalty_program.free_product': {
+        ar: 'منتج مجاني',
+        en: 'Free Product',
+    },
+    'pages.loyalty_program.coupon_discount': {
+        ar: 'خصم كوبون',
+        en: 'Coupon Discount',
+    },
+    'pages.loyalty_program.free_shipping': {
+        ar: 'شحن مجاني',
+        en: 'Free Shipping',
+    },
+    'pages.loyalty_program.order_minimum_amount': {
+        ar: 'الحد الأدنى للطلب',
+        en: 'Order Minimum Amount',
+    },
+    'pages.loyalty_program.coupon_maximum_amount': {
+        ar: 'أقصى مبلغ للخصم',
+        en: 'Maximum Discount Amount',
+    },
+    'pages.loyalty_program.included': {
+        ar: 'مشمولة',
+        en: 'Included',
+    },
+    'pages.loyalty_program.excluded': {
+        ar: 'غير مشمولة',
+        en: 'Excluded',
+    },
+    'pages.loyalty_program.how_to_benefit_from_this_reward': {
+        ar: 'كيف تستفيد من هذه المكافأة؟',
+        en: 'How to benefit from this reward?',
+    },
+    'pages.loyalty_program.terms_and_conditions': {
+        ar: 'الشروط والأحكام',
+        en: 'Terms and Conditions',
+    },
+    'pages.loyalty_program.redeem_on_specific_products': {
+        ar: 'المكافأة متاحة على منتجات محددة. أعجبك منتج معين؟ توجَّه لنفس صفحة المنتج لاستبدال نقاطك به مجانًا!',
+        en: 'Rewards apply to selected products. See something you like? Redeem it for free on the product page.',
+    },
+    'pages.loyalty_program.redeem_on_specific_brands': {
+        ar: 'يمكنك استبدال نقاطك للحصول على خصم على الماركات المحددة أدناه.',
+        en: 'You can redeem your points for a discount on the specified brands below.',
+    },
+    'pages.loyalty_program.redeem_on_specific_categories': {
+        ar: 'يمكنك استبدال نقاطك للحصول على خصم على التصنيفات المحددة أدناه.',
+        en: 'You can redeem your points for a discount on the specified categories below.',
+    },
+    'pages.loyalty_program.redeem_on_all_products': {
+        ar: 'يمكنك استبدال نقاطك للحصول على خصم على كل المنتجات في المتجر.',
+        en: 'You can redeem your points for a discount on all products in the store.',
+    },
+    'pages.loyalty_program.redeem_for_free_shipping': {
+        ar: 'يمكنك استبدال نقاطك للحصول على الشحن المجاني',
+        en: 'You can redeem your points for free shipping',
+    },
+    'pages.loyalty_program.want_to_redeem_free_product': {
+        ar: 'ودّك بهذا المنتج مجانًا؟',
+        en: 'Want this product for free?',
+    },
+    'pages.loyalty_program.exchange_points_for_free_product': {
+        ar: 'استبدل' + ' :points ' + 'نقطة بحسابك بهذا المنتج الآن!',
+        en: 'Exchange' + ' :points ' + 'point in your account for this product now!',
+    },
+    'pages.loyalty_program.exchange_points': {
+        ar: 'استبدل نقاطك',
+        en: 'Exchange points',
+    },
+    'pages.loyalty_program.excluded_categories': {
+        ar: 'التصنيفات الغير مشمولة',
+        en: 'Excluded Categories',
+    },
+    'pages.loyalty_program.excluded_brands': {
+        ar: 'الماركات الغير المشمولة',
+        en: 'ِِExcluded Brands',
+    },
+    'pages.loyalty_program.excluded_products': {
+        ar: 'المنتجات الغير المشمولة',
+        en: 'Excluded Products',
+    },
+    'pages.loyalty_program.included_categories': {
+        ar: 'التصنيفات المشمولة',
+        en: 'Included Categories',
+    },
+    'pages.loyalty_program.included_brands': {
+        ar: 'الماركات المشمولة',
+        en: 'Included Brands',
+    },
+    'pages.loyalty_program.included_products': {
+        ar: 'المنتجات المشمولة',
+        en: 'Included Products',
+    },
+    'pages.loyalty_program.show_reward': {
+        ar: 'عرض المكافأة',
+        en: 'Show Reward',
+    },
+};
+const setNestedAsync = (lang, key, value) => {
+    return new Promise((resolve) => {
+        salla.helpers.setNested(salla.lang.messages[lang], key, value);
+        resolve(true);
+    });
+};
+export const setTranslations = async () => {
+    for (const [key, value] of Object.entries(translations)) {
+        for (const [lang, text] of Object.entries(value)) {
+            await setNestedAsync(`${lang}.trans`, key, text);
+        }
+    }
+};

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

@@ -16,7 +16,7 @@ export class SallaMaintenanceAlert {
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '4e41b03a4ebe9b05b15f499128fbaef8a2665a1e', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'c45b83d1381d7e98adca32d92531c181ae9281e4', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: 'c48a139c8bfc999bfce517ac689c2c5be8a8a70a', class: "s-maintenance-alert-content" }, h("div", { key: '75a52a15cc98759c7646a37e61822c7392256743', class: "s-maintenance-alert-container" }, h("div", { key: 'c2151b20d570186d3be79ea440d03e3044766544', class: "s-maintenance-alert-icon" }, h("img", { key: '9752b18e5fce36412448a941ba90b3332ac185fa', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '23d13d46adb0d89c31aa28666a0664253cbd5d6b', class: "s-maintenance-alert-text" }, h("h2", { key: 'abdb593bfd90571dee3ee9f918640fbf508a2d69' }, this.title), h("p", { key: '6c0bd117d161add2abadfadd5f344572c2596f6f' }, this.message))), h("div", { key: '5d6c815b7fa86822665a16a588fa02da19e62ca8' }, h("a", { key: '90c6ff46c169e685cff7becae06b7e67042e9d41', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: 'e76dcd0a076d1b72ead3398196f962713e975ce5', class: "s-maintenance-alert-wrapper" }, h("button", { key: '2105bc891908dab5a1c9edec1c534a600bb35fe5', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: 'a01b014066fbbc08da96962ad9a0c98e24fddf1c', class: "s-maintenance-alert-content" }, h("div", { key: 'c8b6ac96a881fc40bdb65908bb309378035235ea', class: "s-maintenance-alert-container" }, h("div", { key: '5d9fb2968315674e0d3a3172f82f9109db55da1d', class: "s-maintenance-alert-icon" }, h("img", { key: '2649551a12d0958375a89cc1dcb8176b28f5e41f', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '2b3f99a39857bcf87b034aa48074c1f4229bff95', class: "s-maintenance-alert-text" }, h("h2", { key: '5a3c0969cd45f666a8bd043d171e00bc88031f3e' }, this.title), h("p", { key: 'd3df4ada2bf5f7192b22affeeb10edec481a0038' }, this.message))), h("div", { key: '818d96f7680dc4b02fed14a2d8c09dab9b8e5d86' }, h("a", { key: '794a0c273fc4d84b0319b38e11fb43af5681ce67', 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/collection/components/salla-map/salla-map.js

@@ -271,11 +271,11 @@ export class SallaMap {
     }
     // render
     render() {
-        return (h(Host, { key: '1bc7b8ea42e85fd147b4431f54fe30d8b7b308c4', class: "s-map-wrapper" }, h("salla-modal", { key: 'ab5fb7ee3a688a3bc0cc6de9d51af309f296dc94', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '302015399be6ef260a6617b31a6065e5facf940f', class: "s-map-wrapper" }, h("salla-modal", { key: '9f6cdedaeaa81ae33e14f09bf6cae48c4d3b152b', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '1ec5f5c09229537df5f750b9d5003e29903eefe7', name: "button" }, h("salla-button", { key: '44acc44023058727e78e84e177aa3d7f2e4a91dc', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: '7085cb61e2e404a22381825feaabfcc36e6f20fb', name: "button" }, h("salla-button", { key: '3ebf2ec427c6d5edf501262afd096f5a82e69a13', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '6bbd144fbc2c339b809ecc78c6b2d6d10ec4b6e9', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: 'b88be6e4b7f104a6152083e23db58d20c9ec7054', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'aa4dfd6a1282d651a0e78631c8165c2cbdd536d2', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: 'eadd1bbe75d9ba2898bb770e7e6aa9a02e21dece', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     static get is() { return "salla-map"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class SallaMultipleBundleProductCart {
         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: 'df5a1f17db16a85222a239fa507912f38749909a', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '52a0c1480c1ac65225491eea9f467a35677365f2', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: 'd584e8fca258d4be9c50fe6e4094aa274ff64d14', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '55a444d53317e17a7ef9a286089f85e2def128c8', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,

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

@@ -157,10 +157,10 @@ export class SallaMultipleBundleProductDetails {
         }
     }
     render() {
-        return (h(Host, { key: '25ed3fad5e1252a6a22739927c209689c111ef8b', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'e2738635e77e740c47307130efff6c6d8d7dbb1e', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: '07ca2849aa860c68213f61ffdca521cc1c41b6f9', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'b810754688575d2a6418f9f2089ca65aa7981a58', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             const selectedCount = this.selectedProducts[section.id]?.size || 0;
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section, selectedCount)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '6359eb293af8feb486884f4d7d3182543c062430' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '7b7373564360e33bf005a5854acd84b61cdd3b05' })));
     }
     static get is() { return "salla-multiple-bundle-product-details"; }
     static get originalStyleUrls() {

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

@@ -458,7 +458,7 @@ export class SallaMultipleBundleProductOptionsModal {
         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: '2daff50a76067220f79c498bf756db36aec2996f' }, h("salla-modal", { key: '3ed6ec8860016d10cec0ee5d4bf55125fc3e44f0', 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: '9896b07b43cf0e8191d3c7e1ba6d0613d31f08f3', slot: "loading" }, h("salla-skeleton", { key: 'cdf032bdbaebc1e54136b5380a10f9077a781ab0', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '5df7c6e1868f3b3ca8983ff1baa43ad3351aeca2', 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: '1a9514ddc173fd5da9a31b29be3e905d11be5782' }, h("salla-modal", { key: '50efdd76cff0794bd638490c7f48cc599a49dcfc', 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: '9fec44912babfc95fed6ab99c5cd2e71c8bc5298', slot: "loading" }, h("salla-skeleton", { key: '84c3f41d42e81330bd32f7a3c5b44cb07fc02cac', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '5de5fd4285de79b8406626fdb00dccd3987142fa', 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)),
@@ -466,13 +466,13 @@ export class SallaMultipleBundleProductOptionsModal {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '190198c7256c9669c25d0cd587cf5193bd75c57e', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: 'd782e027554b6de6bb959940f9a841042f2a55e5', 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: '1c8d14ffc416800d19ac3cc87b463da2acede83e', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '8b47995edd34d3f5e7c7fd5a24a39c335c6634f1', 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: '52dd62ee4b96b11a10981cccd301ad199adfa61e', slot: "footer" }, h("div", { key: 'c846f4d9099936f41872fe99f3d0b8a789f90c01', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '40d0742d67f6ab45deace262dbd085feba3d8980', 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: '72847766444879b09ab86729279844c51b0cef18', slot: "footer" }, h("div", { key: '58ecac81b3d09c211bf0e74e9f74d932a31ed7c1', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'c7e08990104c111d6b6ab3375fb7649a94aa6191', 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/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.js

@@ -87,7 +87,7 @@ export class SallaMultipleBundleProductSlider {
         return `bundle[${sectionId}][${productIndex}][id]`;
     }
     render() {
-        return (h(Host, { key: 'df82c8c561e6ef9718a179be2815ed01789700a0' }, h("salla-slider", { key: 'b7b96681ce045a2dad72edf9cdbda7ea1b3f3c2e', 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: '9762b78a8c67586f2455632632a1e97eefcddbaf', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: '3968471eedb925b4dda4d4d381344fb2ed4f97ed' }, h("salla-slider", { key: '4bbaab685b7677b79b56cd6a3d80b210b125d568', 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: 'b0d1a441b2cf9ed124dec4f210e082ffd0cb200b', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const hasSavedOptions = this.savedOptionsByInstance[this.getProductInstanceKey(this.section.id, productIndex)];
             const optionsButtonLabel = hasSavedOptions

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

@@ -82,7 +82,7 @@ export class SallaMultipleBundleProduct {
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: 'd2723aa4c40e7585adbc5e128035b03dc9920fbc', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '0c083bcf6f932c3db65e7c9c1871843594bc8604', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get is() { return "salla-multiple-bundle-product"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-notifications/salla-notification-item.js

@@ -4,7 +4,7 @@
 import { h } from "@stencil/core";
 export class SallaNotificationItem {
     render() {
-        return 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 } }, h("span", { key: 'af8ce6607fb53b0459673aec66d4e4453fa13f94', class: "s-notifications-item-icon" }, h("i", { key: '9a55f3c72eb6bef64f58e24395bab8f787c084ed', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '20559c46d9087d602c83f82f409c5fa43966a8de', class: "s-notifications-item-content" }, h("div", { key: '22a21adb2253a0db5d9d404ba196fe1a2094c7ff', class: "s-notifications-item-content-leading" }, h("h4", { key: '3a07031fe0e697a4c818dece184623bd13249f30' }, this.notification.title), h("p", { key: 'a481734126292bbb2b22f4a326d7a489131a0828' }, this.notification.sub_title)), h("span", { key: 'adad90fe0b72bd92363d53c8ffcc39602da00399', class: "s-notifications-item-content-trailing" }, h("i", { key: '65401a987fd64c6647f1cabc4d802f6c835f0e61', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '1c73bdb085cb3e5c3ecaea7352d3112b9facdf38' }, this.notification.date))));
+        return 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 } }, h("span", { key: '78fbafd1dd2998dba7e3a1ad8b34cbeb9e962cf2', class: "s-notifications-item-icon" }, h("i", { key: '61357a8087938b3ffae36387a6d8b79979704dba', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '67c85332e868f4dbb2099524e441d64211d1ba1f', class: "s-notifications-item-content" }, h("div", { key: 'c7f79cb902edd54f171b8e3c089aa0f6795ca2a2', class: "s-notifications-item-content-leading" }, h("h4", { key: '078d34e4cc8093ded2dc3c948100337acfe0101e' }, this.notification.title), h("p", { key: '30c20f5308761bcd4011052b2fc8c6f87698a8f9' }, this.notification.sub_title)), h("span", { key: 'db1f387f53c747bccb3836cf8622f9f67af3a654', class: "s-notifications-item-content-trailing" }, h("i", { key: '2f662b2dbff1487831681586c15d17c1a2e68eaa', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '119e37704dc78372f3340fc33df69e20b666a7c5' }, this.notification.date))));
     }
     static get is() { return "salla-notification-item"; }
     static get originalStyleUrls() {

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

@@ -199,7 +199,7 @@ export class SallaOfferModal {
     //       '</div>';
     //   }
     render() {
-        return 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 : ''}` }, h("div", { key: '3b6909ea6be039e857ec72e1b58e92296fa7112a', slot: 'loading' }, h("div", { key: '297819c01b8aa686ea23aa2a3c7b652329e53831', class: "s-offer-modal-skeleton" }, h("div", { key: '28445bb4ee235498777153083e9538646ac9090a', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '1e1b263a489b431cf72fcccd7ce9b104ee1c14b5', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'e0741d35d28615f4a24988a1896239ee46a574a7', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'ff6bbd049888bf003fce59045df80df81f65df73', height: '10px', width: '30%' })), h("div", { key: 'ef5a6f218efacf3534828a7612a01ff9fcf13589', 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: '2eda217eeb9c8e1b3019f3cee8790b56ed57e245', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'eb05f2002be23602919b118d7b8f3c0d355fadec', height: '15px', width: '50%' }), h("salla-skeleton", { key: '7350610c6b4b48b5bb8de0d674555c3001b14909', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return 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 : ''}` }, h("div", { key: '570bcafe6a1a00534b26ee25aa154e46594cb662', slot: 'loading' }, h("div", { key: 'baee23d1ad4429e8663fcf043004bf0747fe47de', class: "s-offer-modal-skeleton" }, h("div", { key: '1c6967ecfb17092c48247c17c2ce86b8ca048c77', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'a6ce5a415d4e6350c2467d7d3c070fddaeccd074', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '2d65ed027b9fff7eae7ecbb372f9e584a0334cf5', height: '15px', width: '50%' }), h("salla-skeleton", { key: '247706c9ddf7d2b9f96c7ea2deac960de3449017', height: '10px', width: '30%' })), h("div", { key: 'b5c9fec6565313706e2d6b73e2f060e4b216ffbc', 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: '58e2d38061e8e4434113b1fc16f3601969e342da', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'c388e246236e4849e5d97592ea6a803e6409083f', height: '15px', width: '50%' }), h("salla-skeleton", { key: '4ccd783b15647cf62f1b5b4d760f3e7feead7bfb', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), 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)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, 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/collection/components/salla-order-details/salla-order-details.js

@@ -36,7 +36,7 @@ export class SallaOrderDetails {
         ];
     }
     render() {
-        return h(Host, { key: '880b4567c82b94af07c1bcb0303c64516fb0791b', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: '41599687bddf4d4b9eda3572ce39b93a0d8f596d', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get is() { return "salla-order-details"; }
     static get originalStyleUrls() {

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

@@ -62,7 +62,7 @@ export class SallaOrderSummary {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: 'bb16ccab71851d8853fae1b08b66c9c3bb590766', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'bb8c8e2c3a44f0922012789efc9a73d71fd213d5', 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 ? iconCheck : 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/collection/components/salla-payments/salla-payments.js

@@ -35,12 +35,12 @@ export class SallaPayments {
     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: '6afc19aa3f0a72847228c7de6c783c3ba9f38ee9', class: "s-payments-list-wrap" }, h("ul", { key: '8311e5bc5aa86535d77ccad64b56c5ddb3028f87', class: "s-payments-list" }, madeInKSA && h("li", { key: '5b8769a8c89273363e835905de1cd9f02fec1df6', class: "s-payments-list-item" }, 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 (h(Host, { key: '3e44396c845375f9147a4dd036fe63f299787a6f', class: "s-payments-list-wrap" }, h("ul", { key: '476cc234749bb57898769d1089d718995da9ae12', class: "s-payments-list" }, madeInKSA && h("li", { key: '2bbe346520331ca8bff96a5fb8f4628093422e61', class: "s-payments-list-item" }, 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" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             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 && h("div", { key: '253ef6d5520979a22c48f1e63c53eab3fd5e21ad', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && 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/collection/components/salla-placeholder/salla-placeholder.js

@@ -35,7 +35,7 @@ export class SallaPlaceholder {
         };
     }
     render() {
-        return (h(Host, { key: '5b47d9b6a9428741dfb434aeb60e648c416978e8', class: this.alignmentClass() }, h("div", { key: 'e9b7adc6596ac9d237dd6902f880885851a3f357', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '7ccee11d11b9f0e7c10fedb316c1b92b1977d0c9', class: "s-placeholder-title" }, h("slot", { key: '4ebd518a89fdbb490b50fb5ce255bbddd467844a', name: 'title' }, h("span", { key: 'c4d27cffdfb98c33ec1ccfe375e0540be2ac7b63' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '967b688ef6d2aae128c21edf496b42d1fd804afa', class: "s-placeholder-description" }, h("slot", { key: '2e5bb58b4ed6ebafd18b12e291bc90fba7296965', name: 'description' }, h("span", { key: '83f78b4924b97cec60dd1d6e25f4ddf0eefb324a' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: '85a52f39cc2012ca1a3c6d143d06b81981d761aa', class: this.alignmentClass() }, h("div", { key: '35be844bc3883f3451344bbeedb4b24f9c218f7a', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '58152da7774e79fdb09465087b741212a3982cf2', class: "s-placeholder-title" }, h("slot", { key: 'f9953085b498043920fd03ae44a082e0fb1a02d2', name: 'title' }, h("span", { key: '989633e3165d187c6d3b36e0cdfa2cb10466c6da' }, salla.lang.get('common.elements.no_options')))), h("div", { key: 'bfbcbb5a2f9561292e5a6850eb43f5bfea8bd040', class: "s-placeholder-description" }, h("slot", { key: '4592587daaaa41c67cd7670eea7d5e7e3d8635d7', name: 'description' }, h("span", { key: '4b1e3c4a453b8dbc5139b40ebddb94d8c2d1c465' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get is() { return "salla-placeholder"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-price-range/salla-price-range.js

@@ -146,9 +146,9 @@ export class SallaPriceRange {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: '01971028ddbcb6dd89aec0e1552f4c724c32e76f' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: '996f527f5a36ea273b0d8c195e35dc3efbdf62f2' }, 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: '0961c02c062e2cad89f35fd51cdcbb379965f31c', class: "flex justify-center items-center" }, h("div", { key: 'f503bbb2b490dc6908b06c5f1353a6577466cd66', class: "relative max-w-xl w-full" }, h("div", { key: '6149d29228345ecd88d2c3e1c4622fd91dba52a2', class: "s-price-range-inputs" }, h("div", { key: '8e45f9e8728de535671809d6b71fda57a8c9f763', class: "s-price-range-relative" }, h("div", { key: '8cf8df2c549ab8f9bf6bc3fcb89a4155c8acfe0c', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), 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" })), h("div", { key: 'c2826af5c0d8073d5278dac67f40412e562d6a80', class: "s-price-range-gray-text" }, " -"), h("div", { key: '3a1c1641ee465c673dd4914cf4d19acd2d7f6911', class: "s-price-range-relative" }, h("div", { key: '2efecf246fb31f52a792e19f3af42da55f5f5407', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), 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" })), h("salla-button", { key: '59722b42d4cd5eef95360b95093772cdd59aed6c', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '2142e831cb931574a63bb4f6ba12787677fecb1f', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
+        }), h("div", { key: 'bfa8f970eb1e9c5d2b9678e5271aa04208b39289', class: "flex justify-center items-center" }, h("div", { key: '59cd51f388f36a38e2bd036d27b7abe001fed9d0', class: "relative max-w-xl w-full" }, h("div", { key: '226bd18705572502c7da11022a8ce02dc08d4d21', class: "s-price-range-inputs" }, h("div", { key: '0ebfdced114308e82075cd153bef0020daa15bf6', class: "s-price-range-relative" }, h("div", { key: 'c3dacef6133e2b05eca8d643d1c8ce3f5b991548', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), 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" })), h("div", { key: '00c07380972b65eac5fac5688b99d21277f65d39', class: "s-price-range-gray-text" }, " -"), h("div", { key: '403e98ad682f08946ccd191715ff37401a376722', class: "s-price-range-relative" }, h("div", { key: 'a1b0729fc40c17b9be68dd2c76a3afa1e99d8a62', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), 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" })), h("salla-button", { key: 'dd4899512e03f10c18e74f4d2434406dc6922a50', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '98d023ccfe7e26278259bf690a1d7a4323a704fc', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -131,7 +131,7 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: 'caab03a9cadb614db15d47cf54d0fe72cc7be482', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: '65f3dc76d08ee3ba1745b6bbf885fdd9c4f6bae6', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, 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.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));

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

@@ -105,14 +105,14 @@ export 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: '6c9b39e50f045c2511188597128546e440431b24', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '69813dd46d8df8298835d6de6faca959f2645c6b', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '67080662eb9a5ff4af903b6e57f029925565138b', ...hrefProp }, h("img", { key: '8e7a60fff16a8e4f7b27f19aae1c39a16ce8cadd', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: 'e0981508ab81f2a0bed4b763829d25792e55a692', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '8ed3f18aa60f4c63fcd8a5603683f76c6ec247a8', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: 'e412236f624d180312a7361c0bb43f4af05ac868', ...hrefProp }, 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 && h("a", { key: '648cf477ab6ded2d2c02dbf6957d68365524c847', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'a2ed73abfe91993ded6e84f6f493ea50ee0899a9', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : '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: '9b0841267856eeaf8fd3f44df9e11a2e82ea2554', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'f027bc5aa8d3e46eeff5e0c2f22c33f06298884c', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: '09fd5336d5c9d454620a91be8271399b938bb1f4', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'c915604dafa02d6ba50e6e9933edbd57149e7a56', class: "s-product-card-content-title" }, h("a", { key: '2b80635accb51545b72baf7ff57a115a62457613', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: '942aed0114c9155a7b397261032ec3d5f3bbf983', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '82e874903e2391cbda7df6cdbb41422341f66476', class: "s-product-card-content-title" }, h("a", { key: 'be7e564d2341c97d8431fa49e6a176548183929c', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -121,7 +121,7 @@ export class SallaProductCard {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '12613a96e7d914ea156470305c28a7449a3dcb9b', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', h("div", { 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 ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })

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

@@ -45,11 +45,11 @@ export class SallaProductSizeGuide {
         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: '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 }, h("span", { key: '6358583b137c5aa191d0b0b5a3f91a8934340271', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: 'de9f920cd4c75f8089c7f3c426965e4551ffc77b', slot: "loading" }, h("div", { key: '67cb37e30e211233c10b14ad4d91bc5c5b24da6d', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '28cca753f94de6eaee5dce72929d0df79ee5fa04', height: '15px', width: '25%' }), h("div", { key: 'a5281ef076771baaca25938ee50d16ab2d720753', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'a1d4a72b246a6a47c7b7d4bdbbb9404f00cda07f', height: '40px' }), h("salla-skeleton", { key: '1928477107338585e9ede41e2770b2269af3931c', height: '40px' }), h("salla-skeleton", { key: 'f8066e7ea05f580eec61529cfe24f3610b009ac6', height: '40px' }), h("salla-skeleton", { key: '3fdc216da7789b27061a2a9ef7f0abe96677d7c1', height: '40px' })), h("div", { key: '957b3b2951821bfd8bf6d382777a9f680c4e36ed', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '49f609d34eae8f4c0256a559bd12396bdbd4b996', height: '15px', width: '25%' }), h("salla-skeleton", { key: '2c20035b717f0b35212b066f39030bfbd17a597b', height: '10px', width: '75%' }), h("salla-skeleton", { key: '2e003fe9f76575c9b60b0aa86d650091213d8bb7', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'ae28bd7c1770938e2a02b23a960bad255d59329e', height: '10px', width: '75%' }), h("salla-skeleton", { key: '3737f5b2d81b852e4c2b269bd61e73740341e32a', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'e7e82f9ba968478ab38b1e9db94a98f2162b4e73', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'd97efa180720f9ac39fa9bdb17f73cc27fb4a3f0', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'ff3934e9aa7f58cbec9b42c772f7ee30e7cd69ea', height: '10px', width: '45%' }), h("salla-skeleton", { key: '5bc02f885b39fd6585a40f38299610e181414c43', height: '10px', width: '30%' })))), h("slot", { key: 'b8d469ede8c64d77c57888b08b749e5642da90b1', 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: '04df3ec4386e0beff2d18cc9df73dc427e9cf507', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '6e37eb73078f786ce5dda8cf9ed6bae16eb3acfc', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {