@koobiq/components 20.4.1 → 21.0.0

package/fesm2022/koobiq-components-textarea.mjs

@@ -1,90 +1,19 @@
-import { coerceBooleanProperty, coerceCssPixelValue } from '@angular/cdk/coercion';
+import { _IdGenerator, A11yModule } from '@angular/cdk/a11y';
+import { coerceCssPixelValue } from '@angular/cdk/coercion';
 import { Platform } from '@angular/cdk/platform';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, NgZone, Renderer2, input, numberAttribute, booleanAttribute, Input, Directive, NgModule } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { InjectionToken, inject, ElementRef, NgZone, DestroyRef, input, booleanAttribute, Renderer2, signal, computed, linkedSignal, effect, untracked, Directive, NgModule } from '@angular/core';
+import { outputToObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgControl, NgForm, FormGroupDirective, FormsModule } from '@angular/forms';
-import { ErrorStateMatcher, KBQ_PARENT_ANIMATION_COMPONENT, KBQ_WINDOW, kbqInjectAutofilled } from '@koobiq/components/core';
+import { ErrorStateMatcher, KBQ_PARENT_ANIMATION_COMPONENT, KbqErrorStateTracker, KBQ_WINDOW, kbqOptionalNumberAttribute, kbqInjectAutofilled } from '@koobiq/components/core';
 import { KbqFormFieldControl, KbqFormFieldModule } from '@koobiq/components/form-field';
-import { Subject, observeOn, asapScheduler } from 'rxjs';
-import { A11yModule } from '@angular/cdk/a11y';
+import * as i1 from '@koobiq/components/scrollbar';
+import { KbqNativeScrollbar } from '@koobiq/components/scrollbar';
+import { asapScheduler } from 'rxjs';
 
 const KBQ_TEXTAREA_VALUE_ACCESSOR = new InjectionToken('KBQ_TEXTAREA_VALUE_ACCESSOR');
