@everymatrix/player-account-controller-nd 1.55.0 → 1.56.0

package/stencil/player-change-password-gm2-DWoAaJ2f.js

@@ -0,0 +1,7 @@
+import { b as i, p as a } from "./index-92b64862-w9a1l35N.js";
+import { g as t } from "./app-globals-0f993ce5-Cgk0KVAu.js";
+var n = () => {
+  const e = import.meta.url, l = {};
+  return e !== "" && (l.resourcesUrl = new URL(".", e).href), a(l);
+};
+n().then(async (e) => (await t(), i([["password-input_2", [[1, "player-change-password-gm2", { language: [513], endpoint: [513], session: [513], token: [513], forgotMode: [513, "forgot-mode"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], mbSource: [1, "mb-source"], translationUrl: [513, "translation-url"], isBtnSubmitEnabled: [32], isMobile: [32] }, [[0, "sendValidityState", "sendValidityStateHandler"], [0, "sendInputValue", "sendInputValueHandler"]], { clientStyling: ["handleClientStylingChange", "handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }], [1, "password-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32], passwordComplexity: [32], showPopup: [32], value: [32] }, [[16, "sendOriginalValidityState", "originalValidityChangedHandler"], [16, "sendInputValue", "valueChangedHandler"], [4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], value: ["valueChanged"], emitValue: ["emitValueHandler"] }]]], ["checkbox-group-input_9", [[1, "checkbox-group-input", { name: [513], displayName: [513, "display-name"], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], options: [16], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32], selectedValues: [32] }, [[4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], selectedValues: ["setValue"], emitValue: ["emitValueHandler"] }], [1, "checkbox-input", { name: [513], displayName: [513, "display-name"], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "date-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], dateFormat: [513, "date-format"], emitOnClick: [516, "emit-on-click"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "email-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"], [16, "sendInputValue", "valueChangedHandler"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "number-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "radio-input", { name: [513], displayName: [513, "display-name"], optionsGroup: [16], validation: [16], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "select-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], action: [513], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], options: [16], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "tel-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], showLabels: [516, "show-labels"], action: [513], validation: [16], defaultValue: [520, "default-value"], autofilled: [516], tooltip: [513], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }], [1, "text-input", { name: [513], displayName: [513, "display-name"], placeholder: [513], validation: [16], defaultValue: [513, "default-value"], autofilled: [516], tooltip: [513], language: [513], checkValidity: [516, "check-validity"], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [513, "client-styling"], isValid: [32], errorMessage: [32], limitStylingAppends: [32], showTooltip: [32] }, [[4, "click", "handleClickOutside"], [16, "sendInputValue", "valueChangedHandler"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }]]], ["general-input", [[1, "general-input", { type: [513], name: [513], displayName: [513, "display-name"], placeholder: [513], action: [513], validation: [16], options: [520], language: [513], autofilled: [516], tooltip: [513], defaultValue: [520, "default-value"], emitValue: [516, "emit-value"], isDuplicateInput: [516, "is-duplicate-input"], clientStyling: [520, "client-styling"], dateFormat: [513, "date-format"], translationUrl: [513, "translation-url"], emitOnClick: [516, "emit-on-click"] }]]], ["toggle-checkbox-input", [[1, "toggle-checkbox-input", { name: [513], displayName: [513, "display-name"], defaultValue: [513, "default-value"], options: [16], autofilled: [516], tooltip: [513], validation: [16], language: [513], emitValue: [516, "emit-value"], clientStyling: [513, "client-styling"], errorMessage: [32], isValid: [32], limitStylingAppends: [32], showTooltip: [32], showFields: [32] }, [[4, "click", "handleClickOutside"]]]]]], e)));

package/stencil/{toggle-checkbox-input-ErX2Ngat.js → toggle-checkbox-input-B4OOk9wz.js}

