@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.
- package/dist/cjs/sula-avatar_21.cjs.entry.js +6 -2
- package/dist/cjs/sula-avatar_21.cjs.entry.js.map +1 -1
- package/dist/collection/components/sula-textfield/sula-textfield.js +6 -2
- package/dist/collection/components/sula-textfield/sula-textfield.js.map +1 -1
- package/dist/collection/components/sula-textfield/sula-textfield.stories.js +61 -11
- package/dist/collection/components/sula-textfield/sula-textfield.stories.js.map +1 -1
- package/dist/components/sula-textfield.js +6 -2
- package/dist/components/sula-textfield.js.map +1 -1
- package/dist/esm/sula-avatar_21.entry.js +6 -2
- package/dist/esm/sula-avatar_21.entry.js.map +1 -1
- package/dist/webcomponents/{p-1b6e77dc.entry.js → p-0749814d.entry.js} +17 -13
- package/dist/webcomponents/{p-1b6e77dc.entry.js.map → p-0749814d.entry.js.map} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
|
@@ -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: "
|
|
22620
|
+
key: "b06e08483a4e05c4c0458991eee33683493e906a",
|
|
22617
22621
|
ref: e => this.node = e
|
|
22618
22622
|
}, h$1("div", {
|
|
22619
|
-
key: "
|
|
22623
|
+
key: "16fa77d77f98e1dc9b4884f4d55eaae54fe1ecf6"
|
|
22620
22624
|
}, h$1("div", {
|
|
22621
|
-
key: "
|
|
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: "
|
|
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: "
|
|
22646
|
+
key: "289548d1e1da0ef6a18106155c732307f2fedf67",
|
|
22643
22647
|
class: "font-bold text-sm text-text-primary from-down"
|
|
22644
22648
|
}, this.label), h$1("input", {
|
|
22645
|
-
key: "
|
|
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: "
|
|
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: "
|
|
22667
|
+
key: "6ab542e64b6c48163ae8fc5d873258237ca253b2",
|
|
22664
22668
|
class: "flex items-center justify-center",
|
|
22665
22669
|
onClick: this.handleIconClick
|
|
22666
22670
|
}, h$1("sula-icon", {
|
|
22667
|
-
key: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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-
|
|
22974
|
+
//# sourceMappingURL=p-0749814d.entry.js.map
|