-let nextUniqueId = 0;
+const isObject = (value) => typeof value === 'object' && value !== null;
 class KbqTextarea {
-    /** Parameter enables or disables the ability to automatically increase the height.
-     * If set to false, the textarea becomes vertically resizable. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get canGrow() {
-        return !this.maxRowLimitReached && this._canGrow;
-    }
-    set canGrow(value) {
-        this._canGrow = value;
-    }
-    /**
-     * Implemented as part of KbqFormFieldControl.
-     * @docs-private
-     */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get disabled() {
-        if (this.ngControl && this.ngControl.disabled !== null) {
-            return this.ngControl.disabled;
-        }
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        if (this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-    }
-    /**
-     * Implemented as part of KbqFormFieldControl.
-     * @docs-private
-     */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get id() {
-        return this._id;
-    }
-    set id(value) {
-        this._id = value || this.uid;
-    }
-    /**
-     * Implemented as part of KbqFormFieldControl.
-     * @docs-private
-     */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-    }
-    /**
-     * Implemented as part of KbqFormFieldControl.
-     * @docs-private
-     */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get value() {
-        return this.valueAccessor.value;
-    }
-    set value(value) {
-        if (value !== this.value) {
-            this.valueAccessor.value = value;
-            this.stateChanges.next();
-        }
-    }
-    /** Flag that will be set to true when the maximum number of lines is reached.
-     * Maximum number of rows can be set using the maxRows input. */
-    get maxRowLimitReached() {
-        return this.rowsCount > this.maxRows();
-    }
     constructor() {
         this.elementRef = inject(ElementRef);
         this.ngControl = inject(NgControl, { optional: true, self: true });
@@ -93,84 +22,173 @@ class KbqTextarea {
         this.defaultErrorStateMatcher = inject(ErrorStateMatcher);
         this.parent = inject(KBQ_PARENT_ANIMATION_COMPONENT, { optional: true, host: true });
         this.ngZone = inject(NgZone);
+        this.destroyRef = inject(DestroyRef);
+        this.errorStateTracker = new KbqErrorStateTracker(this.defaultErrorStateMatcher, this.ngControl, this.parentFormGroup, this.parentForm);
         /** Whether the component is in an error state. */
-        this.errorState = false;
+        this.errorState = this.errorStateTracker.errorState;
+        /**
+         * Parameter enables or disables the ability to automatically increase the height.
+         * If set to false, the textarea becomes vertically resizable.
+         */
+        this.canGrow = input(true, { ...(ngDevMode ? { debugName: "canGrow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.isBrowser = inject(Platform).isBrowser;
         this.renderer = inject(Renderer2);
         this.window = inject(KBQ_WINDOW);
-        this._canGrow = true;
-        /** Maximum number of lines to which the textarea will grow. Default unlimited */
-        this.maxRows = input(undefined, ...(ngDevMode ? [{ debugName: "maxRows" }] : []));
+        /** Maximum number of lines to which the textarea will grow. Unlimited when unset. */
+        this.maxRows = input(undefined, { ...(ngDevMode ? { debugName: "maxRows" } : /* istanbul ignore next */ {}), transform: kbqOptionalNumberAttribute });
+        /** An object used to control when error messages are shown. */
+        this.errorStateMatcher = input(...(ngDevMode ? [undefined, { debugName: "errorStateMatcher" }] : /* istanbul ignore next */ []));
+        this.focusedValue = signal(false, ...(ngDevMode ? [{ debugName: "focusedValue" }] : /* istanbul ignore next */ []));
         /**
          * Implemented as part of KbqFormFieldControl.
+         *
          * @docs-private
          */
-        this.focused = false;
+        this.focused = this.focusedValue.asReadonly();
         /**
          * Implemented as part of KbqFormFieldControl.
+         *
          * @docs-private
          */
         this.autofilled = kbqInjectAutofilled();
         /**
          * Implemented as part of KbqFormFieldControl.
+         *
          * @docs-private
          */
-        this.stateChanges = new Subject();
+        this.controlType = 'textarea';
+        /** @docs-private */
+        this.disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+            transform: booleanAttribute });
+        /** `disabled` of the bound form control, which takes precedence over the input. */
+        this.formDisabled = signal(null, ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
         /**
          * Implemented as part of KbqFormFieldControl.
+         *
          * @docs-private
          */
-        this.controlType = 'textarea';
-        this.uid = `kbq-textarea-${nextUniqueId++}`;
-        this._disabled = false;
-        this._required = false;
-        this.lineHeight = 0;
-        this.minHeight = 0;
-        /** Grow textarea height to avoid vertical scroll  */
-        this.grow = () => {
-            if (!this.isBrowser || !this._canGrow)
-                return;
-            this.ngZone.runOutsideAngular(() => {
-                const textarea = this.elementRef.nativeElement;
-                const clone = textarea.cloneNode(false);
-                this.renderer.appendChild(this.renderer.parentNode(textarea), clone);
-                const outerHeight = parseInt(this.window.getComputedStyle(textarea).height, 10);
-                const diff = outerHeight - +textarea.clientHeight;
-                clone.style.minHeight = '0'; // this line is important to height recalculation
-                const height = Math.max(this.minHeight, +clone.scrollHeight + diff + this.freeRowsHeight);
-                clone.remove();
-                this.rowsCount = Math.floor(height / this.lineHeight);
-                textarea.style.minHeight = coerceCssPixelValue(this.maxRowLimitReached ? this.maxRows() * this.lineHeight : height);
-            });
-        };
+        this.disabled = computed(() => this.formDisabled() ?? this.disabledInput(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.idInput = input(undefined, { ...(ngDevMode ? { debugName: "idInput" } : /* istanbul ignore next */ {}), alias: 'id' });
+        /**
+         * Implemented as part of KbqFormFieldControl.
+         *
+         * @docs-private
+         */
+        this.id = computed(() => this.idInput() || this.uid, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.placeholderInput = input(undefined, { ...(ngDevMode ? { debugName: "placeholderInput" } : /* istanbul ignore next */ {}), alias: 'placeholder' });
+        /**
+         * Implemented as part of KbqFormFieldControl.
+         *
+         * @docs-private
+         */
+        this.placeholder = linkedSignal(() => this.placeholderInput(), ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /** Distance from the last line to the bottom border. Defaults to a single line height. */
+        this.freeRowsHeight = input(undefined, { ...(ngDevMode ? { debugName: "freeRowsHeight" } : /* istanbul ignore next */ {}), transform: kbqOptionalNumberAttribute });
+        /**
+         * Implemented as part of KbqFormFieldControl.
+         *
+         * @docs-private
+         */
+        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** @docs-private */
+        this.valueInput = input(undefined, { ...(ngDevMode ? { debugName: "valueInput" } : /* istanbul ignore next */ {}), alias: 'value' });
+        this.emptyValue = signal(true, ...(ngDevMode ? [{ debugName: "emptyValue" }] : /* istanbul ignore next */ []));
+        /**
+         * Implemented as part of KbqFormFieldControl.
+         *
+         * @docs-private
+         */
+        this.empty = this.emptyValue.asReadonly();
+        /**
+         * Flag that will be set to true when the maximum number of lines is reached.
+         * Maximum number of rows can be set using the maxRows input.
+         */
+        this.maxRowLimitReached = computed(() => {
+            const maxRows = this.maxRows();
+            return maxRows !== undefined && this.rowsCount() > maxRows;
+        }, ...(ngDevMode ? [{ debugName: "maxRowLimitReached" }] : /* istanbul ignore next */ []));
+        /**
+         * Whether the textarea still grows with its content. It stops once `maxRows` is reached, and from
+         * there the element keeps its own scrollbar: `kbq-textarea_max-row-limit-reached` sets
+         * `resize: unset`, which follows `kbq-textarea-resizable` in the stylesheet and wins on source
+         * order, so no native handle appears.
+         *
+         * @docs-private
+         */
+        this.growing = computed(() => !this.maxRowLimitReached() && this.canGrow(), ...(ngDevMode ? [{ debugName: "growing" }] : /* istanbul ignore next */ []));
+        /** Distance from the last line to the bottom border, falling back to the measured line height. */
+        this.resolvedFreeRowsHeight = computed(() => this.freeRowsHeight() ?? this.lineHeight(), ...(ngDevMode ? [{ debugName: "resolvedFreeRowsHeight" }] : /* istanbul ignore next */ []));
+        this.uid = inject(_IdGenerator).getId('kbq-textarea-');
+        /** Measured once the textarea has been rendered; the growth arithmetic is in terms of these. */
+        this.lineHeight = signal(0, ...(ngDevMode ? [{ debugName: "lineHeight" }] : /* istanbul ignore next */ []));
+        this.minHeight = signal(0, ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+        this.rowsCount = signal(0, ...(ngDevMode ? [{ debugName: "rowsCount" }] : /* istanbul ignore next */ []));
         const inputValueAccessor = inject(KBQ_TEXTAREA_VALUE_ACCESSOR, { optional: true, self: true });
         // If no input value accessor was explicitly specified, use the element as the textarea value
         // accessor.
         this.valueAccessor = inputValueAccessor || this.elementRef.nativeElement;
-        this.previousNativeValue = this.value;
-        // Force setter to be called in case id was not specified.
-        this.id = this.id;
-        // eslint-disable-next-line @angular-eslint/no-lifecycle-call
-        this.parent?.animationDone.subscribe(() => this.ngOnInit());
-        this.stateChanges.pipe(observeOn(asapScheduler), takeUntilDestroyed()).subscribe(() => this.grow());
+        // Read once: a custom accessor may build a new value on every read.
+        const initialValue = this.valueAccessor.value;
+        this.value = signal(initialValue, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.syncedValue = initialValue;
+        this.syncedText = this.elementRef.nativeElement.value;
+        if (this.parent) {
+            outputToObservable(this.parent.animationDone)
+                .pipe(takeUntilDestroyed())
+                // eslint-disable-next-line @angular-eslint/no-lifecycle-call
+                .subscribe(() => this.ngOnInit());
+        }
+        // A bound value replaces the current one whenever the binding changes.
+        effect(() => {
+            const value = this.valueInput();
+            if (value !== undefined) {
+                untracked(() => this.value.set(value));
+            }
+        });
+        // A value set in code is written to the element on the next change detection. The one the element last agreed
+        // on is not written back: a custom accessor that builds a new value on every read would be written on every
+        // keystroke.
+        effect(() => {
+            const value = this.value();
+            untracked(() => {
+                if (value !== this.syncedValue) {
+                    if (this.valueAccessor.value !== value) {
+                        this.valueAccessor.value = value;
+                    }
+                    this.syncedValue = value;
+                    this.syncedText = this.elementRef.nativeElement.value;
+                }
+                this.emptyValue.set(this.isEmpty());
+            });
+        });
+        // The height follows the content and the inputs that size it, measured once the change is rendered.
+        effect(() => {
+            this.value();
+            this.canGrow();
+            this.maxRows();
+            this.freeRowsHeight();
+            untracked(() => asapScheduler.schedule(() => this.grow()));
+        });
+        // Browsers may not fire the blur event if the textarea is disabled too quickly.
+        // Reset from here to ensure that the element doesn't become stuck.
+        effect(() => {
+            if (this.disabled()) {
+                untracked(() => this.focusedValue.set(false));
+            }
+        });
     }
     ngOnInit() {
         if (!this.isBrowser)
             return;
         Promise.resolve().then(() => {
-            this.lineHeight = parseInt(this.window.getComputedStyle(this.elementRef.nativeElement).lineHeight, 10);
-            const paddingTop = parseInt(this.window.getComputedStyle(this.elementRef.nativeElement).paddingTop, 10);
-            const paddingBottom = parseInt(this.window.getComputedStyle(this.elementRef.nativeElement).paddingBottom, 10);
-            this.minHeight = this.lineHeight + paddingTop + paddingBottom;
-            this.freeRowsHeight = this.freeRowsHeight ?? this.lineHeight;
+            const styles = this.window.getComputedStyle(this.elementRef.nativeElement);
+            const lineHeight = parseInt(styles.lineHeight, 10);
+            this.lineHeight.set(lineHeight);
+            this.minHeight.set(lineHeight + parseInt(styles.paddingTop, 10) + parseInt(styles.paddingBottom, 10));
         });
-        setTimeout(this.grow, 0);
-    }
-    ngOnChanges() {
-        this.stateChanges.next();
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
+        setTimeout(() => this.grow(), 0);
     }
     ngDoCheck() {
         if (this.ngControl) {
@@ -178,6 +196,7 @@ class KbqTextarea {
             // error triggers that we can't subscribe to (e.g. parent form submissions). This means
             // that whatever logic is in here has to be super lean or we risk destroying the performance.
             this.updateErrorState();
+            this.formDisabled.set(this.ngControl.disabled);
         }
         // We need to dirty-check the native element's value, because there are some cases where
         // we won't be notified when it changes (e.g. the consumer isn't using forms or they're
@@ -185,51 +204,74 @@ class KbqTextarea {
         this.dirtyCheckNativeValue();
     }
     updateErrorState() {
-        const oldState = this.errorState;
-        const parent = this.parentFormGroup || this.parentForm;
-        const matcher = this.errorStateMatcher || this.defaultErrorStateMatcher;
-        const control = this.ngControl ? this.ngControl.control : null;
-        const newState = matcher.isErrorState(control, parent);
-        if (newState !== oldState) {
-            this.errorState = newState;
-            this.stateChanges.next();
-        }
+        this.errorStateTracker.errorStateMatcher = this.errorStateMatcher();
+        this.errorStateTracker.updateErrorState();
     }
+    /** @docs-private */
     onBlur() {
         this.focusChanged(false);
     }
+    /**
+     * Grow textarea height to avoid vertical scroll.
+     *
+     * @docs-private
+     */
+    grow() {
+        // Every call is deferred, so it can land once the textarea is destroyed and has no parent to measure in.
+        if (!this.isBrowser || this.destroyRef.destroyed || !this.canGrow())
+            return;
+        this.ngZone.runOutsideAngular(() => {
+            const textarea = this.elementRef.nativeElement;
+            const clone = textarea.cloneNode(false);
+            this.renderer.appendChild(this.renderer.parentNode(textarea), clone);
+            const outerHeight = parseInt(this.window.getComputedStyle(textarea).height, 10);
+            const diff = outerHeight - +textarea.clientHeight;
+            clone.style.minHeight = '0'; // this line is important to height recalculation
+            const lineHeight = this.lineHeight();
+            const height = Math.max(this.minHeight(), +clone.scrollHeight + diff + this.resolvedFreeRowsHeight());
+            clone.remove();
+            this.rowsCount.set(lineHeight > 0 ? Math.floor(height / lineHeight) : 0);
+            const maxRows = this.maxRows();
+            textarea.style.minHeight = coerceCssPixelValue(maxRows !== undefined && this.maxRowLimitReached() ? maxRows * lineHeight : height);
+        });
+    }
     /** Focuses the textarea. */
     focus() {
         this.elementRef.nativeElement.focus();
     }
-    /** Callback for the cases where the focused state of the textarea changes. */
-    focusChanged(isFocused) {
-        if (isFocused !== this.focused) {
-            this.focused = isFocused;
-            this.stateChanges.next();
-        }
-    }
     /**
-     * Implemented as part of KbqFormFieldControl.
+     * Callback for the cases where the focused state of the textarea changes.
+     *
      * @docs-private
      */
-    get empty() {
-        return !this.elementRef.nativeElement.value && !this.isBadInput();
+    focusChanged(isFocused) {
+        this.focusedValue.set(isFocused);
     }
     /**
      * Implemented as part of KbqFormFieldControl.
+     *
      * @docs-private
      */
     onContainerClick() {
         this.focus();
     }
-    /** Does some manual dirty checking on the native textarea `value` property. */
+    /**
+     * Reads the native value back, since it changes without notice: through the forms API, which writes the
+     * element directly, or by the user typing into a textarea that no form listens to.
+     *
+     * @docs-private
+     */
     dirtyCheckNativeValue() {
-        const newValue = this.value;
-        if (this.previousNativeValue !== newValue) {
-            this.previousNativeValue = newValue;
-            this.stateChanges.next();
+        const nativeValue = this.valueAccessor.value;
+        const text = this.elementRef.nativeElement.value;
+        // Only a change of the element itself: a value set in code and not yet written must not be overwritten. An
+        // object counts as changed only with the text, as a custom accessor may build a new one on every read.
+        if (nativeValue !== this.syncedValue && (!isObject(nativeValue) || text !== this.syncedText)) {
+            this.syncedValue = nativeValue;
+            this.syncedText = text;
+            this.value.set(nativeValue);
         }
+        this.emptyValue.set(this.isEmpty());
     }
     /** Checks whether the textarea is invalid based on the native validation. */
     isBadInput() {
@@ -237,55 +279,41 @@ class KbqTextarea {
         const validity = this.elementRef.nativeElement.validity;
         return validity && validity.badInput;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTextarea, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", type: KbqTextarea, isStandalone: true, selector: "textarea[kbqTextarea]", inputs: { canGrow: { classPropertyName: "canGrow", publicName: "canGrow", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, freeRowsHeight: { classPropertyName: "freeRowsHeight", publicName: "freeRowsHeight", isSignal: false, isRequired: false, transformFunction: numberAttribute }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "dirtyCheckNativeValue()" }, properties: { "class.kbq-textarea-resizable": "!canGrow", "class.kbq-textarea_max-row-limit-reached": "maxRowLimitReached", "attr.id": "id", "attr.placeholder": "placeholder", "attr.aria-invalid": "errorState", "disabled": "disabled", "required": "required" }, classAttribute: "kbq-textarea kbq-scrollbar" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }], exportAs: ["kbqTextarea"], usesOnChanges: true, ngImport: i0 }); }
+    isEmpty() {
+        return !this.elementRef.nativeElement.value && !this.isBadInput();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextarea, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqTextarea, isStandalone: true, selector: "textarea[kbqTextarea]", inputs: { canGrow: { classPropertyName: "canGrow", publicName: "canGrow", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholderInput: { classPropertyName: "placeholderInput", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, freeRowsHeight: { classPropertyName: "freeRowsHeight", publicName: "freeRowsHeight", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "dirtyCheckNativeValue()" }, properties: { "class.kbq-textarea-resizable": "!growing()", "class.kbq-textarea_max-row-limit-reached": "maxRowLimitReached()", "attr.id": "id()", "attr.placeholder": "placeholder()", "attr.aria-invalid": "errorState()", "disabled": "disabled()", "required": "required()" }, classAttribute: "kbq-textarea" }, providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }], exportAs: ["kbqTextarea"], hostDirectives: [{ directive: i1.KbqNativeScrollbar }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextarea, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textarea[kbqTextarea]',
                     providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }],
                     host: {
-                        class: 'kbq-textarea kbq-scrollbar',
-                        '[class.kbq-textarea-resizable]': '!canGrow',
-                        '[class.kbq-textarea_max-row-limit-reached]': 'maxRowLimitReached',
-                        '[attr.id]': 'id',
-                        '[attr.placeholder]': 'placeholder',
-                        '[attr.aria-invalid]': 'errorState',
-                        '[disabled]': 'disabled',
-                        '[required]': 'required',
+                        class: 'kbq-textarea',
+                        '[class.kbq-textarea-resizable]': '!growing()',
+                        '[class.kbq-textarea_max-row-limit-reached]': 'maxRowLimitReached()',
+                        '[attr.id]': 'id()',
+                        '[attr.placeholder]': 'placeholder()',
+                        '[attr.aria-invalid]': 'errorState()',
+                        '[disabled]': 'disabled()',
+                        '[required]': 'required()',
                         '(blur)': 'onBlur()',
                         '(focus)': 'focusChanged(true)',
                         '(input)': 'dirtyCheckNativeValue()'
                     },
+                    hostDirectives: [KbqNativeScrollbar],
                     exportAs: 'kbqTextarea'
                 }]
-        }], ctorParameters: () => [], propDecorators: { canGrow: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], errorStateMatcher: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], freeRowsHeight: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], required: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { canGrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "canGrow", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], placeholderInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], freeRowsHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "freeRowsHeight", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 
 class KbqTextareaModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqTextareaModule, imports: [A11yModule, FormsModule, KbqTextarea], exports: [KbqTextarea, KbqFormFieldModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTextareaModule, imports: [A11yModule, FormsModule, KbqFormFieldModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqTextareaModule, imports: [A11yModule, FormsModule, KbqTextarea], exports: [KbqTextarea, KbqFormFieldModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextareaModule, imports: [A11yModule, FormsModule, KbqFormFieldModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTextareaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTextareaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [A11yModule, FormsModule, KbqTextarea],

package/fesm2022/koobiq-components-textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-textarea.mjs","sources":["../../../packages/components/textarea/textarea.component.ts","../../../packages/components/textarea/textarea.module.ts","../../../packages/components/textarea/koobiq-components-textarea.ts"],"sourcesContent":["import { coerceBooleanProperty, coerceCssPixelValue } from '@angular/cdk/coercion';\nimport { Platform } from '@angular/cdk/platform';\nimport {\n    booleanAttribute,\n    Directive,\n    DoCheck,\n    ElementRef,\n    inject,\n    InjectionToken,\n    Input,\n    input,\n    NgZone,\n    numberAttribute,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Renderer2\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormGroupDirective, NgControl, NgForm, UntypedFormControl } from '@angular/forms';\nimport {\n    CanUpdateErrorState,\n    ErrorStateMatcher,\n    KBQ_PARENT_ANIMATION_COMPONENT,\n    KBQ_WINDOW,\n    kbqInjectAutofilled\n} from '@koobiq/components/core';\nimport { KbqFormFieldControl } from '@koobiq/components/form-field';\nimport { asapScheduler, observeOn, Subject } from 'rxjs';\n\nexport const KBQ_TEXTAREA_VALUE_ACCESSOR = new InjectionToken<{ value: any }>('KBQ_TEXTAREA_VALUE_ACCESSOR');\n\nlet nextUniqueId = 0;\n\n@Directive({\n    selector: 'textarea[kbqTextarea]',\n    providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }],\n    host: {\n        class: 'kbq-textarea kbq-scrollbar',\n        '[class.kbq-textarea-resizable]': '!canGrow',\n        '[class.kbq-textarea_max-row-limit-reached]': 'maxRowLimitReached',\n        '[attr.id]': 'id',\n        '[attr.placeholder]': 'placeholder',\n        '[attr.aria-invalid]': 'errorState',\n        '[disabled]': 'disabled',\n        '[required]': 'required',\n        '(blur)': 'onBlur()',\n        '(focus)': 'focusChanged(true)',\n        '(input)': 'dirtyCheckNativeValue()'\n    },\n    exportAs: 'kbqTextarea'\n})\nexport class KbqTextarea\n    implements KbqFormFieldControl<any>, OnInit, OnChanges, OnDestroy, DoCheck, CanUpdateErrorState\n{\n    protected elementRef = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n    ngControl = inject(NgControl, { optional: true, self: true });\n    parentForm = inject(NgForm, { optional: true });\n    parentFormGroup = inject(FormGroupDirective, { optional: true });\n    defaultErrorStateMatcher = inject(ErrorStateMatcher);\n    private parent = inject(KBQ_PARENT_ANIMATION_COMPONENT, { optional: true, host: true });\n    private ngZone = inject(NgZone);\n\n    /** Whether the component is in an error state. */\n    errorState: boolean = false;\n\n    /** Parameter enables or disables the ability to automatically increase the height.\n     * If set to false, the textarea becomes vertically resizable. */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input({ transform: booleanAttribute })\n    get canGrow(): boolean {\n        return !this.maxRowLimitReached && this._canGrow;\n    }\n\n    set canGrow(value: boolean) {\n        this._canGrow = value;\n    }\n\n    protected readonly isBrowser = inject(Platform).isBrowser;\n    protected readonly renderer = inject(Renderer2);\n    private readonly window = inject(KBQ_WINDOW);\n\n    private _canGrow: boolean = true;\n\n    /** Maximum number of lines to which the textarea will grow. Default unlimited */\n    readonly maxRows = input<number>(undefined!);\n\n    /** An object used to control when error messages are shown. */\n    // TODO: Skipped for migration because:\n    //  This input overrides a field from a superclass, while the superclass field\n    //  is not migrated.\n    @Input() errorStateMatcher: ErrorStateMatcher;\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    focused: boolean = false;\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    readonly autofilled = kbqInjectAutofilled();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    readonly stateChanges: Subject<void> = new Subject<void>();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    controlType: string = 'textarea';\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get disabled(): boolean {\n        if (this.ngControl && this.ngControl.disabled !== null) {\n            return this.ngControl.disabled;\n        }\n\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        this._disabled = coerceBooleanProperty(value);\n\n        if (this.focused) {\n            this.focused = false;\n            this.stateChanges.next();\n        }\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get id(): string {\n        return this._id;\n    }\n\n    set id(value: string) {\n        this._id = value || this.uid;\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    // TODO: Skipped for migration because:\n    //  This input overrides a field from a superclass, while the superclass field\n    //  is not migrated.\n    @Input() placeholder: string;\n\n    /** Distance from the last line to the bottom border */\n    // TODO: Skipped for migration because:\n    //  Your application code writes to the input. This prevents migration.\n    @Input({ transform: numberAttribute }) freeRowsHeight: number;\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get required(): boolean {\n        return this._required;\n    }\n\n    set required(value: boolean) {\n        this._required = coerceBooleanProperty(value);\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get value(): string {\n        return this.valueAccessor.value;\n    }\n\n    set value(value: string) {\n        if (value !== this.value) {\n            this.valueAccessor.value = value;\n            this.stateChanges.next();\n        }\n    }\n\n    /** Flag that will be set to true when the maximum number of lines is reached.\n     * Maximum number of rows can be set using the maxRows input. */\n    get maxRowLimitReached(): boolean {\n        return this.rowsCount > this.maxRows();\n    }\n\n    protected uid = `kbq-textarea-${nextUniqueId++}`;\n    protected previousNativeValue: any;\n    private _disabled = false;\n    private _id: string;\n    private _required = false;\n\n    private valueAccessor: { value: any };\n\n    private lineHeight: number = 0;\n    private minHeight: number = 0;\n    private rowsCount: number;\n\n    constructor() {\n        const inputValueAccessor = inject(KBQ_TEXTAREA_VALUE_ACCESSOR, { optional: true, self: true });\n\n        // If no input value accessor was explicitly specified, use the element as the textarea value\n        // accessor.\n        this.valueAccessor = inputValueAccessor || this.elementRef.nativeElement;\n\n        this.previousNativeValue = this.value;\n\n        // Force setter to be called in case id was not specified.\n        this.id = this.id;\n\n        // eslint-disable-next-line @angular-eslint/no-lifecycle-call\n        this.parent?.animationDone.subscribe(() => this.ngOnInit());\n\n        this.stateChanges.pipe(observeOn(asapScheduler), takeUntilDestroyed()).subscribe(() => this.grow());\n    }\n\n    ngOnInit() {\n        if (!this.isBrowser) return;\n\n        Promise.resolve().then(() => {\n            this.lineHeight = parseInt(this.window.getComputedStyle(this.elementRef.nativeElement).lineHeight!, 10);\n\n            const paddingTop = parseInt(this.window.getComputedStyle(this.elementRef.nativeElement).paddingTop!, 10);\n            const paddingBottom = parseInt(\n                this.window.getComputedStyle(this.elementRef.nativeElement).paddingBottom!,\n                10\n            );\n\n            this.minHeight = this.lineHeight + paddingTop + paddingBottom;\n            this.freeRowsHeight = this.freeRowsHeight ?? this.lineHeight;\n        });\n\n        setTimeout(this.grow, 0);\n    }\n\n    ngOnChanges() {\n        this.stateChanges.next();\n    }\n\n    ngOnDestroy() {\n        this.stateChanges.complete();\n    }\n\n    ngDoCheck() {\n        if (this.ngControl) {\n            // We need to re-evaluate this on every change detection cycle, because there are some\n            // error triggers that we can't subscribe to (e.g. parent form submissions). This means\n            // that whatever logic is in here has to be super lean or we risk destroying the performance.\n            this.updateErrorState();\n        }\n\n        // We need to dirty-check the native element's value, because there are some cases where\n        // we won't be notified when it changes (e.g. the consumer isn't using forms or they're\n        // updating the value using `emitEvent: false`).\n        this.dirtyCheckNativeValue();\n    }\n\n    updateErrorState() {\n        const oldState = this.errorState;\n        const parent = this.parentFormGroup || this.parentForm;\n        const matcher = this.errorStateMatcher || this.defaultErrorStateMatcher;\n        const control = this.ngControl ? (this.ngControl.control as UntypedFormControl) : null;\n        const newState = matcher.isErrorState(control, parent);\n\n        if (newState !== oldState) {\n            this.errorState = newState;\n            this.stateChanges.next();\n        }\n    }\n\n    onBlur(): void {\n        this.focusChanged(false);\n    }\n\n    /** Grow textarea height to avoid vertical scroll  */\n    grow = () => {\n        if (!this.isBrowser || !this._canGrow) return;\n\n        this.ngZone.runOutsideAngular(() => {\n            const textarea = this.elementRef.nativeElement;\n\n            const clone = textarea.cloneNode(false) as HTMLTextAreaElement;\n\n            this.renderer.appendChild(this.renderer.parentNode(textarea), clone);\n\n            const outerHeight = parseInt(this.window.getComputedStyle(textarea).height!, 10);\n            const diff = outerHeight - +textarea.clientHeight;\n\n            clone.style.minHeight = '0'; // this line is important to height recalculation\n\n            const height = Math.max(this.minHeight, +clone.scrollHeight + diff + this.freeRowsHeight);\n\n            clone.remove();\n\n            this.rowsCount = Math.floor(height / this.lineHeight);\n\n            textarea.style.minHeight = coerceCssPixelValue(\n                this.maxRowLimitReached ? this.maxRows() * this.lineHeight : height\n            );\n        });\n    };\n\n    /** Focuses the textarea. */\n    focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    /** Callback for the cases where the focused state of the textarea changes. */\n    focusChanged(isFocused: boolean) {\n        if (isFocused !== this.focused) {\n            this.focused = isFocused;\n            this.stateChanges.next();\n        }\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    get empty(): boolean {\n        return !this.elementRef.nativeElement.value && !this.isBadInput();\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     * @docs-private\n     */\n    onContainerClick() {\n        this.focus();\n    }\n\n    /** Does some manual dirty checking on the native textarea `value` property. */\n    protected dirtyCheckNativeValue() {\n        const newValue = this.value;\n\n        if (this.previousNativeValue !== newValue) {\n            this.previousNativeValue = newValue;\n            this.stateChanges.next();\n        }\n    }\n\n    /** Checks whether the textarea is invalid based on the native validation. */\n    protected isBadInput(): boolean {\n        // The `validity` property won't be present on platform-server.\n        const validity = (this.elementRef.nativeElement as HTMLTextAreaElement).validity;\n\n        return validity && validity.badInput;\n    }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { KbqFormFieldModule } from '@koobiq/components/form-field';\nimport { KbqTextarea } from './textarea.component';\n\n@NgModule({\n    imports: [A11yModule, FormsModule, KbqTextarea],\n    exports: [KbqTextarea, KbqFormFieldModule]\n})\nexport class KbqTextareaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-textarea.mjs","sources":["../../../packages/components/textarea/textarea.component.ts","../../../packages/components/textarea/textarea.module.ts","../../../packages/components/textarea/koobiq-components-textarea.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport { coerceCssPixelValue } from '@angular/cdk/coercion';\nimport { Platform } from '@angular/cdk/platform';\nimport {\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    DoCheck,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    linkedSignal,\n    NgZone,\n    OnInit,\n    Renderer2,\n    signal,\n    untracked,\n    WritableSignal\n} from '@angular/core';\nimport { outputToObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport {\n    CanUpdateErrorState,\n    ErrorStateMatcher,\n    KBQ_PARENT_ANIMATION_COMPONENT,\n    KBQ_WINDOW,\n    KbqErrorStateTracker,\n    kbqInjectAutofilled,\n    kbqOptionalNumberAttribute\n} from '@koobiq/components/core';\nimport { KbqFormFieldControl } from '@koobiq/components/form-field';\nimport { KbqNativeScrollbar } from '@koobiq/components/scrollbar';\nimport { asapScheduler } from 'rxjs';\n\nexport const KBQ_TEXTAREA_VALUE_ACCESSOR = new InjectionToken<{ value: any }>('KBQ_TEXTAREA_VALUE_ACCESSOR');\n\nconst isObject = (value: unknown): value is object => typeof value === 'object' && value !== null;\n\n@Directive({\n    selector: 'textarea[kbqTextarea]',\n    providers: [{ provide: KbqFormFieldControl, useExisting: KbqTextarea }],\n    host: {\n        class: 'kbq-textarea',\n        '[class.kbq-textarea-resizable]': '!growing()',\n        '[class.kbq-textarea_max-row-limit-reached]': 'maxRowLimitReached()',\n        '[attr.id]': 'id()',\n        '[attr.placeholder]': 'placeholder()',\n        '[attr.aria-invalid]': 'errorState()',\n        '[disabled]': 'disabled()',\n        '[required]': 'required()',\n        '(blur)': 'onBlur()',\n        '(focus)': 'focusChanged(true)',\n        '(input)': 'dirtyCheckNativeValue()'\n    },\n    hostDirectives: [KbqNativeScrollbar],\n    exportAs: 'kbqTextarea'\n})\nexport class KbqTextarea implements KbqFormFieldControl<any>, OnInit, DoCheck, CanUpdateErrorState {\n    protected elementRef = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n    readonly ngControl = inject(NgControl, { optional: true, self: true });\n    readonly parentForm = inject(NgForm, { optional: true });\n    readonly parentFormGroup = inject(FormGroupDirective, { optional: true });\n    readonly defaultErrorStateMatcher = inject(ErrorStateMatcher);\n    private readonly parent = inject(KBQ_PARENT_ANIMATION_COMPONENT, { optional: true, host: true });\n    private readonly ngZone = inject(NgZone);\n    private readonly destroyRef = inject(DestroyRef);\n\n    private readonly errorStateTracker = new KbqErrorStateTracker(\n        this.defaultErrorStateMatcher,\n        this.ngControl,\n        this.parentFormGroup,\n        this.parentForm\n    );\n\n    /** Whether the component is in an error state. */\n    readonly errorState = this.errorStateTracker.errorState;\n\n    /**\n     * Parameter enables or disables the ability to automatically increase the height.\n     * If set to false, the textarea becomes vertically resizable.\n     */\n    readonly canGrow = input(true, { transform: booleanAttribute });\n\n    protected readonly isBrowser = inject(Platform).isBrowser;\n    protected readonly renderer = inject(Renderer2);\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Maximum number of lines to which the textarea will grow. Unlimited when unset. */\n    readonly maxRows = input<number | undefined, unknown>(undefined, { transform: kbqOptionalNumberAttribute });\n\n    /** An object used to control when error messages are shown. */\n    readonly errorStateMatcher = input<ErrorStateMatcher>();\n\n    private readonly focusedValue = signal(false);\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly focused = this.focusedValue.asReadonly();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly autofilled = kbqInjectAutofilled();\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    controlType: string = 'textarea';\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean, boolean | string | null | undefined>(false, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    /** `disabled` of the bound form control, which takes precedence over the input. */\n    private readonly formDisabled = signal<boolean | null>(null);\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly disabled = computed(() => this.formDisabled() ?? this.disabledInput());\n\n    /** @docs-private */\n    readonly idInput = input<string | undefined>(undefined, { alias: 'id' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly id = computed(() => this.idInput() || this.uid);\n\n    /** @docs-private */\n    readonly placeholderInput = input<string | undefined>(undefined, { alias: 'placeholder' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly placeholder = linkedSignal(() => this.placeholderInput());\n\n    /** Distance from the last line to the bottom border. Defaults to a single line height. */\n    readonly freeRowsHeight = input<number | undefined, unknown>(undefined, { transform: kbqOptionalNumberAttribute });\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly required = input<boolean, boolean | string | null | undefined>(false, { transform: booleanAttribute });\n\n    /** @docs-private */\n    readonly valueInput = input<string | undefined>(undefined, { alias: 'value' });\n\n    /**\n     * Implemented as part of KbqFormFieldControl. Follows what the user types; a value bound with `[value]` or set\n     * here is written to the element.\n     *\n     * @docs-private\n     */\n    readonly value: WritableSignal<string>;\n\n    private readonly emptyValue = signal(true);\n\n    /** The value the element and `value` last agreed on, and the text the element showed then. */\n    private syncedValue: unknown;\n    private syncedText: string;\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    readonly empty = this.emptyValue.asReadonly();\n\n    /**\n     * Flag that will be set to true when the maximum number of lines is reached.\n     * Maximum number of rows can be set using the maxRows input.\n     */\n    readonly maxRowLimitReached = computed(() => {\n        const maxRows = this.maxRows();\n\n        return maxRows !== undefined && this.rowsCount() > maxRows;\n    });\n\n    /**\n     * Whether the textarea still grows with its content. It stops once `maxRows` is reached, and from\n     * there the element keeps its own scrollbar: `kbq-textarea_max-row-limit-reached` sets\n     * `resize: unset`, which follows `kbq-textarea-resizable` in the stylesheet and wins on source\n     * order, so no native handle appears.\n     *\n     * @docs-private\n     */\n    protected readonly growing = computed(() => !this.maxRowLimitReached() && this.canGrow());\n\n    /** Distance from the last line to the bottom border, falling back to the measured line height. */\n    private readonly resolvedFreeRowsHeight = computed(() => this.freeRowsHeight() ?? this.lineHeight());\n\n    protected readonly uid = inject(_IdGenerator).getId('kbq-textarea-');\n\n    private valueAccessor: { value: any };\n\n    /** Measured once the textarea has been rendered; the growth arithmetic is in terms of these. */\n    private readonly lineHeight = signal(0);\n    private readonly minHeight = signal(0);\n    private readonly rowsCount = signal(0);\n\n    constructor() {\n        const inputValueAccessor = inject(KBQ_TEXTAREA_VALUE_ACCESSOR, { optional: true, self: true });\n\n        // If no input value accessor was explicitly specified, use the element as the textarea value\n        // accessor.\n        this.valueAccessor = inputValueAccessor || this.elementRef.nativeElement;\n\n        // Read once: a custom accessor may build a new value on every read.\n        const initialValue = this.valueAccessor.value;\n\n        this.value = signal(initialValue);\n        this.syncedValue = initialValue;\n        this.syncedText = this.elementRef.nativeElement.value;\n\n        if (this.parent) {\n            outputToObservable(this.parent.animationDone)\n                .pipe(takeUntilDestroyed())\n                // eslint-disable-next-line @angular-eslint/no-lifecycle-call\n                .subscribe(() => this.ngOnInit());\n        }\n\n        // A bound value replaces the current one whenever the binding changes.\n        effect(() => {\n            const value = this.valueInput();\n\n            if (value !== undefined) {\n                untracked(() => this.value.set(value));\n            }\n        });\n\n        // A value set in code is written to the element on the next change detection. The one the element last agreed\n        // on is not written back: a custom accessor that builds a new value on every read would be written on every\n        // keystroke.\n        effect(() => {\n            const value = this.value();\n\n            untracked(() => {\n                if (value !== this.syncedValue) {\n                    if (this.valueAccessor.value !== value) {\n                        this.valueAccessor.value = value;\n                    }\n\n                    this.syncedValue = value;\n                    this.syncedText = this.elementRef.nativeElement.value;\n                }\n\n                this.emptyValue.set(this.isEmpty());\n            });\n        });\n\n        // The height follows the content and the inputs that size it, measured once the change is rendered.\n        effect(() => {\n            this.value();\n            this.canGrow();\n            this.maxRows();\n            this.freeRowsHeight();\n\n            untracked(() => asapScheduler.schedule(() => this.grow()));\n        });\n\n        // Browsers may not fire the blur event if the textarea is disabled too quickly.\n        // Reset from here to ensure that the element doesn't become stuck.\n        effect(() => {\n            if (this.disabled()) {\n                untracked(() => this.focusedValue.set(false));\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.isBrowser) return;\n\n        Promise.resolve().then(() => {\n            const styles = this.window.getComputedStyle(this.elementRef.nativeElement);\n            const lineHeight = parseInt(styles.lineHeight!, 10);\n\n            this.lineHeight.set(lineHeight);\n            this.minHeight.set(lineHeight + parseInt(styles.paddingTop!, 10) + parseInt(styles.paddingBottom!, 10));\n        });\n\n        setTimeout(() => this.grow(), 0);\n    }\n\n    ngDoCheck() {\n        if (this.ngControl) {\n            // We need to re-evaluate this on every change detection cycle, because there are some\n            // error triggers that we can't subscribe to (e.g. parent form submissions). This means\n            // that whatever logic is in here has to be super lean or we risk destroying the performance.\n            this.updateErrorState();\n            this.formDisabled.set(this.ngControl.disabled);\n        }\n\n        // We need to dirty-check the native element's value, because there are some cases where\n        // we won't be notified when it changes (e.g. the consumer isn't using forms or they're\n        // updating the value using `emitEvent: false`).\n        this.dirtyCheckNativeValue();\n    }\n\n    updateErrorState() {\n        this.errorStateTracker.errorStateMatcher = this.errorStateMatcher();\n        this.errorStateTracker.updateErrorState();\n    }\n\n    /** @docs-private */\n    onBlur(): void {\n        this.focusChanged(false);\n    }\n\n    /**\n     * Grow textarea height to avoid vertical scroll.\n     *\n     * @docs-private\n     */\n    protected grow(): void {\n        // Every call is deferred, so it can land once the textarea is destroyed and has no parent to measure in.\n        if (!this.isBrowser || this.destroyRef.destroyed || !this.canGrow()) return;\n\n        this.ngZone.runOutsideAngular(() => {\n            const textarea = this.elementRef.nativeElement;\n\n            const clone = textarea.cloneNode(false) as HTMLTextAreaElement;\n\n            this.renderer.appendChild(this.renderer.parentNode(textarea), clone);\n\n            const outerHeight = parseInt(this.window.getComputedStyle(textarea).height!, 10);\n            const diff = outerHeight - +textarea.clientHeight;\n\n            clone.style.minHeight = '0'; // this line is important to height recalculation\n\n            const lineHeight = this.lineHeight();\n            const height = Math.max(this.minHeight(), +clone.scrollHeight + diff + this.resolvedFreeRowsHeight());\n\n            clone.remove();\n\n            this.rowsCount.set(lineHeight > 0 ? Math.floor(height / lineHeight) : 0);\n\n            const maxRows = this.maxRows();\n\n            textarea.style.minHeight = coerceCssPixelValue(\n                maxRows !== undefined && this.maxRowLimitReached() ? maxRows * lineHeight : height\n            );\n        });\n    }\n\n    /** Focuses the textarea. */\n    focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    /**\n     * Callback for the cases where the focused state of the textarea changes.\n     *\n     * @docs-private\n     */\n    focusChanged(isFocused: boolean) {\n        this.focusedValue.set(isFocused);\n    }\n\n    /**\n     * Implemented as part of KbqFormFieldControl.\n     *\n     * @docs-private\n     */\n    onContainerClick() {\n        this.focus();\n    }\n\n    /**\n     * Reads the native value back, since it changes without notice: through the forms API, which writes the\n     * element directly, or by the user typing into a textarea that no form listens to.\n     *\n     * @docs-private\n     */\n    dirtyCheckNativeValue() {\n        const nativeValue = this.valueAccessor.value;\n        const text = this.elementRef.nativeElement.value;\n\n        // Only a change of the element itself: a value set in code and not yet written must not be overwritten. An\n        // object counts as changed only with the text, as a custom accessor may build a new one on every read.\n        if (nativeValue !== this.syncedValue && (!isObject(nativeValue) || text !== this.syncedText)) {\n            this.syncedValue = nativeValue;\n            this.syncedText = text;\n            this.value.set(nativeValue);\n        }\n\n        this.emptyValue.set(this.isEmpty());\n    }\n\n    /** Checks whether the textarea is invalid based on the native validation. */\n    protected isBadInput(): boolean {\n        // The `validity` property won't be present on platform-server.\n        const validity = (this.elementRef.nativeElement as HTMLTextAreaElement).validity;\n\n        return validity && validity.badInput;\n    }\n\n    private isEmpty(): boolean {\n        return !this.elementRef.nativeElement.value && !this.isBadInput();\n    }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { KbqFormFieldModule } from '@koobiq/components/form-field';\nimport { KbqTextarea } from './textarea.component';\n\n@NgModule({\n    imports: [A11yModule, FormsModule, KbqTextarea],\n    exports: [KbqTextarea, KbqFormFieldModule]\n})\nexport class KbqTextareaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}