@dubai-design-system/components-js 3.11.9 → 3.12.2-alpha.0

package/dist/components/dda-textarea.js

@@ -16427,12 +16427,18 @@ const DdaTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DdaTextarea extends
         this.internalValue = val;
         this.characterCount = val.length;
         this.textareaChanged.emit(event);
-        this.onChanged.emit(event);
+        this.onChanged.emit(val);
+        this.el.dispatchEvent(new InputEvent('input', event));
     }
     handleBlur(event) {
         const val = event.target.value.trim();
         this.textareaBlurred.emit({ name: this.textarea_name, value: val });
-        this.onBlurred.emit({ name: this.textarea_name, value: val });
+        this.onBlurred.emit(val);
+        this.el.dispatchEvent(new FocusEvent('blur', {
+            bubbles: true,
+            composed: true,
+            relatedTarget: event.target,
+        }));
     }
     render() {
         const textareaClass = [
@@ -16442,8 +16448,28 @@ const DdaTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DdaTextarea extends
             this.custom_class,
             this.component_mode,
             this.textarea_name,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'b115804206b2c236ea220444e422d6f923244219' }, h("div", { key: '302195d1acdb1c3705bda71e0f925dd363095693', class: textareaClass }, this.label && (h("label", { key: 'e7e7ae567e899b07aa4a8127e7ce8dfd566a48ca', htmlFor: this.input_id, class: "dda-input-label" }, this.label)), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.internalValue || this.value, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', class: "dda-input-field dda-input-textarea", maxLength: this.max_characters, onInput: (event) => this.handleInput(event), onBlur: (event) => this.handleBlur(event) })), this.validation_type === 'error' && this.error_message ? (h("div", { class: "dda-error-message", id: this.validation_id }, h("span", { class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info")), this.error_message), h("span", { class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))) : (h("div", { class: "dda-helper-text", id: this.validation_id }, h("span", { class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info")), this.helper_text), h("span", { class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))))));
+        ]
+            .filter(Boolean)
+            .join(' ');
+        return (h(Host, { key: '39c499ca78c5d8806686c669c951ed7f1149a105' }, h("div", { key: 'bcd4bb0b68e66257c233c0f2582a0f3b1ce4ac39', class: textareaClass }, this.label && (h("label", { key: 'cb6c14ad6279f936adeee3daf0b8c0939479a932', htmlFor: this.input_id, class: "dda-input-label" }, this.label)), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.internalValue || this.value, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', class: "dda-input-field dda-input-textarea", maxLength: this.max_characters, onInput: event => this.handleInput(event), onBlur: event => this.handleBlur(event), onFocus: (event) => {
+                this.el.dispatchEvent(new FocusEvent('focus', {
+                    bubbles: true,
+                    composed: true,
+                    relatedTarget: event.relatedTarget,
+                }));
+            }, onKeyDown: (event) => {
+                this.el.dispatchEvent(new KeyboardEvent('keydown', {
+                    bubbles: true,
+                    composed: true,
+                    key: event.key,
+                    code: event.code,
+                    ctrlKey: event.ctrlKey,
+                    shiftKey: event.shiftKey,
+                    altKey: event.altKey,
+                    metaKey: event.metaKey,
+                    repeat: event.repeat,
+                }));
+            } })), this.validation_type === 'error' && this.error_message ? (h("div", { class: "dda-error-message", id: this.validation_id }, h("span", { class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info")), this.error_message), h("span", { class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))) : (h("div", { class: "dda-helper-text", id: this.validation_id }, h("span", { class: "dda-d-flex dda-items-center dda-gap-2" }, this.show_info_icon && (h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info")), this.helper_text), h("span", { class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))))));
     }
     get el() { return this; }
 }, [0, "dda-textarea", {