@salla.sa/twilight-components 1.6.15-alpha.0 → 1.6.15-alpha.1

package/dist/{twilight/salla-offer-modal.entry.js → components/salla-offer-modal.js}

@@ -1,9 +1,14 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-2bf908a1.js';
-import { H as Helper } from './Helper-7bc9b55a.js';
-import { K as KeyboardArrowRightIcon } from './keyboard_arrow_right-37e18eed.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { H as Helper } from './Helper.js';
+import { K as KeyboardArrowRightIcon } from './keyboard_arrow_right.js';
+import { d as defineCustomElement$6 } from './salla-button2.js';
+import { d as defineCustomElement$5 } from './salla-loading2.js';
+import { d as defineCustomElement$4 } from './salla-modal2.js';
+import { d as defineCustomElement$3 } from './salla-placeholder2.js';
+import { d as defineCustomElement$2 } from './salla-skeleton2.js';
 
 const SpecialDiscountIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -34,9 +39,10 @@ const Cart2 = `<!-- Generated by IcoMoon.io -->
 
 const sallaOfferModalCss = "";
 
-const SallaOfferModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     var _a, _b;
     this.offer = null;
     this.hasError = false;
@@ -165,8 +171,59 @@ const SallaOfferModal = class {
       });
     }
   }
-  get host() { return getElement(this); }
-};
-SallaOfferModal.style = sallaOfferModalCss;
+  get host() { return this; }
+  static get style() { return sallaOfferModalCss; }
+}, [0, "salla-offer-modal", {
+    "offer": [32],
+    "offer_name": [32],
+    "offer_message": [32],
+    "hasError": [32],
+    "errorMessage": [32],
+    "translationLoaded": [32],
+    "open": [64],
+    "showOffer": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-offer-modal", "salla-button", "salla-loading", "salla-modal", "salla-placeholder", "salla-skeleton"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-offer-modal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaOfferModal$1);
+      }
+      break;
+    case "salla-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "salla-loading":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "salla-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "salla-placeholder":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "salla-skeleton":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SallaOfferModal = SallaOfferModal$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { SallaOfferModal as salla_offer_modal };
+export { SallaOfferModal, defineCustomElement };

package/dist/components/salla-placeholder.js

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { S as SallaPlaceholder$1, d as defineCustomElement$1 } from './salla-placeholder2.js';
+
+const SallaPlaceholder = SallaPlaceholder$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaPlaceholder, defineCustomElement };

package/dist/{twilight/salla-placeholder.entry.js → components/salla-placeholder2.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, f as Host } from './index-2bf908a1.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const 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,9 +12,10 @@ const Inbox = `<!-- Generated by IcoMoon.io -->
 
 const sallaPlaceholderCss = "";
 
