@lesterarte/sefin-ui 0.0.17 → 0.0.18

package/fesm2022/lesterarte-sefin-ui.mjs

@@ -3816,13 +3816,27 @@ class TextareaComponent {
     class = '';
     /** Custom validation function */
     customValidator;
+    /** Initial value for the textarea (for non-reactive forms) */
+    set value(val) {
+        this._value = val || '';
+        if (this.textareaRef?.nativeElement) {
+            this.textareaRef.nativeElement.value = this._value;
+            if (this.autoResize) {
+                setTimeout(() => this.adjustHeight(), 0);
+            }
+        }
+        this.validateField();
+    }
+    get value() {
+        return this._value;
+    }
     /** Event emitted when the value changes */
     valueChange = new EventEmitter();
     /** Event emitted when the textarea is focused */
     focused = new EventEmitter();
     /** Event emitted when the textarea is blurred */
     blurred = new EventEmitter();
-    value = '';
+    _value = '';
     isFocused = false;
     hasError = false;
     internalErrorMessage = '';
@@ -3837,8 +3851,8 @@ class TextareaComponent {
     ngAfterViewInit() {
         if (this.textareaRef?.nativeElement) {
             // Set initial value if provided
-            if (this.value) {
-                this.textareaRef.nativeElement.value = this.value;
+            if (this._value) {
+                this.textareaRef.nativeElement.value = this._value;
             }
             // Initialize auto-resize if enabled
             if (this.autoResize) {
@@ -3857,9 +3871,9 @@ class TextareaComponent {
     }
     onInput(event) {
         const target = event.target;
-        this.value = target.value;
-        this.onChange(this.value);
-        this.valueChange.emit(this.value);
+        this._value = target.value;
+        this.onChange(this._value);
+        this.valueChange.emit(this._value);
         this.validateField();
         // Auto-resize if enabled
         if (this.autoResize) {
@@ -3903,7 +3917,7 @@ class TextareaComponent {
         if (this.disabled || this.readonly) {
             return;
         }
-        const value = this.value || '';
+        const value = this._value || '';
         // Required validation
         if (this.required && !value.trim()) {
             this.hasError = true;
@@ -3957,7 +3971,7 @@ class TextareaComponent {
         return this.errorMessage || this.internalErrorMessage;
     }
     get characterCount() {
-        return this.value?.length || 0;
+        return this._value?.length || 0;
     }
     get textareaClasses() {
         return [
@@ -3976,9 +3990,9 @@ class TextareaComponent {
     }
     // ControlValueAccessor implementation
     writeValue(value) {
-        this.value = value || '';
+        this._value = value || '';
         if (this.textareaRef?.nativeElement) {
-            this.textareaRef.nativeElement.value = this.value;
+            this.textareaRef.nativeElement.value = this._value;
             if (this.autoResize) {
                 setTimeout(() => this.adjustHeight(), 0);
             }
@@ -4046,7 +4060,7 @@ class TextareaComponent {
         return Object.keys(errors).length > 0 ? errors : null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TextareaComponent, isStandalone: true, selector: "sefin-textarea", inputs: { variant: "variant", size: "size", placeholder: "placeholder", hint: "hint", errorMessage: "errorMessage", required: "required", disabled: "disabled", readonly: "readonly", maxLength: "maxLength", minLength: "minLength", pattern: "pattern", rows: "rows", cols: "cols", autoResize: "autoResize", minHeight: "minHeight", maxHeight: "maxHeight", showCounter: "showCounter", autocomplete: "autocomplete", name: "name", id: "id", class: "class", customValidator: "customValidator" }, outputs: { valueChange: "valueChange", focused: "focused", blurred: "blurred" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TextareaComponent, isStandalone: true, selector: "sefin-textarea", inputs: { variant: "variant", size: "size", placeholder: "placeholder", hint: "hint", errorMessage: "errorMessage", required: "required", disabled: "disabled", readonly: "readonly", maxLength: "maxLength", minLength: "minLength", pattern: "pattern", rows: "rows", cols: "cols", autoResize: "autoResize", minHeight: "minHeight", maxHeight: "maxHeight", showCounter: "showCounter", autocomplete: "autocomplete", name: "name", id: "id", class: "class", customValidator: "customValidator", value: "value" }, outputs: { valueChange: "valueChange", focused: "focused", blurred: "blurred" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TextareaComponent),
@@ -4120,6 +4134,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Input
             }], customValidator: [{
                 type: Input
+            }], value: [{
+                type: Input
             }], valueChange: [{
                 type: Output
             }], focused: [{