@sula-tech/webcomponents 0.7.3 → 0.7.4

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.
@@ -21801,6 +21801,7 @@ const SulaTextfield = class {
21801
21801
  this.inputElement.focus();
21802
21802
  }
21803
21803
  changeElementsStyle() {
21804
+ if (!this.inputContainer || !this.labelElement) return;
21804
21805
  this.inputContainer.style.display = this.inputIsOpen ? "flex" : "none";
21805
21806
  this.labelElement.style.display = this.inputIsOpen ? "none" : "block";
21806
21807
  if (!this.inputIsOpen) {
@@ -21826,12 +21827,12 @@ const SulaTextfield = class {
21826
21827
  }
21827
21828
  render() {
21828
21829
  return h$1(Host, {
21829
- key: "46cd224f63ed98167fd261dc930014a0293ea614",
21830
+ key: "db19982329c8a6aa8989b3a68ef61a7453ee4a99",
21830
21831
  ref: e => this.node = e
21831
21832
  }, h$1("div", {
21832
- key: "feb3a3f5fccc779ecab04aae9fb6bf4f86cc6a6a"
21833
+ key: "daf060b490b07b535cb414b11c3c75f307f127aa"
21833
21834
  }, h$1("div", {
21834
- key: "7afb904201e65f95b1b13f97f6989c8d921afbe3",
21835
+ key: "1d84aec41f352537a124311c076eceec3271832a",
21835
21836
  id: "button-container",
21836
21837
  class: {
21837
21838
  "flex items-center border rounded-sm px-16 outline-none h-[72px] caret-brand-primary": true,
@@ -21845,17 +21846,17 @@ const SulaTextfield = class {
21845
21846
  onFocus: this.handleFocus,
21846
21847
  onClick: this.handleInputClick
21847
21848
  }, !this.disabled && h$1("div", {
21848
- key: "02dc46c38c09147f966017f3e70df530b7ad175c",
21849
+ key: "6ec4a250e1bcd8f053b2dba7e6e6fe6842c1b9bf",
21849
21850
  class: {
21850
21851
  "hidden flex-col w-full": true,
21851
21852
  "pr-12": !!this.icon
21852
21853
  },
21853
21854
  ref: e => this.inputContainer = e
21854
21855
  }, h$1("label", {
21855
- key: "1ecfe54e70ede77ad085d408b71e1d0f3ee53133",
21856
+ key: "001ef2edc750497dc82a65341f98289fd8d28c6d",
21856
21857
  class: "font-bold text-sm text-text-primary from-down"
21857
21858
  }, this.label), h$1("input", {
21858
- key: "e08732fbd8fb08a03dfd3eadc7884ad632b8c809",
21859
+ key: "96c0725c63ed92ddbc164f8efcdc003707eb0115",
21859
21860
  type: this.type,
21860
21861
  ref: e => this.inputElement = e,
21861
21862
  placeholder: this.placeholder,
@@ -21864,7 +21865,7 @@ const SulaTextfield = class {
21864
21865
  onFocus: this.handleInputFocus,
21865
21866
  value: this.textValue
21866
21867
  })), h$1("div", {
21867
- key: "e1c37bffee8df5505c2757610b8f5798aded0d59",
21868
+ key: "f65cd97f9ddcadcc07789d8d3dc9421e82e31d78",
21868
21869
  id: "textfield-label",
21869
21870
  class: {
21870
21871
  "text-base flex items-center": true,
@@ -21873,25 +21874,25 @@ const SulaTextfield = class {
21873
21874
  },
21874
21875
  ref: e => this.labelElement = e
21875
21876
  }, this.label), (!!this.icon || this.type === SulaTextfieldType.Password) && h$1("div", {
21876
- key: "05a531ae49ea6ab7301ac792f7f8c50dcd366df7",
21877
+ key: "27596e159d5bcdd52f587350fa7ed619d5a6346e",
21877
21878
  class: "flex items-center justify-center",
21878
21879
  onClick: this.handleIconClick
21879
21880
  }, h$1("sula-icon", {
21880
- key: "b23ce605c3e496b5bac81b04d4a4d7d08f87c70b",
21881
+ key: "2fb87a5df61f3ed9f50f404ca8ff2988c71d10a7",
21881
21882
  icon: this.getInputIcon(),
21882
21883
  customClass: `text-2xl ${this.disabled ? "text-icon-disabled" : "text-icon-primary"}`
21883
21884
  }))), (this.helpText || this.maxLength) && !this.disabled && h$1("div", {
21884
- key: "d3a0d8f6de88b5e18da0e7667ec644a3473e29c3",
21885
+ key: "d54b53d64879e9a454a72c7e6726c8b0f5905baa",
21885
21886
  class: "flex justify-between items-center px-16 mt-4 text-sm"
21886
21887
  }, this.helpText && h$1("div", {
21887
- key: "0e1027cf8e761bbbc5830242f0cb733c152e5fb6",
21888
+ key: "7ded73f462e82f41b8766e4654cd47fabf3b3a40",
21888
21889
  id: "textfield-help-text",
21889
21890
  class: {
21890
21891
  "text-text-primary": this.status === SulaTextfieldStatus.Default,
21891
21892
  "text-feedback-error": this.status === SulaTextfieldStatus.Error
21892
21893
  }
21893
21894
  }, this.helpText), this.maxLength && h$1("div", {
21894
- key: "8c271af5206a0b44748125bed4456dcb6b357117",
21895
+ key: "c62b62d8b8c99a775a31092479f1e4d8f581908c",
21895
21896
  id: "max-length-container",
21896
21897
  class: {
21897
21898
  "text-text-primary": this.status === SulaTextfieldStatus.Default,
@@ -22180,4 +22181,4 @@ SulaTimelineList.style = sulaTimelineListCss;
22180
22181
 
22181
22182
  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 };
22182
22183
  //# 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
22183
- //# sourceMappingURL=p-43b2dde5.entry.js.map
22184
+ //# sourceMappingURL=p-0cad4d30.entry.js.map