@@ -1,12 +1,12 @@
-import { r as l, c as o, h as t } from "./index-72d2f0c7--qtpsDOz.js";
+import { r as l, c as o, h as t } from "./index-92b64862-C_69cKxK.js";
 import { t as a } from "./locale-BG_TzyDt.js";
-import { t as s } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
-const n = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', r = n, c = class {
+import { t as r } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
+const s = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', n = s, c = class {
   constructor(e) {
-    l(this, e), this.sendValidityState = o(this, "sendValidityState", 7), this.sendInputValue = o(this, "sendInputValue", 7), this.value = "", this.setClientStyling = () => {
+    l(this, e), this.sendValidityState = o(this, "sendValidityState"), this.sendInputValue = o(this, "sendInputValue"), this.defaultValue = "", this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.showFields = this.defaultValue === "true", this.value = "", this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    }, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.options = void 0, this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.showFields = this.defaultValue === "true";
+    };
   }
   validityStateHandler(e) {
     this.sendValidityState.emit(e);
@@ -37,10 +37,10 @@ const n = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.toggle
     return this.showTooltip ? t("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
   }
   render() {
-    return t("div", { key: "8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed", class: `togglecheckbox__wrapper  ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "18e2ec43ff98738323ddab1e134d6d215978e1c7", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "640b3ba4fd34bd813239533236e51f452e735409", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "efd70a691559cfa98e93561dd945a0fe92909718", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "e56a8fafa17da25d01f894fe6e6c143c318d2aab", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "8b59366827b8f4f8ca5581203a2dca44ae8132d5", class: "togglecheckbox__tooltip-icon", src: s, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "475e27345b51396c36e78b5a1e06edd980bc3ae1", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder }))));
+    return t("div", { key: "8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed", class: `togglecheckbox__wrapper  ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "18e2ec43ff98738323ddab1e134d6d215978e1c7", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "640b3ba4fd34bd813239533236e51f452e735409", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "efd70a691559cfa98e93561dd945a0fe92909718", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "e56a8fafa17da25d01f894fe6e6c143c318d2aab", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "8b59366827b8f4f8ca5581203a2dca44ae8132d5", class: "togglecheckbox__tooltip-icon", src: r, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "475e27345b51396c36e78b5a1e06edd980bc3ae1", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder }))));
   }
 };
-c.style = r;
+c.style = n;
 export {
   c as toggle_checkbox_input
 };

package/stencil/{toggle-checkbox-input-Co64_7cm.js → toggle-checkbox-input-Cwo_Ny77.js}

@@ -1,12 +1,12 @@
-import { r as l, c as o, h as t } from "./index-72d2f0c7-DyMEJXra.js";
+import { r as l, c as o, h as t } from "./index-92b64862-w9a1l35N.js";
 import { t as a } from "./locale-BG_TzyDt.js";
-import { t as s } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
-const n = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', r = n, c = class {
+import { t as r } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
+const s = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', n = s, c = class {
   constructor(e) {
-    l(this, e), this.sendValidityState = o(this, "sendValidityState", 7), this.sendInputValue = o(this, "sendInputValue", 7), this.value = "", this.setClientStyling = () => {
+    l(this, e), this.sendValidityState = o(this, "sendValidityState"), this.sendInputValue = o(this, "sendInputValue"), this.defaultValue = "", this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.showFields = this.defaultValue === "true", this.value = "", this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    }, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.options = void 0, this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.showFields = this.defaultValue === "true";
+    };
   }
   validityStateHandler(e) {
     this.sendValidityState.emit(e);
@@ -37,10 +37,10 @@ const n = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.toggle
     return this.showTooltip ? t("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
   }
   render() {
-    return t("div", { key: "8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed", class: `togglecheckbox__wrapper  ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "18e2ec43ff98738323ddab1e134d6d215978e1c7", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "640b3ba4fd34bd813239533236e51f452e735409", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "efd70a691559cfa98e93561dd945a0fe92909718", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "e56a8fafa17da25d01f894fe6e6c143c318d2aab", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "8b59366827b8f4f8ca5581203a2dca44ae8132d5", class: "togglecheckbox__tooltip-icon", src: s, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "475e27345b51396c36e78b5a1e06edd980bc3ae1", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder }))));
+    return t("div", { key: "8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed", class: `togglecheckbox__wrapper  ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "18e2ec43ff98738323ddab1e134d6d215978e1c7", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "640b3ba4fd34bd813239533236e51f452e735409", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "efd70a691559cfa98e93561dd945a0fe92909718", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "e56a8fafa17da25d01f894fe6e6c143c318d2aab", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "8b59366827b8f4f8ca5581203a2dca44ae8132d5", class: "togglecheckbox__tooltip-icon", src: r, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "475e27345b51396c36e78b5a1e06edd980bc3ae1", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder }))));
   }
 };
