@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.
- package/dist/cjs/sula-avatar_18.cjs.entry.js +8 -6
- package/dist/cjs/sula-avatar_18.cjs.entry.js.map +1 -1
- package/dist/collection/components/sula-textarea/sula-textarea.js +8 -6
- package/dist/collection/components/sula-textarea/sula-textarea.js.map +1 -1
- package/dist/components/sula-textarea.js +8 -6
- package/dist/components/sula-textarea.js.map +1 -1
- package/dist/esm/sula-avatar_18.entry.js +8 -6
- package/dist/esm/sula-avatar_18.entry.js.map +1 -1
- package/dist/webcomponents/{p-0cad4d30.entry.js → p-e86b2271.entry.js} +11 -10
- package/dist/webcomponents/{p-0cad4d30.entry.js.map → p-e86b2271.entry.js.map} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
|
@@ -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: "
|
|
21611
|
+
key: "1ec5c0b8f04ea2f32d48301334d2c717327d0b17",
|
|
21611
21612
|
ref: e => this.node = e
|
|
21612
21613
|
}, h$1("div", {
|
|
21613
|
-
key: "
|
|
21614
|
+
key: "be0e209759746014407a3dc9aa553faea5b4f7f9"
|
|
21614
21615
|
}, h$1("div", {
|
|
21615
|
-
key: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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-
|
|
22185
|
+
//# sourceMappingURL=p-e86b2271.entry.js.map
|