@salla.sa/twilight-components 2.14.393 → 2.14.394

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DYB20YqN.js';
+import { r as registerInstance, h } from './index-Cz6cYzxG.js';
 
-const sallaNotificationsCss = () => ``;
+const sallaNotificationsCss = "";
 
 const SallaNotificationItem = class {
     constructor(hostRef) {
@@ -13,6 +13,6 @@ const SallaNotificationItem = class {
         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))));
     }
 };
-SallaNotificationItem.style = sallaNotificationsCss();
+SallaNotificationItem.style = sallaNotificationsCss;
 
 export { SallaNotificationItem as salla_notification_item };

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

@@ -1,11 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, a as getElement } from './index-Cz6cYzxG.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 
-const sallaNotificationsCss = () => ``;
+const sallaNotificationsCss = "";
 
 const SallaNotifications = class {
     constructor(hostRef) {
@@ -150,6 +150,6 @@ const SallaNotifications = class {
     }
     get host() { return getElement(this); }
 };
-SallaNotifications.style = sallaNotificationsCss();
+SallaNotifications.style = sallaNotificationsCss;
 
 export { SallaNotifications as salla_notifications };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, a as getElement } from './index-Cz6cYzxG.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 
 var Tag = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -17,7 +17,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) {
@@ -212,6 +212,6 @@ const SallaOfferModal = class {
     }
     get host() { return getElement(this); }
 };
-SallaOfferModal.style = sallaOfferModalCss();
+SallaOfferModal.style = sallaOfferModalCss;
 
 export { SallaOfferModal as salla_offer_modal };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, a as getElement } from './index-Cz6cYzxG.js';
 
 var PageType;
 (function (PageType) {
@@ -20,7 +20,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) {
@@ -392,6 +392,6 @@ const SallaOffer = class {
     }
     get host() { return getElement(this); }
 };
-SallaOffer.style = sallaOfferCss();
+SallaOffer.style = sallaOfferCss;
 
 export { SallaOffer as salla_offer };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host } from './index-Cz6cYzxG.js';
 
-const sallaOrderDetailsMultipleBundleProductCss = () => ``;
+const sallaOrderDetailsMultipleBundleProductCss = "";
 
 const SallaproductDetailsMultipleBundleProduct = class {
     constructor(hostRef) {
@@ -53,6 +53,6 @@ const SallaproductDetailsMultipleBundleProduct = class {
         return (h(Host, { class: "s-order-details-bundle-wrapper" }, h("salla-accordion", { key: this.getAccordionKey(), collapsed: false, bordered: true, collapsible: collapsibleState, id: this.getAccordionId(), size: "sm" }, h("salla-accordion-head", null, h("div", { class: "s-order-details-product" }, h("div", { class: "s-order-details-product-content" }, h("div", { class: "s-order-details-product-info" }, h("div", { class: "s-order-details-product-image" }, h("img", { src: this.getProductImage(), alt: this.getProductImageAlt() })), h("div", { class: "s-order-details-product-details" }, h("a", { href: this.productDetails?.url || '#', class: "s-order-details-product-name" }, this.productDetails?.name || ''), this.productDetails?.quantity && (h("span", { class: "s-order-details-product-quantity" }, "\u00D7", this.productDetails.quantity))))))), this.renderOptions())));
     }
 };
-SallaproductDetailsMultipleBundleProduct.style = sallaOrderDetailsMultipleBundleProductCss();
+SallaproductDetailsMultipleBundleProduct.style = sallaOrderDetailsMultipleBundleProductCss;
 
 export { SallaproductDetailsMultipleBundleProduct as salla_order_details_multiple_bundle_product };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host } from './index-Cz6cYzxG.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">
@@ -10,7 +10,7 @@ var copyIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaOrderDetailsOptionsCss = () => ``;
+const sallaOrderDetailsOptionsCss = "";
 
 const SallaOrderDetailsOptions = class {
     constructor(hostRef) {
@@ -94,6 +94,6 @@ const SallaOrderDetailsOptions = class {
                 : 's-order-details-options-item-value-text' }, this.renderOptionValue(option)))))))));
     }
 };
-SallaOrderDetailsOptions.style = sallaOrderDetailsOptionsCss();
+SallaOrderDetailsOptions.style = sallaOrderDetailsOptionsCss;
 
 export { SallaOrderDetailsOptions as salla_order_details_options };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-Cz6cYzxG.js';
 