-c.style = r;
+c.style = n;
 export {
   c as toggle_checkbox_input
 };

package/stencil/toggle-checkbox-input-tQDhlcag.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-92b64862-BRYoLHww.cjs"),l=require("./locale-B5abSHU_.cjs"),a=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),r='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}',s=r,o=class{constructor(e){t.registerInstance(this,e),this.sendValidityState=t.createEvent(this,"sendValidityState"),this.sendInputValue=t.createEvent(this,"sendInputValue"),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.showFields=this.defaultValue==="true",this.value="",this.setClientStyling=()=>{let i=document.createElement("style");i.innerHTML=this.clientStyling,this.stylingContainer.prepend(i)}}validityStateHandler(e){this.sendValidityState.emit(e)}valueHandler(e){this.sendInputValue.emit(e)}handleClickOutside(e){e.composedPath()[0]!==this.tooltipIconReference&&e.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.valueHandler({name:this.name,value:this.checkboxReference.checked?"true":"false",type:"toggle"})}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return l.translate("requiredError",this.language)}renderLabel(){return t.h("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},t.h("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?t.h("div",{class:`togglecheckbox__tooltip ${this.showTooltip?"visible":""}`,ref:e=>this.tooltipReference=e,innerHTML:this.tooltip}):null}render(){return t.h("div",{key:"8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:e=>this.stylingContainer=e},t.h("div",{key:"18e2ec43ff98738323ddab1e134d6d215978e1c7",class:"togglecheckbox__wrapper--flex"},t.h("input",{key:"640b3ba4fd34bd813239533236e51f452e735409",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:e=>this.checkboxReference=e,name:this.name,checked:this.defaultValue==="true",readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),t.h("small",{key:"efd70a691559cfa98e93561dd945a0fe92909718",class:"togglecheckbox__error-message"},this.errorMessage),t.h("div",{key:"e56a8fafa17da25d01f894fe6e6c143c318d2aab",class:"togglecheckbox__wrapper--relative"},this.tooltip&&t.h("img",{key:"8b59366827b8f4f8ca5581203a2dca44ae8132d5",class:"togglecheckbox__tooltip-icon",src:a.tooltipIconSvg,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),t.h("div",{key:"475e27345b51396c36e78b5a1e06edd980bc3ae1",class:`togglecheckbox__fields-wrapper ${this.showFields?"":"hidden"}`},this.options.map(e=>t.h("general-input",{type:e.inputType,name:e.name,displayName:e.displayName,validation:e.validate,action:e.action||null,defaultValue:e.defaultValue,autofilled:e.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:e.tooltip,placeholder:e.placeholder==null?"":e.placeholder}))))}};o.style=s;exports.toggle_checkbox_input=o;

package/stencil/ui-skeleton-982450d2-BKnKTh4c.js

@@ -0,0 +1,122 @@
+import { r as o, h as r } from "./index-db5752f9-DlyF6uv8.js";
+const s = ".Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", n = s, a = class {
+  constructor(t) {
+    o(this, t), this.animation = !0;
+  }
+  handleStructureChange(t, e) {
+    e !== t && this.handleStructure(t);
+  }
+  updateStyles() {
+    this.primaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color", this.primaryColor), this.secondaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color", this.secondaryColor);
+  }
+  handleStructure(t) {
+    switch (t) {
+      case "logo":
+        return this.renderLogo();
+      case "image":
+        return this.renderImage();
+      case "title":
+        return this.renderTitle();
+      case "text":
+        return this.renderText();
+      case "rectangle":
+        return this.renderRectangle();
+      case "circle":
+        return this.renderCircle();
+    }
+  }
+  renderLogo() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Logo " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderImage() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Image " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderTitle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Title " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderText() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => r("div", { style: t, key: i, class: "Text " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderRectangle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderCircle() {
+    const t = {
+      width: `${this.size}`,
+      height: `${this.size}`,
+      "background-color": `${this.color}`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Circle " + (this.animation ? "Skeleton" : "") }));
+  }
+  componentDidLoad() {
+    this.updateStyles();
+  }
+  render() {
+    return this.handleStructure(this.structure);
+  }
+  static get watchers() {
+    return {
+      structure: ["handleStructureChange"],
+      primaryColor: ["updateStyles"],
+      secondaryColor: ["updateStyles"]
+    };
+  }
+};
+a.style = n;
+export {
+  a as U
+};

