@sula-tech/webcomponents 0.7.4 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21598,6 +21598,7 @@ const SulaTextarea = class {
21598
21598
  this.changeElementsStyle();
21599
21599
  }
21600
21600
  changeElementsStyle() {
21601
+ if (!this.labelElement || !this.activeLabelElement) return;
21601
21602
  this.activeLabelElement.style.display = this.isActive ? "flex" : "none";
21602
21603
  this.labelElement.style.display = this.isActive ? "none" : "block";
21603
21604
  if (!this.isActive) {
@@ -21607,12 +21608,12 @@ const SulaTextarea = class {
21607
21608
  render() {
21608
21609
  const e = this.rows * 24 + 48;
21609
21610
  return h$1(Host, {
21610
- key: "71e17dbbb92c7a05d8988820c0599b39a0f841a2",
21611
+ key: "1ec5c0b8f04ea2f32d48301334d2c717327d0b17",
21611
21612
  ref: e => this.node = e
21612
21613
  }, h$1("div", {
21613
- key: "9be717191ecd92216c42830dfda5ea14a3c5c939"
21614
+ key: "be0e209759746014407a3dc9aa553faea5b4f7f9"
21614
21615
  }, h$1("div", {
21615
- key: "3765ff81f012dce9438d9c00d694fb61864acf79",
21616
+ key: "238be270fa3cfdbdd0f4a5cda9d99deeb7c9667d",
21616
21617
  id: "textarea-container",
21617
21618
  class: {
21618
21619
  "relative border rounded-sm px-16 py-12 outline-none caret-brand-primary": true,
@@ -21628,7 +21629,7 @@ const SulaTextarea = class {
21628
21629
  onFocus: this.handleFocus,
21629
21630
  onClick: this.handleTextareaClick
21630
21631
  }, h$1("label", {
21631
- key: "252bc2b94a3a39a478a6c919bc181514eeb13891",
21632
+ key: "66812b881d9396ff093cac598e6c64a54e1cdbad",
21632
21633
  class: {
21633
21634
  "text-base top-16 left-12 absolute transition-all duration-200 ease-in-out pointer-events-none z-10 w-[85%]": true,
21634
21635
  "text-text-primary": !this.disabled && (this.isActive || this.status === SulaTextareaStatus.Default),
@@ -21637,7 +21638,7 @@ const SulaTextarea = class {
21637
21638
  },
21638
21639
  ref: e => this.labelElement = e
21639
21640
  }, this.label), h$1("label", {
21640
- key: "71505a321c84a6c33668cb0f8e67877943225c99",
21641
+ key: "e0b2a3f1d35b7bd047b6324464772697d565076d",
21641
21642
  class: {
21642
21643
  "absolute font-bold transition-all duration-200 ease-in-out pointer-events-none z-10 active-label hidden from-down": true,
21643
21644
  "text-sm top-12 left-16": this.isActive,
@@ -21647,7 +21648,7 @@ const SulaTextarea = class {
21647
21648
  },
21648
21649
  ref: e => this.activeLabelElement = e
21649
21650
  }, this.label), h$1("textarea", {
21650
- key: "55fdbfcf690c8198c62299d884cd85bba5f08346",
21651
+ key: "77603b5c3bfb9430e5a41f0b219c5f0597f4ab92",
21651
21652
  ref: e => this.textareaElement = e,
21652
21653
  placeholder: this.isActive ? this.placeholder : "",
21653
21654
  rows: this.rows,
@@ -21665,10 +21666,10 @@ const SulaTextarea = class {
21665
21666
  onBlur: this.handleBlur,
21666
21667
  value: this.textValue
21667
21668
  })), (this.helpText || this.maxLength) && h$1("div", {
21668
- key: "a4d90c39f337137a50ac71ffdd1f0b0714761de9",
21669
+ key: "ed5e9397e617eb07241dc26fed75d35f0abd16fd",
21669
21670
  class: "flex justify-between items-center px-16 mt-4 text-sm"
21670
21671
  }, this.helpText && h$1("div", {
21671
- key: "a1368830518a465f2d3bec91eec42966a5eee1c0",
21672
+ key: "3ee82fca291f045dcee3c2c29da6ac625ee42d44",
21672
21673
  id: "textarea-help-text",
21673
21674
  class: {
21674
21675
  "text-text-primary": this.status === SulaTextareaStatus.Default && !this.disabled,
@@ -21676,7 +21677,7 @@ const SulaTextarea = class {
21676
21677
  "text-text-disabled": this.disabled
21677
21678
  }
21678
21679
  }, this.helpText), this.maxLength && h$1("div", {
21679
- key: "a53bdb59f7dfab7c276a9fd34921026f25bccf12",
21680
+ key: "d4a3503ef45089512b85cf2cb28c32f655f9b17c",
21680
21681
  id: "max-length-container",
21681
21682
  class: {
21682
21683
  "text-text-primary": this.status === SulaTextareaStatus.Default && !this.disabled,
@@ -22181,4 +22182,4 @@ SulaTimelineList.style = sulaTimelineListCss;
22181
22182
 
22182
22183
  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 };
22183
22184
  //# 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
22184
- //# sourceMappingURL=p-0cad4d30.entry.js.map
22185
+ //# sourceMappingURL=p-e86b2271.entry.js.map