-const sallaOrderDetailsCss = () => ``;
+const sallaOrderDetailsCss = "";
 
 const SallaOrderDetails = class {
     constructor(hostRef) {
@@ -40,11 +40,9 @@ const SallaOrderDetails = class {
         return h(Host, { key: '880b4567c82b94af07c1bcb0303c64516fb0791b', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
-        "orderDetails": [{
-                "parseOrderDetailsData": 0
-            }]
+        "orderDetails": ["parseOrderDetailsData"]
     }; }
 };
-SallaOrderDetails.style = sallaOrderDetailsCss();
+SallaOrderDetails.style = sallaOrderDetailsCss;
 
 export { SallaOrderDetails as salla_order_details };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 
-const sallaOrderEditItemCss = () => ``;
+const sallaOrderEditItemCss = "";
 
 const SallaOrderEditItem = class {
     constructor(hostRef) {
@@ -88,6 +88,6 @@ const SallaOrderEditItem = class {
     }
     get host() { return getElement(this); }
 };
-SallaOrderEditItem.style = sallaOrderEditItemCss();
+SallaOrderEditItem.style = sallaOrderEditItemCss;
 
 export { SallaOrderEditItem as salla_order_edit_item };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 
-const sallaOrderEditCss = () => ``;
+const sallaOrderEditCss = "";
 
 const SallaOrderEdit = class {
     constructor(hostRef) {
@@ -174,6 +174,6 @@ const SallaOrderEdit = class {
     }
     get host() { return getElement(this); }
 };
-SallaOrderEdit.style = sallaOrderEditCss();
+SallaOrderEdit.style = sallaOrderEditCss;
 
 export { SallaOrderEdit as salla_order_edit };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DYB20YqN.js';
+import { r as registerInstance, h } from './index-Cz6cYzxG.js';
 import { i as iconCheck } from './check-BsXh13x8.js';
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->
@@ -32,7 +32,7 @@ var iconCreditCard = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaOrderSummaryCss = () => `:host{display:block}`;
+const sallaOrderSummaryCss = ":host{display:block}";
 
 const SallaOrderSummary = class {
     constructor(hostRef) {
@@ -95,6 +95,6 @@ const SallaOrderSummary = class {
                 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))));
     }
 };
-SallaOrderSummary.style = sallaOrderSummaryCss();
+SallaOrderSummary.style = sallaOrderSummaryCss;
 
 export { SallaOrderSummary as salla_order_summary };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host } from './index-Cz6cYzxG.js';
 
-const sallaOrderTotalsCardCss = () => `:host{display:block}`;
+const sallaOrderTotalsCardCss = ":host{display:block}";
 
 const SallaOrderTotalsCard = class {
     constructor(hostRef) {
@@ -59,11 +59,9 @@ const SallaOrderTotalsCard = class {
             : null, 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 ? (h("div", { class: "s-order-totals-card-refund" }, this.renderRefundRow(summary.refund_amount))) : null)))));
     }
     static get watchers() { return {
-        "order": [{
-                "handleOrderChange": 0
-            }]
+        "order": ["handleOrderChange"]
     }; }
 };
-SallaOrderTotalsCard.style = sallaOrderTotalsCardCss();
+SallaOrderTotalsCard.style = sallaOrderTotalsCardCss;
 
 export { SallaOrderTotalsCard as salla_order_totals_card };

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