package/stencil/ui-skeleton-982450d2-DDIv0--Q.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./index-db5752f9-dFKrDpwt.cjs"),n=".Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}",s=n,i=class{constructor(t){r.registerInstance(this,t),this.animation=!0}handleStructureChange(t,e){e!==t&&this.handleStructure(t)}updateStyles(){this.primaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color",this.primaryColor),this.secondaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color",this.secondaryColor)}handleStructure(t){switch(t){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle()}}renderLogo(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Image "+(this.animation?"Skeleton":"")}))}renderTitle(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return Array.from({length:this.rows>0?this.rows:1}).map((e,o)=>r.h("div",{style:t,key:o,class:"Text "+(this.animation?"Skeleton":"")}))}renderRectangle(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){const t={width:`${this.size}`,height:`${this.size}`,"background-color":`${this.color}`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Circle "+(this.animation?"Skeleton":"")}))}componentDidLoad(){this.updateStyles()}render(){return this.handleStructure(this.structure)}static get watchers(){return{structure:["handleStructureChange"],primaryColor:["updateStyles"],secondaryColor:["updateStyles"]}}};i.style=s;exports.UiSkeleton=i;

package/stencil/ui-skeleton-982450d2-DQzKNKe8.js

@@ -0,0 +1,122 @@
+import { r as o, h as r } from "./index-db5752f9-DrdunCay.js";
+const s = ".Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", n = s, a = class {
+  constructor(t) {
+    o(this, t), this.animation = !0;
+  }
+  handleStructureChange(t, e) {
+    e !== t && this.handleStructure(t);
+  }
+  updateStyles() {
+    this.primaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color", this.primaryColor), this.secondaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color", this.secondaryColor);
+  }
+  handleStructure(t) {
+    switch (t) {
+      case "logo":
+        return this.renderLogo();
+      case "image":
+        return this.renderImage();
+      case "title":
+        return this.renderTitle();
+      case "text":
+        return this.renderText();
+      case "rectangle":
+        return this.renderRectangle();
+      case "circle":
+        return this.renderCircle();
+    }
+  }
+  renderLogo() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Logo " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderImage() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Image " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderTitle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Title " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderText() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => r("div", { style: t, key: i, class: "Text " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderRectangle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderCircle() {
+    const t = {
+      width: `${this.size}`,
+      height: `${this.size}`,
+      "background-color": `${this.color}`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Circle " + (this.animation ? "Skeleton" : "") }));
+  }
+  componentDidLoad() {
+    this.updateStyles();
+  }
+  render() {
+    return this.handleStructure(this.structure);
+  }
+  static get watchers() {
+    return {
+      structure: ["handleStructureChange"],
+      primaryColor: ["updateStyles"],
+      secondaryColor: ["updateStyles"]
+    };
+  }
+};
+a.style = n;
+export {
+  a as U
+};

package/stencil/ui-skeleton-BL5JJXyn.js

@@ -0,0 +1,11 @@
+import { b as t, p as e } from "./index-db5752f9-DlyF6uv8.js";
+import { a } from "./app-globals-0f993ce5-Cgk0KVAu.js";
+import { U as p } from "./ui-skeleton-982450d2-BKnKTh4c.js";
+var i = () => {
+  const r = import.meta.url, o = {};
+  return r !== "" && (o.resourcesUrl = new URL(".", r).href), e(o);
+};
+i().then(async (r) => (await a(), t([["ui-skeleton", [[0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [2, "border-radius"], marginBottom: [2, "margin-bottom"], marginTop: [2, "margin-top"], marginLeft: [2, "margin-left"], marginRight: [2, "margin-right"], animation: [4], rows: [2], size: [1], color: [1], primaryColor: [1, "primary-color"], secondaryColor: [1, "secondary-color"] }, null, { structure: ["handleStructureChange"], primaryColor: ["updateStyles"], secondaryColor: ["updateStyles"] }]]]], r)));
+export {
+  p as ui_skeleton
+};

