@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.
- package/dist/cjs/sula-avatar_18.cjs.entry.js +4 -2
- package/dist/cjs/sula-avatar_18.cjs.entry.js.map +1 -1
- package/dist/collection/components/sula-textfield/sula-textfield.js +4 -2
- package/dist/collection/components/sula-textfield/sula-textfield.js.map +1 -1
- package/dist/components/sula-textfield.js +4 -2
- package/dist/components/sula-textfield.js.map +1 -1
- package/dist/esm/sula-avatar_18.entry.js +4 -2
- package/dist/esm/sula-avatar_18.entry.js.map +1 -1
- package/dist/webcomponents/{p-43b2dde5.entry.js → p-0cad4d30.entry.js} +14 -13
- package/dist/webcomponents/{p-43b2dde5.entry.js.map → p-0cad4d30.entry.js.map} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
|
@@ -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: "
|
|
21830
|
+
key: "db19982329c8a6aa8989b3a68ef61a7453ee4a99",
|
|
21830
21831
|
ref: e => this.node = e
|
|
21831
21832
|
}, h$1("div", {
|
|
21832
|
-
key: "
|
|
21833
|
+
key: "daf060b490b07b535cb414b11c3c75f307f127aa"
|
|
21833
21834
|
}, h$1("div", {
|
|
21834
|
-
key: "
|
|
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: "
|
|
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: "
|
|
21856
|
+
key: "001ef2edc750497dc82a65341f98289fd8d28c6d",
|
|
21856
21857
|
class: "font-bold text-sm text-text-primary from-down"
|
|
21857
21858
|
}, this.label), h$1("input", {
|
|
21858
|
-
key: "
|
|
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: "
|
|
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: "
|
|
21877
|
+
key: "27596e159d5bcdd52f587350fa7ed619d5a6346e",
|
|
21877
21878
|
class: "flex items-center justify-center",
|
|
21878
21879
|
onClick: this.handleIconClick
|
|
21879
21880
|
}, h$1("sula-icon", {
|
|
21880
|
-
key: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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-
|
|
22184
|
+
//# sourceMappingURL=p-0cad4d30.entry.js.map
|