fix: redispatch events in the textarea component (#190)

Co-authored-by: Sara.Parsaee <Sara.Parsaee@Tapsi.cab>

Author: saraparsa13

src/textarea/textarea.ts

@@ -1,8 +1,13 @@
 import { TemplateResult, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { Input } from '../input';
+import { redispatchEvent } from '../utils/utils';
 
 export class Textarea extends Input {
+  private redispatchEvent(event: Event) {
+    redispatchEvent(this, event);
+  }
+
   protected renderInput(): TemplateResult {
     return html`
       <textarea
@@ -15,6 +20,7 @@ export class Textarea extends Input {
         aria-invalid=${this.error}
         aria-disabled=${this.disabled ? 'true' : 'false'}
         @input=${this.handleInput}
+        @change=${this.redispatchEvent}
       >
       </textarea>
     `;