@sula-tech/webcomponents 0.7.3 → 0.7.5

package/dist/webcomponents/{p-43b2dde5.entry.js → p-e86b2271.entry.js}

@@ -21598,6 +21598,7 @@ const SulaTextarea = class {
     this.changeElementsStyle();
   }
   changeElementsStyle() {
+    if (!this.labelElement || !this.activeLabelElement) return;
     this.activeLabelElement.style.display = this.isActive ? "flex" : "none";
     this.labelElement.style.display = this.isActive ? "none" : "block";
     if (!this.isActive) {
@@ -21607,12 +21608,12 @@ const SulaTextarea = class {
   render() {
     const e = this.rows * 24 + 48;
     return h$1(Host, {
-      key: "71e17dbbb92c7a05d8988820c0599b39a0f841a2",
+      key: "1ec5c0b8f04ea2f32d48301334d2c717327d0b17",
       ref: e => this.node = e
     }, h$1("div", {
-      key: "9be717191ecd92216c42830dfda5ea14a3c5c939"
+      key: "be0e209759746014407a3dc9aa553faea5b4f7f9"
     }, h$1("div", {
-      key: "3765ff81f012dce9438d9c00d694fb61864acf79",
+      key: "238be270fa3cfdbdd0f4a5cda9d99deeb7c9667d",
       id: "textarea-container",
       class: {
         "relative border rounded-sm px-16 py-12 outline-none caret-brand-primary": true,
@@ -21628,7 +21629,7 @@ const SulaTextarea = class {
       onFocus: this.handleFocus,
       onClick: this.handleTextareaClick
     }, h$1("label", {
-      key: "252bc2b94a3a39a478a6c919bc181514eeb13891",
+      key: "66812b881d9396ff093cac598e6c64a54e1cdbad",
       class: {
         "text-base top-16 left-12 absolute transition-all duration-200 ease-in-out pointer-events-none z-10 w-[85%]": true,
         "text-text-primary": !this.disabled && (this.isActive || this.status === SulaTextareaStatus.Default),
@@ -21637,7 +21638,7 @@ const SulaTextarea = class {
       },
       ref: e => this.labelElement = e
     }, this.label), h$1("label", {
-      key: "71505a321c84a6c33668cb0f8e67877943225c99",
+      key: "e0b2a3f1d35b7bd047b6324464772697d565076d",
       class: {
         "absolute font-bold transition-all duration-200 ease-in-out pointer-events-none z-10 active-label hidden from-down": true,
         "text-sm top-12 left-16": this.isActive,
@@ -21647,7 +21648,7 @@ const SulaTextarea = class {
       },
       ref: e => this.activeLabelElement = e
     }, this.label), h$1("textarea", {
-      key: "55fdbfcf690c8198c62299d884cd85bba5f08346",
+      key: "77603b5c3bfb9430e5a41f0b219c5f0597f4ab92",
       ref: e => this.textareaElement = e,
       placeholder: this.isActive ? this.placeholder : "",
       rows: this.rows,
@@ -21665,10 +21666,10 @@ const SulaTextarea = class {
       onBlur: this.handleBlur,
       value: this.textValue
     })), (this.helpText || this.maxLength) && h$1("div", {
-      key: "a4d90c39f337137a50ac71ffdd1f0b0714761de9",
+      key: "ed5e9397e617eb07241dc26fed75d35f0abd16fd",
       class: "flex justify-between items-center px-16 mt-4 text-sm"
     }, this.helpText && h$1("div", {
-      key: "a1368830518a465f2d3bec91eec42966a5eee1c0",
+      key: "3ee82fca291f045dcee3c2c29da6ac625ee42d44",
       id: "textarea-help-text",
       class: {
         "text-text-primary": this.status === SulaTextareaStatus.Default && !this.disabled,
@@ -21676,7 +21677,7 @@ const SulaTextarea = class {
         "text-text-disabled": this.disabled
       }
     }, this.helpText), this.maxLength && h$1("div", {
-      key: "a53bdb59f7dfab7c276a9fd34921026f25bccf12",
+      key: "d4a3503ef45089512b85cf2cb28c32f655f9b17c",
       id: "max-length-container",
       class: {
         "text-text-primary": this.status === SulaTextareaStatus.Default && !this.disabled,
@@ -21801,6 +21802,7 @@ const SulaTextfield = class {
     this.inputElement.focus();
   }
   changeElementsStyle() {
+    if (!this.inputContainer || !this.labelElement) return;
     this.inputContainer.style.display = this.inputIsOpen ? "flex" : "none";
     this.labelElement.style.display = this.inputIsOpen ? "none" : "block";
     if (!this.inputIsOpen) {
@@ -21826,12 +21828,12 @@ const SulaTextfield = class {
   }
   render() {
     return h$1(Host, {
-      key: "46cd224f63ed98167fd261dc930014a0293ea614",
+      key: "db19982329c8a6aa8989b3a68ef61a7453ee4a99",
       ref: e => this.node = e
     }, h$1("div", {
-      key: "feb3a3f5fccc779ecab04aae9fb6bf4f86cc6a6a"
+      key: "daf060b490b07b535cb414b11c3c75f307f127aa"
     }, h$1("div", {
-      key: "7afb904201e65f95b1b13f97f6989c8d921afbe3",
+      key: "1d84aec41f352537a124311c076eceec3271832a",
       id: "button-container",
       class: {
         "flex items-center border rounded-sm px-16 outline-none h-[72px] caret-brand-primary": true,
@@ -21845,17 +21847,17 @@ const SulaTextfield = class {
       onFocus: this.handleFocus,
       onClick: this.handleInputClick
     }, !this.disabled && h$1("div", {
-      key: "02dc46c38c09147f966017f3e70df530b7ad175c",
+      key: "6ec4a250e1bcd8f053b2dba7e6e6fe6842c1b9bf",
       class: {
         "hidden flex-col w-full": true,
         "pr-12": !!this.icon
       },
       ref: e => this.inputContainer = e
     }, h$1("label", {
-      key: "1ecfe54e70ede77ad085d408b71e1d0f3ee53133",
+      key: "001ef2edc750497dc82a65341f98289fd8d28c6d",
       class: "font-bold text-sm text-text-primary from-down"
     }, this.label), h$1("input", {
-      key: "e08732fbd8fb08a03dfd3eadc7884ad632b8c809",
+      key: "96c0725c63ed92ddbc164f8efcdc003707eb0115",
       type: this.type,
       ref: e => this.inputElement = e,
       placeholder: this.placeholder,
@@ -21864,7 +21866,7 @@ const SulaTextfield = class {
       onFocus: this.handleInputFocus,
       value: this.textValue
     })), h$1("div", {
-      key: "e1c37bffee8df5505c2757610b8f5798aded0d59",
+      key: "f65cd97f9ddcadcc07789d8d3dc9421e82e31d78",
       id: "textfield-label",
       class: {
         "text-base flex items-center": true,
@@ -21873,25 +21875,25 @@ const SulaTextfield = class {
       },
       ref: e => this.labelElement = e
     }, this.label), (!!this.icon || this.type === SulaTextfieldType.Password) && h$1("div", {
-      key: "05a531ae49ea6ab7301ac792f7f8c50dcd366df7",
+      key: "27596e159d5bcdd52f587350fa7ed619d5a6346e",
       class: "flex items-center justify-center",
       onClick: this.handleIconClick
     }, h$1("sula-icon", {
-      key: "b23ce605c3e496b5bac81b04d4a4d7d08f87c70b",
+      key: "2fb87a5df61f3ed9f50f404ca8ff2988c71d10a7",
       icon: this.getInputIcon(),
       customClass: `text-2xl ${this.disabled ? "text-icon-disabled" : "text-icon-primary"}`
     }))), (this.helpText || this.maxLength) && !this.disabled && h$1("div", {
-      key: "d3a0d8f6de88b5e18da0e7667ec644a3473e29c3",
+      key: "d54b53d64879e9a454a72c7e6726c8b0f5905baa",
       class: "flex justify-between items-center px-16 mt-4 text-sm"
     }, this.helpText && h$1("div", {
-      key: "0e1027cf8e761bbbc5830242f0cb733c152e5fb6",
+      key: "7ded73f462e82f41b8766e4654cd47fabf3b3a40",
       id: "textfield-help-text",
       class: {
         "text-text-primary": this.status === SulaTextfieldStatus.Default,
         "text-feedback-error": this.status === SulaTextfieldStatus.Error
       }
     }, this.helpText), this.maxLength && h$1("div", {
-      key: "8c271af5206a0b44748125bed4456dcb6b357117",
+      key: "c62b62d8b8c99a775a31092479f1e4d8f581908c",
       id: "max-length-container",
       class: {
         "text-text-primary": this.status === SulaTextfieldStatus.Default,
@@ -22180,4 +22182,4 @@ SulaTimelineList.style = sulaTimelineListCss;
 
 export { SulaAvatar as sula_avatar, SulaBadge as sula_badge, SulaButton as sula_button, SulaCheckbox as sula_checkbox, SulaChip as sula_chip, SulaDropdown as sula_dropdown, SulaIcon as sula_icon, SulaLoader as sula_loader, SulaMenuSelectList as sula_menu_select_list, SulaProgressBar as sula_progress_bar, SulaRadioButton as sula_radio_button, SulaSearchBar as sula_search_bar, SulaSwitch as sula_switch, SulaTag as sula_tag, SulaTextarea as sula_textarea, SulaTextfield as sula_textfield, SulaTiles as sula_tiles, SulaTimelineList as sula_timeline_list };
 //# sourceMappingURL=sula-avatar.sula-badge.sula-button.sula-checkbox.sula-chip.sula-dropdown.sula-icon.sula-loader.sula-menu-select-list.sula-progress-bar.sula-radio-button.sula-search-bar.sula-switch.sula-tag.sula-textarea.sula-textfield.sula-tiles.sula-timeline-list.entry.esm.js.map
-//# sourceMappingURL=p-43b2dde5.entry.js.map
+//# sourceMappingURL=p-e86b2271.entry.js.map