@salla.sa/twilight-components 2.14.391 → 2.14.393

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-De6vslRA.js');
 
@@ -59,7 +59,7 @@ var Star3 = `<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" view
 
 var GiftImg = `<svg xmlns="http://www.w3.org/2000/svg" width="54.079" height="53.191" viewBox="0 0 54.079 53.191"><defs><style>.a{fill:#ee9d0d;}.b{fill:#c7830b;}.c{fill:#ea2b2d;}.d{fill:#cb2527;}.e{fill:#6699ce;}.f{fill:#faa6b2;}.g{fill:#a6deff;}.h{fill:#eeb436;}.i{fill:#f72d2f;}</style></defs><path class="a" d="M40,248H77.3v25.88a2.1,2.1,0,0,1-2.1,2.1H42.1a2.1,2.1,0,0,1-2.1-2.1Z" transform="translate(-38.135 -222.787)"/><path class="b" d="M250.632,248.711v12.755L236.2,248h13.67Z" transform="translate(-211.463 -222.787)"/><path class="b" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="c" d="M226.194,32.048l-.5.185a5.035,5.035,0,0,0-3.072,3.292l-.468,1.585-.759.414a5.035,5.035,0,0,0-2.422,3l8.865,8.271,5.09-5.456.262-6.205a5.191,5.191,0,0,0-7-5.083Z" transform="translate(-196.246 -31.722)"/><path class="c" d="M358.628,175.48l-.15.509a5.034,5.034,0,0,1-3.072,3.292l-1.55.577-.359.785a5.034,5.034,0,0,1-2.822,2.624L341.81,175l5.09-5.455,6.172-.69a5.191,5.191,0,0,1,5.555,6.629Z" transform="translate(-304.761 -152.837)"/><path class="d" d="M168,248h7.461v27.978H168Z" transform="translate(-151.213 -222.787)"/><path class="c" d="M40,336H77.3v7.461H40Z" transform="translate(-38.135 -300.528)"/><path class="d" d="M333.957,336v3.207L330.52,336Z" transform="translate(-294.787 -300.528)"/><path class="a" d="M2.1,0H40.8a2.1,2.1,0,0,1,2.1,2.1V9.326H0V2.1A2.1,2.1,0,0,1,2.1,0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 18.641, 4.976)"/><path class="d" d="M0,0H9.326V9.326H0Z" transform="matrix(0.731, 0.682, -0.682, 0.731, 30.912, 16.424)"/><path class="d" d="M286.857,79.389a.931.931,0,0,1-.74-.365l-.615-.8a12.516,12.516,0,0,1-2.528-9,.933.933,0,0,1,1.855.2,10.66,10.66,0,0,0,2.153,7.667l.615.8a.933.933,0,0,1-.739,1.5Z" transform="translate(-252.718 -64.113)"/><path class="c" d="M185.485,178.151l-.039.014a30.78,30.78,0,0,1-12.034,1.906l-2.381-.1,4.092,3.817-1.181,4,3.728-1.206a30.775,30.775,0,0,0,9.833-5.315l.71-.572Z" transform="translate(-153.891 -161.081)"/><path class="d" d="M363.834,194.779a12.51,12.51,0,0,1-6.93-2.1l-.843-.559a.933.933,0,1,1,1.031-1.554l.842.558a10.659,10.659,0,0,0,7.8,1.618.933.933,0,1,1,.328,1.836A12.663,12.663,0,0,1,363.834,194.779Z" transform="translate(-316.982 -171.914)"/><path class="c" d="M275,202.524l-.012.04a30.776,30.776,0,0,0-1.069,12.137l.265,2.369-4.092-3.817-3.909,1.455.945-3.8a30.776,30.776,0,0,1,4.622-10.177l.521-.748Z" transform="translate(-237.949 -180.364)"/><circle class="e" cx="1.865" cy="1.865" r="1.865" transform="translate(10.259 0.032)"/><circle class="f" cx="1.865" cy="1.865" r="1.865" transform="translate(0 21.482)"/><path class="g" d="M36.663,36.663a.933.933,0,0,1-.885-.638l-.048-.143a2.946,2.946,0,0,0-2.8-2.017.933.933,0,1,1,0-1.865A4.808,4.808,0,0,1,37.5,35.292l.048.143a.933.933,0,0,1-.885,1.228Z" transform="translate(-31.067 -31.968)"/><path class="g" d="M79.493,194.438a.929.929,0,0,1-.506-.15l-.185-.12a2.074,2.074,0,0,0-2.192-.047.933.933,0,0,1-.947-1.607,3.929,3.929,0,0,1,4.153.088l.185.12a.933.933,0,0,1-.508,1.716Z" transform="translate(-69.235 -173.283)"/><path class="h" d="M27.751,85.141l2.88,2.644,3.811-.874-1.624,3.556,2.008,3.354-3.884-.446-2.569,2.946L27.6,92.49,24,90.957l3.4-1.922Z" transform="translate(-24 -78.914)"/><path class="h" d="M82.174,227.375l-.959,3.772,2.564,2.928-3.884.254L77.9,237.673l-1.442-3.615-3.8-.862,2.993-2.488-.353-3.876,3.291,2.078Z" transform="translate(-66.992 -204.086)"/><path class="i" d="M300.471,141.9l-5.455-5.09,5.09-5.456a8.342,8.342,0,0,1,5.455,5.09Z" transform="translate(-263.422 -119.737)"/></svg>`;
 
-const sallaLoyaltyCss = "";
+const sallaLoyaltyCss = () => ``;
 
 const SallaLoyalty = class {
     constructor(hostRef) {
@@ -206,6 +206,6 @@ const SallaLoyalty = class {
         ];
     }
 };
-SallaLoyalty.style = sallaLoyaltyCss;
+SallaLoyalty.style = sallaLoyaltyCss();
 
 exports.salla_loyalty = SallaLoyalty;

package/dist/cjs/salla-maintenance-alert.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 var cancel = require('./cancel-De6vslRA.js');
 
-const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";
+const sallaMaintenanceAlertCss = () => `.s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}`;
 
 const SallaMaintenanceAlert = class {
     constructor(hostRef) {
@@ -35,6 +35,6 @@ const SallaMaintenanceAlert = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaMaintenanceAlert.style = sallaMaintenanceAlertCss;
+SallaMaintenanceAlert.style = sallaMaintenanceAlertCss();
 
 exports.salla_maintenance_alert = SallaMaintenanceAlert;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 var location = require('./location-DIyESLuI.js');
 
 var Edit = `<!-- Generated by IcoMoon.io -->
@@ -431,7 +431,7 @@ class Loader {
 }
 Loader.CALLBACK_NAME = '_dk_google_maps_loader_cb';
 
-const sallaMapCss = "";
+const sallaMapCss = () => ``;
 
 const SallaMap = class {
     constructor(hostRef) {
@@ -708,6 +708,6 @@ const SallaMap = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaMap.style = sallaMapCss;
+SallaMap.style = sallaMapCss();
 
 exports.salla_map = SallaMap;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaMenuCss = ":host{display:block}";
+const sallaMenuCss = () => `:host{display:block}`;
 
 const SallaMenu = class {
     constructor(hostRef) {
@@ -134,6 +134,6 @@ const SallaMenu = class {
                 ];
     }
 };
-SallaMenu.style = sallaMenuCss;
+SallaMenu.style = sallaMenuCss();
 
 exports.salla_menu = SallaMenu;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaMetadataCss = "";
+const sallaMetadataCss = () => ``;
 
 const SallaMetadata = class {
     constructor(hostRef) {
@@ -74,6 +74,6 @@ const SallaMetadata = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaMetadata.style = sallaMetadataCss;
+SallaMetadata.style = sallaMetadataCss();
 
 exports.salla_metadata = SallaMetadata;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaMultipleBundleProductCartCss = "";
+const sallaMultipleBundleProductCartCss = () => ``;
 
 const SallaMultipleBundleProductCart = class {
     constructor(hostRef) {
@@ -49,9 +49,9 @@ const SallaMultipleBundleProductCart = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaMultipleBundleProductCart.style = sallaMultipleBundleProductCartCss;
+SallaMultipleBundleProductCart.style = sallaMultipleBundleProductCartCss();
 
-const sallaMultipleBundleProductDetailsCss = "";
+const sallaMultipleBundleProductDetailsCss = () => ``;
 
 const SallaMultipleBundleProductDetails = class {
     constructor(hostRef) {
@@ -216,7 +216,7 @@ const SallaMultipleBundleProductDetails = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaMultipleBundleProductDetails.style = sallaMultipleBundleProductDetailsCss;
+SallaMultipleBundleProductDetails.style = sallaMultipleBundleProductDetailsCss();
 
 exports.salla_multiple_bundle_product_cart = SallaMultipleBundleProductCart;
 exports.salla_multiple_bundle_product_details = SallaMultipleBundleProductDetails;

package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
-const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";
+const sallaMultipleBundleProductOptionsModalCss = () => `:host{display:block}`;
 
 const SallaMultipleBundleProductOptionsModal = class {
     constructor(hostRef) {
@@ -487,12 +487,14 @@ const SallaMultipleBundleProductOptionsModal = class {
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "product": ["handleProductChange"]
+        "product": [{
+                "handleProductChange": 0
+            }]
     }; }
 };
-SallaMultipleBundleProductOptionsModal.style = sallaMultipleBundleProductOptionsModalCss;
+SallaMultipleBundleProductOptionsModal.style = sallaMultipleBundleProductOptionsModalCss();
 
-const sallaMultipleBundleProductSliderCss = "";
+const sallaMultipleBundleProductSliderCss = () => ``;
 
 const SallaMultipleBundleProductSlider = class {
     constructor(hostRef) {
@@ -596,7 +598,7 @@ const SallaMultipleBundleProductSlider = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaMultipleBundleProductSlider.style = sallaMultipleBundleProductSliderCss;
+SallaMultipleBundleProductSlider.style = sallaMultipleBundleProductSliderCss();
 
 exports.salla_multiple_bundle_product_options_modal = SallaMultipleBundleProductOptionsModal;
 exports.salla_multiple_bundle_product_slider = SallaMultipleBundleProductSlider;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaMultipleBundleProductCss = ":host{display:block}";
+const sallaMultipleBundleProductCss = () => `:host{display:block}`;
 
 const SallaMultipleBundleProduct = class {
     constructor(hostRef) {
@@ -61,9 +61,11 @@ const SallaMultipleBundleProduct = class {
         return (index.h(index.Host, { key: 'd2723aa4c40e7585adbc5e128035b03dc9920fbc', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get watchers() { return {
-        "bundleSections": ["parseProducts"]
+        "bundleSections": [{
+                "parseProducts": 0
+            }]
     }; }
 };
-SallaMultipleBundleProduct.style = sallaMultipleBundleProductCss;
+SallaMultipleBundleProduct.style = sallaMultipleBundleProductCss();
 
 exports.salla_multiple_bundle_product = SallaMultipleBundleProduct;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaNotificationsCss = "";
+const sallaNotificationsCss = () => ``;
 
 const SallaNotificationItem = class {
     constructor(hostRef) {
@@ -15,6 +15,6 @@ const SallaNotificationItem = class {
         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))));
     }
 };
-SallaNotificationItem.style = sallaNotificationsCss;
+SallaNotificationItem.style = sallaNotificationsCss();
 
 exports.salla_notification_item = SallaNotificationItem;

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 
-const sallaNotificationsCss = "";
+const sallaNotificationsCss = () => ``;
 
 const SallaNotifications = class {
     constructor(hostRef) {
@@ -43,6 +43,49 @@ const SallaNotifications = class {
         }
         return index.h("div", { class: "s-notifications-wrapper" }, index.h("div", { class: "s-notifications-container", ref: wrapper => this.wrapper = wrapper }), this.nextPage && (index.h("div", { class: "s-infinite-scroll-wrapper", ref: status => this.status = status }, index.h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, index.h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), index.h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => this.btnLoader = btnLoader, style: { "display": "none" } })))));
     }
+    /**
+     * Detect whether the response uses the new API format (v2) by checking for `cursor` key.
+     */
+    isV2Response(resp) {
+        return !!resp.cursor;
+    }
+    /**
+     * Map a single v2 notification to the legacy Notification interface.
+     */
+    normalizeNotification(item) {
+        return {
+            title: item.title,
+            sub_title: item.body,
+            date: item.time_ago,
+            is_new: !item.is_read,
+            url: item.url,
+        };
+    }
+    /**
+     * Normalize a v2 cursor pagination to the legacy Pagination format.
+     */
+    normalizePagination(cursor) {
+        return {
+            count: cursor.count,
+            currentPage: cursor.current,
+            links: {
+                next: cursor.next != null ? String(cursor.next) : undefined,
+            },
+        };
+    }
+    /**
+     * Middleware that normalizes any API response to the legacy shape.
+     * If the response is already in legacy format, it passes through unchanged.
+     */
+    normalizeResponse(resp) {
+        if (this.isV2Response(resp)) {
+            return {
+                data: (resp.data || []).map((item) => this.normalizeNotification(item)),
+                pagination: this.normalizePagination(resp.cursor),
+            };
+        }
+        return resp;
+    }
     handleResponse(notificationsList) {
         return notificationsList.map(notification => this.getNotificationCard(notification));
     }
@@ -60,8 +103,9 @@ const SallaNotifications = class {
         this.infiniteScroll?.on('request', _response => {
             this.loading();
         });
-        this.infiniteScroll?.on('load', response => {
+        this.infiniteScroll?.on('load', rawResponse => {
             this.loading(false);
+            const response = this.normalizeResponse(rawResponse);
             this.pagination = response.pagination;
             this.nextPage = response.pagination.links?.next || null;
             this.handleResponse(response.data).forEach(data => this.wrapper.append(data));
@@ -74,7 +118,8 @@ const SallaNotifications = class {
     }
     async loadInitialData() {
         await salla.api.notifications.fetch({ "per_page": this.itemPerPage })
-            .then(resp => {
+            .then(rawResp => {
+            const resp = this.normalizeResponse(rawResp);
             this.pagination = resp.pagination;
             this.total = resp.pagination.total;
             this.nextPage = resp.pagination.links?.next || null;
@@ -107,6 +152,6 @@ const SallaNotifications = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaNotifications.style = sallaNotificationsCss;
+SallaNotifications.style = sallaNotificationsCss();
 
 exports.salla_notifications = SallaNotifications;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.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">
@@ -19,7 +19,7 @@ var Cart2 = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaOfferModalCss = ".s-offer-modal-type-products .s-modal-body{min-height:690px;position:relative}";
+const sallaOfferModalCss = () => `.s-offer-modal-type-products .s-modal-body{min-height:690px;position:relative}`;
 
 const SallaOfferModal = class {
     constructor(hostRef) {
@@ -214,6 +214,6 @@ const SallaOfferModal = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaOfferModal.style = sallaOfferModalCss;
+SallaOfferModal.style = sallaOfferModalCss();
 
 exports.salla_offer_modal = SallaOfferModal;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
 var PageType;
 (function (PageType) {
@@ -22,7 +22,7 @@ var OfferType;
     OfferType["FixedAmount"] = "fixed_amount";
 })(OfferType || (OfferType = {}));
 
-const sallaOfferCss = ":host .s-drawer-close:where([dir=rtl],[dir=rtl] *){left:0}";
+const sallaOfferCss = () => `:host .s-drawer-close:where([dir=rtl],[dir=rtl] *){left:0}`;
 
 const SallaOffer = class {
     constructor(hostRef) {
@@ -394,6 +394,6 @@ const SallaOffer = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaOffer.style = sallaOfferCss;
+SallaOffer.style = sallaOfferCss();
 
 exports.salla_offer = SallaOffer;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaOrderDetailsMultipleBundleProductCss = "";
+const sallaOrderDetailsMultipleBundleProductCss = () => ``;
 
 const SallaproductDetailsMultipleBundleProduct = class {
     constructor(hostRef) {
@@ -55,6 +55,6 @@ const SallaproductDetailsMultipleBundleProduct = class {
         return (index.h(index.Host, { class: "s-order-details-bundle-wrapper" }, index.h("salla-accordion", { key: this.getAccordionKey(), collapsed: false, bordered: true, collapsible: collapsibleState, id: this.getAccordionId(), size: "sm" }, index.h("salla-accordion-head", null, index.h("div", { class: "s-order-details-product" }, index.h("div", { class: "s-order-details-product-content" }, index.h("div", { class: "s-order-details-product-info" }, index.h("div", { class: "s-order-details-product-image" }, index.h("img", { src: this.getProductImage(), alt: this.getProductImageAlt() })), index.h("div", { class: "s-order-details-product-details" }, index.h("a", { href: this.productDetails?.url || '#', class: "s-order-details-product-name" }, this.productDetails?.name || ''), this.productDetails?.quantity && (index.h("span", { class: "s-order-details-product-quantity" }, "\u00D7", this.productDetails.quantity))))))), this.renderOptions())));
     }
 };
-SallaproductDetailsMultipleBundleProduct.style = sallaOrderDetailsMultipleBundleProductCss;
+SallaproductDetailsMultipleBundleProduct.style = sallaOrderDetailsMultipleBundleProductCss();
 
 exports.salla_order_details_multiple_bundle_product = SallaproductDetailsMultipleBundleProduct;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.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">
@@ -12,7 +12,7 @@ var copyIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaOrderDetailsOptionsCss = "";
+const sallaOrderDetailsOptionsCss = () => ``;
 
 const SallaOrderDetailsOptions = class {
     constructor(hostRef) {
@@ -96,6 +96,6 @@ const SallaOrderDetailsOptions = class {
                 : 's-order-details-options-item-value-text' }, this.renderOptionValue(option)))))))));
     }
 };
-SallaOrderDetailsOptions.style = sallaOrderDetailsOptionsCss;
+SallaOrderDetailsOptions.style = sallaOrderDetailsOptionsCss();
 
 exports.salla_order_details_options = SallaOrderDetailsOptions;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaOrderDetailsCss = "";
+const sallaOrderDetailsCss = () => ``;
 
 const SallaOrderDetails = class {
     constructor(hostRef) {
@@ -42,9 +42,11 @@ const SallaOrderDetails = class {
         return index.h(index.Host, { key: '880b4567c82b94af07c1bcb0303c64516fb0791b', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
-        "orderDetails": ["parseOrderDetailsData"]
+        "orderDetails": [{
+                "parseOrderDetailsData": 0
+            }]
     }; }
 };
-SallaOrderDetails.style = sallaOrderDetailsCss;
+SallaOrderDetails.style = sallaOrderDetailsCss();
 
 exports.salla_order_details = SallaOrderDetails;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaOrderEditItemCss = "";
+const sallaOrderEditItemCss = () => ``;
 
 const SallaOrderEditItem = class {
     constructor(hostRef) {
@@ -90,6 +90,6 @@ const SallaOrderEditItem = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaOrderEditItem.style = sallaOrderEditItemCss;
+SallaOrderEditItem.style = sallaOrderEditItemCss();
 
 exports.salla_order_edit_item = SallaOrderEditItem;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaOrderEditCss = "";
+const sallaOrderEditCss = () => ``;
 
 const SallaOrderEdit = class {
     constructor(hostRef) {
@@ -176,6 +176,6 @@ const SallaOrderEdit = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaOrderEdit.style = sallaOrderEditCss;
+SallaOrderEdit.style = sallaOrderEditCss();
 
 exports.salla_order_edit = SallaOrderEdit;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 var check = require('./check-x3w3-gpj.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->
@@ -34,7 +34,7 @@ var iconCreditCard = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaOrderSummaryCss = ":host{display:block}";
+const sallaOrderSummaryCss = () => `:host{display:block}`;
 
 const SallaOrderSummary = class {
     constructor(hostRef) {
@@ -97,6 +97,6 @@ const SallaOrderSummary = class {
                 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))));
     }
 };
-SallaOrderSummary.style = sallaOrderSummaryCss;
+SallaOrderSummary.style = sallaOrderSummaryCss();
 
 exports.salla_order_summary = SallaOrderSummary;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaOrderTotalsCardCss = ":host{display:block}";
+const sallaOrderTotalsCardCss = () => `:host{display:block}`;
 
 const SallaOrderTotalsCard = class {
     constructor(hostRef) {
@@ -61,9 +61,11 @@ const SallaOrderTotalsCard = class {
             : null, index.h("div", { class: "s-order-totals-card-total" }, this.renderTotalRow(salla.lang.get('pages.orders.final_total'), summary.total, 's-order-totals-card-total-label', 's-order-totals-card-total-value', true)), summary.refund_amount ? (index.h("div", { class: "s-order-totals-card-refund" }, this.renderRefundRow(summary.refund_amount))) : null)))));
     }
     static get watchers() { return {
-        "order": ["handleOrderChange"]
+        "order": [{
+                "handleOrderChange": 0
+            }]
     }; }
 };
-SallaOrderTotalsCard.style = sallaOrderTotalsCardCss;
+SallaOrderTotalsCard.style = sallaOrderTotalsCardCss();
 
 exports.salla_order_totals_card = SallaOrderTotalsCard;

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 
-const sallaOrdersCss = ":host{display:block}";
+const sallaOrdersCss = () => `:host{display:block}`;
 
 const SallaOrder = class {
     constructor(hostRef) {
@@ -232,6 +232,6 @@ const SallaOrder = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaOrder.style = sallaOrdersCss;
+SallaOrder.style = sallaOrdersCss();
 
 exports.salla_orders = SallaOrder;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.js');
 
-const sallaPaymentsCss = ":host{display:block}";
+const sallaPaymentsCss = () => `:host{display:block}`;
 
 const SallaPayments = class {
     constructor(hostRef) {
@@ -56,6 +56,6 @@ const SallaPayments = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaPayments.style = sallaPaymentsCss;
+SallaPayments.style = sallaPaymentsCss();
 
 exports.salla_payments = SallaPayments;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-RCgJUM7B.js');
+var index = require('./index-C5VeFDQ0.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">
@@ -12,7 +12,7 @@ var Inbox = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaPlaceholderCss = "";
+const sallaPlaceholderCss = () => ``;
 
 const SallaPlaceholder = class {
     constructor(hostRef) {
@@ -46,6 +46,6 @@ const SallaPlaceholder = class {
         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'))))));
     }
 };
-SallaPlaceholder.style = sallaPlaceholderCss;
+SallaPlaceholder.style = sallaPlaceholderCss();
 
 exports.salla_placeholder = SallaPlaceholder;