-const SallaPlaceholder = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SallaPlaceholder = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.translationLoaded = false;
     /**
      * Custom icon to display, defaults to [`sicon-inbox`]
@@ -43,7 +44,26 @@ const SallaPlaceholder = class {
   render() {
     return (h(Host, { class: this.alignmentClass() }, h("div", { class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { class: "s-placeholder-title" }, h("slot", { name: 'title' }, h("span", null, salla.lang.get('common.elements.no_options')))), h("div", { class: "s-placeholder-description" }, h("slot", { name: 'description' }, h("span", null, salla.lang.get('common.errors.empty_results'))))));
   }
-};
-SallaPlaceholder.style = sallaPlaceholderCss;
+  static get style() { return sallaPlaceholderCss; }
+}, [4, "salla-placeholder", {
+    "icon": [1],
+    "alignment": [1],
+    "iconSize": [1, "icon-size"],
+    "translationLoaded": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-placeholder"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-placeholder":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaPlaceholder);
+      }
+      break;
+  } });
+}
+defineCustomElement();
 
-export { SallaPlaceholder as salla_placeholder };
+export { SallaPlaceholder as S, defineCustomElement as d };

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

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { S as SallaProductAvailability$1, d as defineCustomElement$1 } from './salla-product-availability2.js';
+
+const SallaProductAvailability = SallaProductAvailability$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaProductAvailability, defineCustomElement };

package/dist/{twilight/salla-product-availability.entry.js → components/salla-product-availability2.js}

@@ -1,8 +1,12 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, f as Host, g as getElement } from './index-2bf908a1.js';
-import { H as Helper } from './Helper-7bc9b55a.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { H as Helper } from './Helper.js';
+import { d as defineCustomElement$4 } from './salla-button2.js';
+import { d as defineCustomElement$3 } from './salla-loading2.js';
+import { d as defineCustomElement$2 } from './salla-modal2.js';
+import { d as defineCustomElement$1 } from './salla-tel-input2.js';
 
 const BellRingIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -13,9 +17,10 @@ const BellRingIcon = `<!-- Generated by IcoMoon.io -->
 
 const sallaProductAvailabilityCss = "";
 
-const SallaProductAvailability = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.isUser = Helper.isUser();
     this.translationLoaded = false;
     /**
@@ -114,11 +119,52 @@ const SallaProductAvailability = class {
       h("salla-tel-input", { ref: el => this.mobileInput = el, onKeyDown: e => this.typing(e, this.submit) })
     ] : ''), h("div", { slot: "footer", class: "s-product-availability-footer" }, h("salla-button", { class: "modal-cancel-btn", width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close() }, salla.lang.get('common.elements.cancel')), h("salla-button", { class: "submit-btn", "loader-position": 'center', width: "wide", ref: btn => this.btn = btn, onClick: () => this.submit() }, salla.lang.get('common.elements.submit')))));
   }
-  get host() { return getElement(this); }
+  get host() { return this; }
   static get watchers() { return {
     "channels": ["channelsWatcher"]
   }; }
-};
-SallaProductAvailability.style = sallaProductAvailabilityCss;
+  static get style() { return sallaProductAvailabilityCss; }
+}, [0, "salla-product-availability", {
+    "channels": [1],
+    "productId": [2, "product-id"],
+    "isSubscribed": [1028, "is-subscribed"],
+    "translationLoaded": [32],
+    "title_": [32],
+    "isVisitorSubscribed": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-product-availability", "salla-button", "salla-loading", "salla-modal", "salla-tel-input"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-product-availability":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaProductAvailability);
+      }
+      break;
+    case "salla-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "salla-loading":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "salla-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "salla-tel-input":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
 
-export { SallaProductAvailability as salla_product_availability };
+export { SallaProductAvailability as S, defineCustomElement as d };

package/dist/{twilight/salla-product-size-guide.entry.js → components/salla-product-size-guide.js}

@@ -1,14 +1,22 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, f as Host, g as getElement } from './index-2bf908a1.js';
-import { H as Helper } from './Helper-7bc9b55a.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { H as Helper } from './Helper.js';
+import { d as defineCustomElement$8 } from './salla-loading2.js';
+import { d as defineCustomElement$7 } from './salla-modal2.js';
+import { d as defineCustomElement$6 } from './salla-placeholder2.js';
+import { d as defineCustomElement$5 } from './salla-skeleton2.js';
+import { d as defineCustomElement$4 } from './salla-tab-content2.js';
+import { d as defineCustomElement$3 } from './salla-tab-header2.js';
+import { d as defineCustomElement$2 } from './salla-tabs2.js';
 
 const sallaProductSizeGuideCss = "";
 
-const SallaProductSizeGuide = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.hasError = false;
     Helper.setHost(document);
     salla.event.on('size-guide::open', (product_id) => this.open(product_id));
@@ -52,8 +60,69 @@ const SallaProductSizeGuide = class {
       [h("div", { class: "container px-8" }, 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", { name: "footer" }))));
   }
-  get host() { return getElement(this); }
-};
-SallaProductSizeGuide.style = sallaProductSizeGuideCss;
+  get host() { return this; }
+  static get style() { return sallaProductSizeGuideCss; }
+}, [4, "salla-product-size-guide", {
+    "guides": [32],
+    "productId": [32],
+    "placeholder_title": [32],
+    "placeholder_description": [32],
+    "modal_title": [32],
+    "hasError": [32],
+    "open": [64],
+    "close": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-product-size-guide", "salla-loading", "salla-modal", "salla-placeholder", "salla-skeleton", "salla-tab-content", "salla-tab-header", "salla-tabs"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-product-size-guide":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaProductSizeGuide$1);
+      }
+      break;
+    case "salla-loading":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "salla-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "salla-placeholder":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "salla-skeleton":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "salla-tab-content":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "salla-tab-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "salla-tabs":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SallaProductSizeGuide = SallaProductSizeGuide$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { SallaProductSizeGuide as salla_product_size_guide };
+export { SallaProductSizeGuide, defineCustomElement };

package/dist/{twilight/salla-quantity-input.entry.js → components/salla-quantity-input.js}

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, f as Host, g as getElement } from './index-2bf908a1.js';
-import { H as Helper } from './Helper-7bc9b55a.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { H as Helper } from './Helper.js';
 
 const Add = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -20,9 +20,10 @@ const Minus = `<!-- Generated by IcoMoon.io -->
 
 const sallaQuantityInputCss = "";
 
-const SallaQuantityInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SallaQuantityInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.hostAttributes = {};
     this.hasIncrementSlot = false;
     this.hasDecrementSlot = false;
@@ -87,11 +88,33 @@ const SallaQuantityInput = class {
   render() {
     return (h(Host, { class: "s-quantity-input" }, h("div", { class: "s-quantity-input-container" }, h("button", { onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { name: "increment-button" })), h("input", Object.assign({ class: "s-quantity-input-input" }, this.getInputAttributes(), { ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity })), h("button", { class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { name: "decrement-button" })))));
   }
-  get host() { return getElement(this); }
+  get host() { return this; }
   static get watchers() { return {
     "quantity": ["watchPropHandler"]
   }; }
-};
-SallaQuantityInput.style = sallaQuantityInputCss;
+  static get style() { return sallaQuantityInputCss; }
+}, [4, "salla-quantity-input", {
+    "quantity": [32],
+    "decrease": [64],
+    "increase": [64],
+    "setValue": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-quantity-input"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-quantity-input":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaQuantityInput$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SallaQuantityInput = SallaQuantityInput$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { SallaQuantityInput as salla_quantity_input };
+export { SallaQuantityInput, defineCustomElement };

package/dist/{twilight/salla-rating-modal.entry.js → components/salla-rating-modal.js}

@@ -1,9 +1,13 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, f as Host, g as getElement } from './index-2bf908a1.js';
-import { H as Helper } from './Helper-7bc9b55a.js';
-import { C as CheckCircleIcon } from './check-circle2-378453c5.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { H as Helper } from './Helper.js';
+import { C as CheckCircle2, d as defineCustomElement$4 } from './salla-modal2.js';
+import { d as defineCustomElement$6 } from './salla-button2.js';
+import { d as defineCustomElement$5 } from './salla-loading2.js';
+import { d as defineCustomElement$3 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$2 } from './salla-skeleton2.js';
 
 const Star = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -21,9 +25,10 @@ const ShippingFast = `<!-- Generated by IcoMoon.io -->
 
 const sallaRatingModalCss = "";
 
-const SallaRatingModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SallaRatingModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     this.hasError = false;
     this.stepsCount = 0;
     this.currentIndex = 0;
@@ -172,14 +177,64 @@ const SallaRatingModal = class {
           ? h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
             ? h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
             : h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), h("div", { class: "s-rating-modal-title" }, " ", salla.lang.get('pages.rating.rate_shipping') + ' ' + this.order.shipping.company.name), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))
-          : '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircleIcon }), h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), h("div", { class: "s-rating-modal-footer" }, h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(() => h("li", { class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next'))),]
+          : '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), h("div", { class: "s-rating-modal-footer" }, h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(() => h("li", { class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next'))),]
       : '')));
   }
   componentDidLoad() {
     salla.event.dispatch('rating::ready', this);
   }
-  get host() { return getElement(this); }
-};
-SallaRatingModal.style = sallaRatingModalCss;
+  get host() { return this; }
+  static get style() { return sallaRatingModalCss; }
+}, [0, "salla-rating-modal", {
+    "orderId": [2, "order-id"],
+    "order": [32],
+    "hasError": [32],
+    "errorMessage": [32],
+    "translationLoaded": [32],
+    "open": [64],
+    "close": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-rating-modal", "salla-button", "salla-loading", "salla-modal", "salla-rating-stars", "salla-skeleton"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-rating-modal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaRatingModal$1);
+      }
+      break;
+    case "salla-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "salla-loading":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "salla-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "salla-rating-stars":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "salla-skeleton":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SallaRatingModal = SallaRatingModal$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { SallaRatingModal as salla_rating_modal };
+export { SallaRatingModal, defineCustomElement };

package/dist/components/salla-rating-stars.js

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { S as SallaRatingStars$1, d as defineCustomElement$1 } from './salla-rating-stars2.js';
+
+const SallaRatingStars = SallaRatingStars$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaRatingStars, defineCustomElement };

package/dist/{twilight/salla-rating-stars.entry.js → components/salla-rating-stars2.js}

@@ -1,15 +1,16 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, f as Host, g as getElement } from './index-2bf908a1.js';
-import { H as Helper } from './Helper-7bc9b55a.js';
-import { S as Star2 } from './star2-b134fc74.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { H as Helper } from './Helper.js';
+import { S as Star2 } from './star2.js';
 
 const sallaRatingStarsCss = "";
 
-const SallaRatingStars = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const SallaRatingStars = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
     /**
      * Sets input name.
      */
@@ -72,8 +73,26 @@ const SallaRatingStars = class {
     this.initiateRating();
     this.highlightSelectedStars();
   }
-  get host() { return getElement(this); }
-};
-SallaRatingStars.style = sallaRatingStarsCss;
+  get host() { return this; }
+  static get style() { return sallaRatingStarsCss; }
+}, [0, "salla-rating-stars", {
+    "name": [1],
+    "size": [1],
+    "value": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-rating-stars"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-rating-stars":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaRatingStars);
+      }
+      break;
+  } });
+}
+defineCustomElement();
 
-export { SallaRatingStars as salla_rating_stars };
+export { SallaRatingStars as S, defineCustomElement as d };