package/stencil/ui-skeleton-CGldUjn2.js

@@ -0,0 +1,29 @@
+var n = (o, t, e) => new Promise((m, s) => {
+  var l = (r) => {
+    try {
+      a(e.next(r));
+    } catch (i) {
+      s(i);
+    }
+  }, p = (r) => {
+    try {
+      a(e.throw(r));
+    } catch (i) {
+      s(i);
+    }
+  }, a = (r) => r.done ? m(r.value) : Promise.resolve(r.value).then(l, p);
+  a((e = e.apply(o, t)).next());
+});
+import { b as u, p as c } from "./index-db5752f9-DrdunCay.js";
+import { a as g } from "./app-globals-0f993ce5-Cgk0KVAu.js";
+import { U as C } from "./ui-skeleton-982450d2-DQzKNKe8.js";
+var d = () => {
+  const o = import.meta.url, t = {};
+  return o !== "" && (t.resourcesUrl = new URL(".", o).href), c(t);
+};
+d().then((o) => n(void 0, null, function* () {
+  return yield g(), u([["ui-skeleton", [[0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [2, "border-radius"], marginBottom: [2, "margin-bottom"], marginTop: [2, "margin-top"], marginLeft: [2, "margin-left"], marginRight: [2, "margin-right"], animation: [4], rows: [2], size: [1], color: [1], primaryColor: [1, "primary-color"], secondaryColor: [1, "secondary-color"] }, null, { structure: ["handleStructureChange"], primaryColor: ["updateStyles"], secondaryColor: ["updateStyles"] }]]]], o);
+}));
+export {
+  C as ui_skeleton
+};

package/stencil/ui-skeleton-ITys8nIA.cjs

@@ -0,0 +1 @@
+"use strict";var u=(r,t,o)=>new Promise((c,s)=>{var d=e=>{try{n(o.next(e))}catch(i){s(i)}},m=e=>{try{n(o.throw(e))}catch(i){s(i)}},n=e=>e.done?c(e.value):Promise.resolve(e.value).then(d,m);n((o=o.apply(r,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-db5752f9-dFKrDpwt.cjs"),p=require("./app-globals-0f993ce5-BD-Q0C8R.cjs"),g=require("./ui-skeleton-982450d2-DDIv0--Q.cjs");var a=typeof document!="undefined"?document.currentScript:null,f=()=>{const r=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("stencil/ui-skeleton-ITys8nIA.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),l.promiseResolve(t)};f().then(r=>u(exports,null,function*(){return yield p.globalScripts$1(),l.bootstrapLazy([["ui-skeleton",[[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"],primaryColor:["updateStyles"],secondaryColor:["updateStyles"]}]]]],r)}));exports.ui_skeleton=g.UiSkeleton;