@sula-tech/webcomponents 0.11.2 → 0.11.3

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.
@@ -22570,6 +22570,10 @@ const SulaTextfield = class {
22570
22570
  }
22571
22571
  }
22572
22572
  componentDidLoad() {
22573
+ if (this.value && this.value.trim().length > 0 && this.inputElement) {
22574
+ this.inputElement.value = this.value;
22575
+ this.textValue = this.value;
22576
+ }
22573
22577
  if (this.textValue && this.textValue.trim().length > 0) {
22574
22578
  this.changeElementsStyle();
22575
22579
  }
@@ -22613,12 +22617,12 @@ const SulaTextfield = class {
22613
22617
  }
22614
22618
  render() {
22615
22619
  return h$1(Host, {
22616
- key: "40a7bb18169b3d8970b45c694c1893ff9f64bbab",
22620
+ key: "b06e08483a4e05c4c0458991eee33683493e906a",
22617
22621
  ref: e => this.node = e
22618
22622
  }, h$1("div", {
22619
- key: "6777fa4dd7436443969d0c0e1142be8c4eb284e7"
22623
+ key: "16fa77d77f98e1dc9b4884f4d55eaae54fe1ecf6"
22620
22624
  }, h$1("div", {
22621
- key: "d3d7789d4d36d65adedf1ad6b6e62c8957ebb680",
22625
+ key: "194098398ef8219420a48cabb0b1b36b44d5d727",
22622
22626
  id: "button-container",
22623
22627
  class: {
22624
22628
  "flex items-center border rounded-sm px-16 outline-none h-[72px] caret-brand-primary": true,
@@ -22632,17 +22636,17 @@ const SulaTextfield = class {
22632
22636
  onFocus: this.handleFocus,
22633
22637
  onClick: this.handleInputClick
22634
22638
  }, !this.disabled && h$1("div", {
22635
- key: "956eadf48754f760e062d83663e32c47fcff1337",
22639
+ key: "9795339bc40d505837b673b1350bd863829e4daa",
22636
22640
  class: {
22637
22641
  "hidden flex-col w-full": true,
22638
22642
  "pr-12": !!this.icon
22639
22643
  },
22640
22644
  ref: e => this.inputContainer = e
22641
22645
  }, h$1("label", {
22642
- key: "99e202b916e25409144476a9c57fe75e0753f4ff",
22646
+ key: "289548d1e1da0ef6a18106155c732307f2fedf67",
22643
22647
  class: "font-bold text-sm text-text-primary from-down"
22644
22648
  }, this.label), h$1("input", {
22645
- key: "1bac9e8fff8f951ca2dd2fcbc60b5efe97757254",
22649
+ key: "e737484f921f93ca54f249b6e575e8c22a5e6660",
22646
22650
  type: this.type,
22647
22651
  ref: e => this.inputElement = e,
22648
22652
  placeholder: this.placeholder,
@@ -22651,7 +22655,7 @@ const SulaTextfield = class {
22651
22655
  onFocus: this.handleInputFocus,
22652
22656
  value: this.textValue
22653
22657
  })), h$1("div", {
22654
- key: "cb1626373a04dda96120a28bb982b72db41e3b4e",
22658
+ key: "44213cd6c32eb17d918f7087c58551c75a18206a",
22655
22659
  id: "textfield-label",
22656
22660
  class: {
22657
22661
  "text-base flex items-center": true,
@@ -22660,25 +22664,25 @@ const SulaTextfield = class {
22660
22664
  },
22661
22665
  ref: e => this.labelElement = e
22662
22666
  }, this.label), (!!this.icon || this.type === SulaTextfieldType.Password) && h$1("div", {
22663
- key: "09050fd2dc99bc07a73565804a5332bddfa2883c",
22667
+ key: "6ab542e64b6c48163ae8fc5d873258237ca253b2",
22664
22668
  class: "flex items-center justify-center",
22665
22669
  onClick: this.handleIconClick
22666
22670
  }, h$1("sula-icon", {
22667
- key: "120077ac071a88964d824f66117eb9b4a97ca93c",
22671
+ key: "915aeca122f4ee3a28742b441c0f2067f4a8ce8a",
22668
22672
  icon: this.getInputIcon(),
22669
22673
  customClass: `text-2xl ${this.disabled ? "text-icon-disabled" : "text-icon-primary"}`
22670
22674
  }))), (this.helpText || this.maxLength) && !this.disabled && h$1("div", {
22671
- key: "e1cf2bd5e34d00125807f12d853c0630e1061434",
22675
+ key: "81edcd13a69c02c31f913cd36768540417095e77",
22672
22676
  class: "flex justify-between items-center px-16 mt-4 text-sm"
22673
22677
  }, this.helpText && h$1("div", {
22674
- key: "fd485e6cd34d4a90df9f15e33359e5ed02c4bf82",
22678
+ key: "ff99921f928181450f106413cca5ba8ead39c897",
22675
22679
  id: "textfield-help-text",
22676
22680
  class: {
22677
22681
  "text-text-primary": this.status === SulaTextfieldStatus.Default,
22678
22682
  "text-feedback-error": this.status === SulaTextfieldStatus.Error
22679
22683
  }
22680
22684
  }, this.helpText), this.maxLength && h$1("div", {
22681
- key: "70b2df0825f91a40db9e2e111c83947e8df6c7e9",
22685
+ key: "29c954591b2426eb5cf3bdeedd7ae78161573647",
22682
22686
  id: "max-length-container",
22683
22687
  class: {
22684
22688
  "text-text-primary": this.status === SulaTextfieldStatus.Default,
@@ -22967,4 +22971,4 @@ SulaTimelineList.style = sulaTimelineListCss;
22967
22971
 
22968
22972
  export { SulaAvatar as sula_avatar, SulaBadge as sula_badge, SulaBreadcrumb as sula_breadcrumb, 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, SulaModal as sula_modal, SulaProgressBar as sula_progress_bar, SulaRadioButton as sula_radio_button, SulaSearchBar as sula_search_bar, SulaSegmentedControl as sula_segmented_control, 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 };
22969
22973
  //# sourceMappingURL=sula-avatar.sula-badge.sula-breadcrumb.sula-button.sula-checkbox.sula-chip.sula-dropdown.sula-icon.sula-loader.sula-menu-select-list.sula-modal.sula-progress-bar.sula-radio-button.sula-search-bar.sula-segmented-control.sula-switch.sula-tag.sula-textarea.sula-textfield.sula-tiles.sula-timeline-list.entry.esm.js.map
22970
- //# sourceMappingURL=p-1b6e77dc.entry.js.map
22974
+ //# sourceMappingURL=p-0749814d.entry.js.map