@@ -1,11 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, a as getElement } from './index-Cz6cYzxG.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 
-const sallaOrdersCss = () => `:host{display:block}`;
+const sallaOrdersCss = ":host{display:block}";
 
 const SallaOrder = class {
     constructor(hostRef) {
@@ -230,6 +230,6 @@ const SallaOrder = class {
     }
     get host() { return getElement(this); }
 };
-SallaOrder.style = sallaOrdersCss();
+SallaOrder.style = sallaOrdersCss;
 
 export { SallaOrder as salla_orders };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 
-const sallaPaymentsCss = () => `:host{display:block}`;
+const sallaPaymentsCss = ":host{display:block}";
 
 const SallaPayments = class {
     constructor(hostRef) {
@@ -54,6 +54,6 @@ const SallaPayments = class {
     }
     get host() { return getElement(this); }
 };
-SallaPayments.style = sallaPaymentsCss();
+SallaPayments.style = sallaPaymentsCss;
 
 export { SallaPayments as salla_payments };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host } from './index-Cz6cYzxG.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">
@@ -10,7 +10,7 @@ var Inbox = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaPlaceholderCss = () => ``;
+const sallaPlaceholderCss = "";
 
 const SallaPlaceholder = class {
     constructor(hostRef) {
@@ -44,6 +44,6 @@ const SallaPlaceholder = class {
         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'))))));
     }
 };
-SallaPlaceholder.style = sallaPlaceholderCss();
+SallaPlaceholder.style = sallaPlaceholderCss;
 
 export { SallaPlaceholder as salla_placeholder };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Cz6cYzxG.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->
@@ -11,7 +11,7 @@ var arrowRight = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaPriceRangeCss = () => `:host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}`;
+const sallaPriceRangeCss = ":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";
 
 const SallaPriceRange = class {
     constructor(hostRef) {
@@ -165,6 +165,6 @@ const SallaPriceRange = class {
         this.isReady = true;
     }
 };
-SallaPriceRange.style = sallaPriceRangeCss();
+SallaPriceRange.style = sallaPriceRangeCss;
 
 export { SallaPriceRange as salla_price_range };

package/dist/esm/salla-product-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 
 var Heart = `<!-- Generated by IcoMoon.io -->
@@ -11,7 +11,7 @@ var Heart = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaProductCardCss = () => `.s-product-card-image::before{font-family:"sallaicons";content:"\\ec1f" !important}.s-product-card-content-pie-svg circle{transition:stroke-dashoffset 1s linear;-webkit-transition:stroke-dashoffset 1s linear;-moz-transition:stroke-dashoffset 1s linear;-ms-transition:stroke-dashoffset 1s linear;-o-transition:stroke-dashoffset 1s linear;stroke:#E8EDF2;stroke-width:2px;stroke-linecap:round;fill:none}.s-product-card-content-pie-svg-bar{stroke:var(--color-primary) !important;stroke-dasharray:100 100;stroke-dashoffset:100}`;
+const sallaProductCardCss = ".s-product-card-image::before{font-family:\"sallaicons\";content:\"\\ec1f\" !important}.s-product-card-content-pie-svg circle{transition:stroke-dashoffset 1s linear;-webkit-transition:stroke-dashoffset 1s linear;-moz-transition:stroke-dashoffset 1s linear;-ms-transition:stroke-dashoffset 1s linear;-o-transition:stroke-dashoffset 1s linear;stroke:#E8EDF2;stroke-width:2px;stroke-linecap:round;fill:none}.s-product-card-content-pie-svg-bar{stroke:var(--color-primary) !important;stroke-dasharray:100 100;stroke-dashoffset:100}";
 
 const SallaProductCard = class {
     constructor(hostRef) {
@@ -152,6 +152,6 @@ const SallaProductCard = class {
     static get assetsDirs() { return ["assets"]; }
     get host() { return getElement(this); }
 };
-SallaProductCard.style = sallaProductCardCss();
+SallaProductCard.style = sallaProductCardCss;
 
 export { SallaProductCard as salla_product_card };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, a as getElement } from './index-Cz6cYzxG.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">
@@ -10,7 +10,7 @@ var PencilRuler = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaProductSizeGuideCss = () => ``;
+const sallaProductSizeGuideCss = "";
 
 const SallaProductSizeGuide = class {
     constructor(hostRef) {
@@ -59,6 +59,6 @@ const SallaProductSizeGuide = class {
     }
     get host() { return getElement(this); }
 };
-SallaProductSizeGuide.style = sallaProductSizeGuideCss();
+SallaProductSizeGuide.style = sallaProductSizeGuideCss;
 
 export { SallaProductSizeGuide as salla_product_size_guide };

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

@@ -1,12 +1,12 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 
-const sallaProductsListCss = () => ``;
+const sallaProductsListCss = "";
 
 const SallaProductsList = class {
     constructor(hostRef) {
@@ -765,6 +765,6 @@ const SallaProductsList = class {
     }
     get host() { return getElement(this); }
 };
-SallaProductsList.style = sallaProductsListCss();
+SallaProductsList.style = sallaProductsListCss;
 
 export { SallaProductsList as salla_products_list };

package/dist/esm/salla-products-slider.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 
-const sallaProductsSliderCss = () => ``;
+const sallaProductsSliderCss = "";
 
 const SallaProductsSlider = class {
     constructor(hostRef) {
@@ -114,6 +114,6 @@ const SallaProductsSlider = class {
     }
     get host() { return getElement(this); }
 };
-SallaProductsSlider.style = sallaProductsSliderCss();
+SallaProductsSlider.style = sallaProductsSliderCss;
 
 export { SallaProductsSlider as salla_products_slider };

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DYB20YqN.js';
+import { r as registerInstance, h } from './index-Cz6cYzxG.js';
 
-const sallaProgressBarCss = () => ``;
+const sallaProgressBarCss = "";
 
 const SallaProgressBar = class {
     constructor(hostRef) {
@@ -66,6 +66,6 @@ const SallaProgressBar = class {
         ] : null;
     }
 };
-SallaProgressBar.style = sallaProgressBarCss();
+SallaProgressBar.style = sallaProgressBarCss;
 
 export { SallaProgressBar as salla_progress_bar };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 
@@ -26,7 +26,7 @@ var IphoneXIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaQuickOrderCss = () => `.s-quick-order-expandable:not(.s-quick-order-shown){overflow:hidden}`;
+const sallaQuickOrderCss = ".s-quick-order-expandable:not(.s-quick-order-shown){overflow:hidden}";
 
 const SallaQuickOrder = class {
     constructor(hostRef) {
@@ -232,6 +232,6 @@ const SallaQuickOrder = class {
     }
     get host() { return getElement(this); }
 };
-SallaQuickOrder.style = sallaQuickOrderCss();
+SallaQuickOrder.style = sallaQuickOrderCss;
 
 export { SallaQuickOrder as salla_quick_order };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cz6cYzxG.js';
 import { W as WishListIcon } from './star-ZT7ehBBk.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
@@ -17,7 +17,7 @@ var ShippingFast = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaRatingModalCss = () => ``;
+const sallaRatingModalCss = "";
 
 const SallaRatingModal = class {
     constructor(hostRef) {
@@ -448,6 +448,6 @@ const SallaRatingModal = class {
     }
     get host() { return getElement(this); }
 };
-SallaRatingModal.style = sallaRatingModalCss();
+SallaRatingModal.style = sallaRatingModalCss;
 
 export { SallaRatingModal as salla_rating_modal };

package/dist/esm/salla-scopes.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host } from './index-Cz6cYzxG.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->
@@ -17,7 +17,7 @@ var ModeType;
     ModeType["AVAILABILITY"] = "availability";
 })(ModeType || (ModeType = {}));
 
-const sallaScopesCss = () => `.s-scopes-availability-content{display:flex;justify-content:center;align-items:center}.s-scopes-placeholder{flex:0 0 85%}`;
+const sallaScopesCss = ".s-scopes-availability-content{display:flex;justify-content:center;align-items:center}.s-scopes-placeholder{flex:0 0 85%}";
 
 const SallaScopees = class {
     constructor(hostRef) {
@@ -178,6 +178,6 @@ const SallaScopees = class {
         }
     }
 };
-SallaScopees.style = sallaScopesCss();
+SallaScopees.style = sallaScopesCss;
 
 export { SallaScopees as salla_scopes };

package/dist/esm/salla-search.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-DYB20YqN.js';
+import { r as registerInstance, h, a as getElement } from './index-Cz6cYzxG.js';
 import { S as Search } from './search-BscTeWDc.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 
-const sallaSearchCss = () => `.s-search-placeholder-wrapper{position:relative;display:inline-block}.s-search-input-wrapper{position:relative}.s-search-placeholder-trigger{cursor:pointer;appearance:none;text-align:start}`;
+const sallaSearchCss = ".s-search-placeholder-wrapper{position:relative;display:inline-block}.s-search-input-wrapper{position:relative}.s-search-placeholder-trigger{cursor:pointer;appearance:none;text-align:start}";
 
 const SallaSearch = class {
     constructor(hostRef) {
@@ -158,11 +158,9 @@ const SallaSearch = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "search_term": [{
-                "handleSearch": 0
-            }]
+        "search_term": ["handleSearch"]
     }; }
 };
-SallaSearch.style = sallaSearchCss();
+SallaSearch.style = sallaSearchCss;
 
 export { SallaSearch as salla_search };

package/dist/esm/salla-skeleton.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DYB20YqN.js';
+import { r as registerInstance, h, H as Host } from './index-Cz6cYzxG.js';
 
-const sallaSkeletonCss = () => `:host{display:block}`;
+const sallaSkeletonCss = ":host{display:block}";
 
 const SallaSkeleton = class {
     constructor(hostRef) {
@@ -29,6 +29,6 @@ const SallaSkeleton = class {
         return (h(Host, { key: '366d9fcd96b22edc9b5cdc07f8d8367fdbc5c574', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'b4ad9adc7d8ce69aeaeaa1cf287726fa69018730', class: classes }, "\u00A0")));
     }
 };
-SallaSkeleton.style = sallaSkeletonCss();
+SallaSkeleton.style = sallaSkeletonCss;
 
 export { SallaSkeleton as salla_skeleton };