@ng-modular-forms/material 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ron Bodnar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# @ng-modular-forms/material
+
+Angular Material implementation of ng-modular-forms inputs.
+
+## Installation
+
+```bash
+npm install @ng-modular-forms/material
+```
+
+## Example
+
+```ts
+import { InputComponent } from "@ng-modular-forms/input";
+
+@Component({
+  template: `
+    <form [formGroup]="form" (ngSubmit)="submit()">
+      <nmf-mat-input formControlName="fieldA" label="Field A" />
+      <nmf-mat-input formControlName="fieldB" label="Field B" />
+
+      <button type="submit">Submit</button>
+    </form>
+  `,
+})
+export class ExampleComponent {
+  form = new FormGroup({
+    fieldA: new FormControl(null),
+    fieldB: new FormControl(null),
+  });
+}
+```
+
+## Built On
+
+- Angular Material
+- MatFormFieldControl
+- ControlValueAccessor
+
+## Features
+
+- Material styling
+- Floating labels
+- Validation UI
+- Loading states
+
+### Requires
+
+- @ng-modular-forms/core
+- @ng-modular-forms/behavior
+- @angular/material
+- @angular/cdk
+
+## License
+
+MIT

package/fesm2022/ng-modular-forms-material.mjs

@@ -0,0 +1,835 @@
+import * as i0 from '@angular/core';
+import { input, signal, ViewChild, Directive, ChangeDetectionStrategy, Component, inject, forwardRef } from '@angular/core';
+import { FormControlBase, parseCurrency } from '@ng-modular-forms/core';
+import { Subject } from 'rxjs';
+import * as i4$1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
+import { InputCurrencyBehavior, InputSelectBehavior, InputTextBehavior, InputTextareaBehavior } from '@ng-modular-forms/behavior';
+import * as i3 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { DateAdapter, MatNativeDateModule } from '@angular/material/core';
+import * as i3$1 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i3$2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+
+/**
+ * Base implementation for custom form controls that integrate with:
+ * - Angular Reactive Forms (ControlValueAccessor)
+ * - Angular Material form-field (MatFormFieldControl)
+ */
+class MatFormControlBase extends FormControlBase {
+    detachLabel = input(false);
+    hint = input();
+    hintClassList = input('');
+    appearance = input();
+    _formDisabled = signal(false);
+    /**
+     * Notifies Angular Material form-field of state changes
+     * (label float, error state, UI refresh)
+     */
+    stateChanges = new Subject();
+    set value(val) {
+        super.value = val;
+        this.stateChanges.next();
+    }
+    focused = false;
+    /**
+     * Assumes derived component exposes an element with #input reference.
+     */
+    input;
+    focus() {
+        const nativeElement = this.input?.nativeElement;
+        if (!nativeElement) {
+            console.warn('Tried to focus an input from FormControlBase that does not exist');
+            return;
+        }
+        this.focused = true;
+        nativeElement.focus();
+    }
+    get disabled() {
+        return this._disabled() || this._formDisabled();
+    }
+    get errorState() {
+        const control = this.ngControl?.control;
+        return !!control && control.invalid && control.touched;
+    }
+    get empty() {
+        return this.value === null || this.value === '' || this.value === undefined;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    controlType = 'custom-form-control';
+    autofilled = false;
+    userAriaDescribedBy;
+    disableAutomaticLabeling;
+    writeValue(value) {
+        super.writeValue(value);
+        this.stateChanges.next();
+    }
+    setDisabledState(isDisabled) {
+        this._formDisabled.set(isDisabled);
+        this.stateChanges.next();
+        this.cdr.markForCheck();
+    }
+    setDescribedByIds(ids) {
+        this.userAriaDescribedBy = ids.join(' ');
+    }
+    onContainerClick(event) {
+        const target = event.target;
+        target?.focus();
+        this.stateChanges.next();
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatFormControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: MatFormControlBase, isStandalone: true, inputs: { detachLabel: { classPropertyName: "detachLabel", publicName: "detachLabel", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, hintClassList: { classPropertyName: "hintClassList", publicName: "hintClassList", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["nmf-input"], descendants: true }], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatFormControlBase, decorators: [{
+            type: Directive
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: ['nmf-input']
+            }] } });
+
+class MatInputCurrencyComponent extends MatFormControlBase {
+    behavior = new InputCurrencyBehavior();
+    writeValue(value) {
+        super.writeValue(this.behavior.formatCurrency(value ?? ''));
+    }
+    handleKeyDown(event) {
+        this.behavior.handleKeyDown(event);
+    }
+    onInput(event) {
+        this.behavior.onInput(this, event);
+    }
+    textColor(value) {
+        if (this.disabled) {
+            return 'default';
+        }
+        if (!value) {
+            return '--mat-form-field-outlined-input-text-text';
+        }
+        return parseCurrency(value) >= 0
+            ? '--mat-form-field-outlined-input-text-text'
+            : 'red';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputCurrencyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputCurrencyComponent, isStandalone: true, selector: "nmf-mat-input-currency", usesInheritance: true, ngImport: i0, template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <span
+        [style.color]="
+          control().disabled || readonly
+            ? 'var(--mat-form-field-outlined-disabled-input-text-text)'
+            : 'inherit'
+        "
+        matTextPrefix
+      >
+        $
+      </span>
+
+      <input
+        matInput
+        type="text"
+        autocomplete="off"
+        [id]="id"
+        [name]="name"
+        [value]="value"
+        [disabled]="disabled"
+        [readonly]="readonly"
+        [ngClass]="classList().concat(readonly ? ['opacity-60'] : [])"
+        [placeholder]="placeholder || '0.00'"
+        (keydown)="handleKeyDown($event)"
+        (input)="onInput($event)"
+        (blur)="onTouched()"
+        style="padding-top: 5px; color: {{ textColor(value) }} !important"
+      />
+
+      <span matTextSuffix><ng-content></ng-content></span>
+
+      @if (loading()) {
+        <div class="absolute top-5 right-5 z-10">
+          <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>
+          {{ getErrorMessage() }}
+        </mat-error>
+      }
+    </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputCurrencyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nmf-mat-input-currency',
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatProgressSpinnerModule,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <span
+        [style.color]="
+          control().disabled || readonly
+            ? 'var(--mat-form-field-outlined-disabled-input-text-text)'
+            : 'inherit'
+        "
+        matTextPrefix
+      >
+        $
+      </span>
+
+      <input
+        matInput
+        type="text"
+        autocomplete="off"
+        [id]="id"
+        [name]="name"
+        [value]="value"
+        [disabled]="disabled"
+        [readonly]="readonly"
+        [ngClass]="classList().concat(readonly ? ['opacity-60'] : [])"
+        [placeholder]="placeholder || '0.00'"
+        (keydown)="handleKeyDown($event)"
+        (input)="onInput($event)"
+        (blur)="onTouched()"
+        style="padding-top: 5px; color: {{ textColor(value) }} !important"
+      />
+
+      <span matTextSuffix><ng-content></ng-content></span>
+
+      @if (loading()) {
+        <div class="absolute top-5 right-5 z-10">
+          <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>
+          {{ getErrorMessage() }}
+        </mat-error>
+      }
+    </mat-form-field>
+  `,
+                }]
+        }] });
+
+class MatInputDatepickerComponent extends MatFormControlBase {
+    minDate = input(null);
+    maxDate = input(null);
+    picker;
+    dateAdapter = inject((DateAdapter));
+    setToday(dp) {
+        const today = this.dateAdapter.today();
+        dp.select(today);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.picker.minDate = this.minDate();
+        this.picker.maxDate = this.maxDate();
+    }
+    onInput(event) {
+        const value = event.value;
+        if (!value) {
+            this.value = null;
+            this.onChange(this.value);
+            this.stateChanges.next();
+            return;
+        }
+        this.value = value;
+        this.onChange(this.value);
+        this.stateChanges.next();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: MatInputDatepickerComponent, isStandalone: true, selector: "nmf-mat-input-datepicker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <input
+        matInput
+        autocomplete="off"
+        [id]="id"
+        [name]="name"
+        [value]="value"
+        [type]="'text'"
+        [readonly]="readonly"
+        [placeholder]="placeholder || 'Select a date'"
+        [disabled]="disabled"
+        [matDatepicker]="picker"
+        (dateInput)="onInput($event)"
+        (dateChange)="onInput($event)"
+        (blur)="onTouched()"
+        style="padding-top: 5px"
+      />
+
+      <mat-datepicker-toggle
+        [hidden]="loading()"
+        matSuffix
+        [for]="picker"
+      ></mat-datepicker-toggle>
+
+      <mat-datepicker [hidden]="loading()" #picker>
+        <!--         <mat-datepicker-actions>
+          <button matButton (click)="setToday(picker)">Hoy</button>
+          <button matButton matDatepickerCancel>Cancelar</button>
+          <button matButton="elevated" matDatepickerApply>Aplicar</button>
+        </mat-datepicker-actions> -->
+      </mat-datepicker>
+
+      @if (loading()) {
+        <div class="absolute top-2 right-2">
+          <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>
+          {{ getErrorMessage() }}
+        </mat-error>
+      }
+    </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: MatInputDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nmf-mat-input-datepicker',
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatDatepickerModule,
+                        MatNativeDateModule,
+                        MatProgressSpinnerModule,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <input
+        matInput
+        autocomplete="off"
+        [id]="id"
+        [name]="name"
+        [value]="value"
+        [type]="'text'"
+        [readonly]="readonly"
+        [placeholder]="placeholder || 'Select a date'"
+        [disabled]="disabled"
+        [matDatepicker]="picker"
+        (dateInput)="onInput($event)"
+        (dateChange)="onInput($event)"
+        (blur)="onTouched()"
+        style="padding-top: 5px"
+      />
+
+      <mat-datepicker-toggle
+        [hidden]="loading()"
+        matSuffix
+        [for]="picker"
+      ></mat-datepicker-toggle>
+
+      <mat-datepicker [hidden]="loading()" #picker>
+        <!--         <mat-datepicker-actions>
+          <button matButton (click)="setToday(picker)">Hoy</button>
+          <button matButton matDatepickerCancel>Cancelar</button>
+          <button matButton="elevated" matDatepickerApply>Aplicar</button>
+        </mat-datepicker-actions> -->
+      </mat-datepicker>
+
+      @if (loading()) {
+        <div class="absolute top-2 right-2">
+          <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>
+          {{ getErrorMessage() }}
+        </mat-error>
+      }
+    </mat-form-field>
+  `,
+                }]
+        }] });
+
+class InputSelectComponent extends MatFormControlBase {
+    options = input([]);
+    emptyOptionLabel = input('forms.emptyOption');
+    showClearOption = input(false);
+    panelWidth = input('auto');
+    behavior = new InputSelectBehavior();
+    onSelectionClosed() {
+        this.behavior.onSelectionClosed(this);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.behavior.setInitialValue(this.value);
+    }
+    onSelectionChange(event) {
+        this.behavior.onSelectionChange(this, event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputSelectComponent, isStandalone: true, selector: "nmf-mat-input-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, emptyOptionLabel: { classPropertyName: "emptyOptionLabel", publicName: "emptyOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, showClearOption: { classPropertyName: "showClearOption", publicName: "showClearOption", isSignal: true, isRequired: false, transformFunction: null }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <mat-select
+        [value]="value"
+        [disabled]="disabled"
+        [panelWidth]="panelWidth()"
+        [ngClass]="disabled ? 'hide-arrow' : ''"
+        (blur)="onTouched()"
+        (selectionChange)="onSelectionChange($event)"
+        (closed)="onSelectionClosed()"
+      >
+        <mat-option [value]="value === -1 ? -1 : ''" selected disabled>
+          {{ emptyOptionLabel() }}
+        </mat-option>
+
+        <!-- All Options -->
+        @for (option of options(); track option.label) {
+          <mat-option [value]="option.key" [disabled]="option.disabled">
+            {{ option.label }}
+          </mat-option>
+        }
+
+        <!-- Clear Selection Option -->
+        @if (showClearOption()) {
+          <mat-option value="NONE">{{ 'forms.clearSelection' }}</mat-option>
+        }
+      </mat-select>
+
+      @if (loading()) {
+        <div class="absolute top-2 right-2">
+          <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>{{ getErrorMessage() }}</mat-error>
+      }
+    </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputSelectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nmf-mat-input-select',
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        MatProgressSpinnerModule,
+                        ReactiveFormsModule,
+                        MatSelectModule,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <mat-select
+        [value]="value"
+        [disabled]="disabled"
+        [panelWidth]="panelWidth()"
+        [ngClass]="disabled ? 'hide-arrow' : ''"
+        (blur)="onTouched()"
+        (selectionChange)="onSelectionChange($event)"
+        (closed)="onSelectionClosed()"
+      >
+        <mat-option [value]="value === -1 ? -1 : ''" selected disabled>
+          {{ emptyOptionLabel() }}
+        </mat-option>
+
+        <!-- All Options -->
+        @for (option of options(); track option.label) {
+          <mat-option [value]="option.key" [disabled]="option.disabled">
+            {{ option.label }}
+          </mat-option>
+        }
+
+        <!-- Clear Selection Option -->
+        @if (showClearOption()) {
+          <mat-option value="NONE">{{ 'forms.clearSelection' }}</mat-option>
+        }
+      </mat-select>
+
+      @if (loading()) {
+        <div class="absolute top-2 right-2">
+          <mat-spinner diameter="24" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>{{ getErrorMessage() }}</mat-error>
+      }
+    </mat-form-field>
+  `,
+                }]
+        }] });
+
+class InputComponent extends MatFormControlBase {
+    type = input('text');
+    behavior = new InputTextBehavior();
+    toggleShowPassword(event) {
+        this.behavior.toggleShowPassword(event);
+    }
+    onInput(event) {
+        this.behavior.onInput(this, event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputComponent, isStandalone: true, selector: "nmf-mat-input-text", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: MatFormFieldControl,
+                useExisting: forwardRef(() => InputComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <div class="relative">
+      @if (label() && detachLabel()) {
+        <label class="font-medium text-base">{{ label() }}</label>
+      }
+      <mat-form-field
+        appearance="outline"
+        [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+      >
+        @if (label() && !detachLabel()) {
+          <mat-label>{{ label() }}</mat-label>
+        }
+
+        <input
+          matInput
+          autocomplete="off"
+          [ngClass]="classList"
+          [id]="id"
+          [name]="name === 'identificationNumber' ? 'idummyi' : name"
+          [type]="behavior.hidePassword() ? type() : 'text'"
+          [readonly]="readonly"
+          [placeholder]="placeholder"
+          (input)="onInput($event)"
+          (blur)="onTouched()"
+          [formControlName]="controlName()"
+          [required]="isRequired()"
+          style="padding-top: 5px"
+        />
+
+        @if (loading()) {
+          <div class="absolute top-5 right-5 z-10">
+            <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
+          </div>
+        }
+
+        @if (hint()) {
+          <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+        }
+
+        @if (type() === 'password') {
+          <button matIconSuffix (click)="toggleShowPassword($event)">
+            <mat-icon>{{
+              behavior.hidePassword() ? 'visibility_off' : 'visibility'
+            }}</mat-icon>
+          </button>
+        }
+
+        <ng-content></ng-content>
+
+        @if (control().invalid && control().touched) {
+          <mat-error>{{ getErrorMessage() }}</mat-error>
+        }
+      </mat-form-field>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nmf-mat-input-text',
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                    ],
+                    providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: forwardRef(() => InputComponent),
+                        },
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="relative">
+      @if (label() && detachLabel()) {
+        <label class="font-medium text-base">{{ label() }}</label>
+      }
+      <mat-form-field
+        appearance="outline"
+        [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+      >
+        @if (label() && !detachLabel()) {
+          <mat-label>{{ label() }}</mat-label>
+        }
+
+        <input
+          matInput
+          autocomplete="off"
+          [ngClass]="classList"
+          [id]="id"
+          [name]="name === 'identificationNumber' ? 'idummyi' : name"
+          [type]="behavior.hidePassword() ? type() : 'text'"
+          [readonly]="readonly"
+          [placeholder]="placeholder"
+          (input)="onInput($event)"
+          (blur)="onTouched()"
+          [formControlName]="controlName()"
+          [required]="isRequired()"
+          style="padding-top: 5px"
+        />
+
+        @if (loading()) {
+          <div class="absolute top-5 right-5 z-10">
+            <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
+          </div>
+        }
+
+        @if (hint()) {
+          <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+        }
+
+        @if (type() === 'password') {
+          <button matIconSuffix (click)="toggleShowPassword($event)">
+            <mat-icon>{{
+              behavior.hidePassword() ? 'visibility_off' : 'visibility'
+            }}</mat-icon>
+          </button>
+        }
+
+        <ng-content></ng-content>
+
+        @if (control().invalid && control().touched) {
+          <mat-error>{{ getErrorMessage() }}</mat-error>
+        }
+      </mat-form-field>
+    </div>
+  `,
+                }]
+        }] });
+
+class InputTextareaComponent extends MatFormControlBase {
+    rows = input(5);
+    cols = input(5);
+    behavior = new InputTextareaBehavior();
+    onEnter() {
+        this.behavior.onEnter(this);
+    }
+    onInput(event) {
+        this.behavior.onInput(this, event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputTextareaComponent, isStandalone: true, selector: "nmf-mat-input-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <textarea
+        matInput
+        [id]="id"
+        [rows]="rows()"
+        [cols]="cols()"
+        [value]="value"
+        [readonly]="readonly"
+        [disabled]="disabled"
+        [placeholder]="placeholder"
+        style="padding-top: 5px"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+        (keydown.enter)="onEnter()"
+      ></textarea>
+
+      @if (loading()) {
+        <div class="absolute top-5 right-5 z-10">
+          <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>
+          {{ getErrorMessage() }}
+        </mat-error>
+      }
+    </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTextareaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nmf-mat-input-textarea',
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatProgressSpinnerModule,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (label() && detachLabel()) {
+      <label class="font-medium text-base">{{ label() }}</label>
+    }
+    <mat-form-field
+      appearance="outline"
+      [floatLabel]="shouldLabelFloat ? 'always' : 'auto'"
+    >
+      @if (label() && !detachLabel()) {
+        <mat-label>{{ label() }}</mat-label>
+      }
+
+      <textarea
+        matInput
+        [id]="id"
+        [rows]="rows()"
+        [cols]="cols()"
+        [value]="value"
+        [readonly]="readonly"
+        [disabled]="disabled"
+        [placeholder]="placeholder"
+        style="padding-top: 5px"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+        (keydown.enter)="onEnter()"
+      ></textarea>
+
+      @if (loading()) {
+        <div class="absolute top-5 right-5 z-10">
+          <mat-spinner diameter="20" strokeWidth="3"></mat-spinner>
+        </div>
+      }
+
+      @if (hint()) {
+        <mat-hint [ngClass]="hintClassList()">{{ hint() }}</mat-hint>
+      }
+
+      @if (control().invalid && control().touched) {
+        <mat-error>
+          {{ getErrorMessage() }}
+        </mat-error>
+      }
+    </mat-form-field>
+  `,
+                }]
+        }] });
+
+/*
+ * Public API Surface of material
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputComponent, InputSelectComponent, InputTextareaComponent, MatFormControlBase, MatInputCurrencyComponent, MatInputDatepickerComponent };
+//# sourceMappingURL=ng-modular-forms-material.mjs.map

package/fesm2022/ng-modular-forms-material.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-modular-forms-material.mjs","sources":["../../../projects/material/src/lib/mat-form-control-base.ts","../../../projects/material/src/lib/mat-input-currency.component.ts","../../../projects/material/src/lib/mat-input-datepicker.component.ts","../../../projects/material/src/lib/mat-input-select.component.ts","../../../projects/material/src/lib/mat-input-text.component.ts","../../../projects/material/src/lib/mat-input-textarea.component.ts","../../../projects/material/src/public-api.ts","../../../projects/material/src/ng-modular-forms-material.ts"],"sourcesContent":["import { Directive, ElementRef, input, signal, ViewChild } from '@angular/core';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { FormControlBase } from '@ng-modular-forms/core';\nimport { Subject } from 'rxjs';\n\n/**\n * Base implementation for custom form controls that integrate with:\n * - Angular Reactive Forms (ControlValueAccessor)\n * - Angular Material form-field (MatFormFieldControl)\n */\n\n@Directive()\nexport abstract class MatFormControlBase<T>\n  extends FormControlBase<T>\n  implements MatFormFieldControl<T>\n{\n  detachLabel = input<boolean>(false);\n  hint = input<string>();\n  hintClassList = input<string>('');\n  appearance = input<'outline' | 'fill'>();\n\n  protected readonly _formDisabled = signal(false);\n\n  /**\n   * Notifies Angular Material form-field of state changes\n   * (label float, error state, UI refresh)\n   */\n  stateChanges = new Subject<void>();\n\n  override set value(val: T | null) {\n    super.value = val;\n    this.stateChanges.next();\n  }\n\n  focused = false;\n\n  /**\n   * Assumes derived component exposes an element with #input reference.\n   */\n  @ViewChild('nmf-input') input!: ElementRef<HTMLInputElement>;\n\n  focus(): void {\n    const nativeElement = this.input?.nativeElement;\n\n    if (!nativeElement) {\n      console.warn(\n        'Tried to focus an input from FormControlBase that does not exist',\n      );\n      return;\n    }\n\n    this.focused = true;\n    nativeElement.focus();\n  }\n\n  override get disabled(): boolean {\n    return this._disabled() || this._formDisabled();\n  }\n\n  get errorState(): boolean {\n    const control = this.ngControl?.control;\n    return !!control && control.invalid && control.touched;\n  }\n\n  get empty(): boolean {\n    return this.value === null || this.value === '' || this.value === undefined;\n  }\n\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  controlType: string | undefined = 'custom-form-control';\n  autofilled: boolean | undefined = false;\n\n  userAriaDescribedBy?: string | undefined;\n  disableAutomaticLabeling?: boolean | undefined;\n\n  override writeValue(value: T): void {\n    super.writeValue(value);\n    this.stateChanges.next();\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._formDisabled.set(isDisabled);\n    this.stateChanges.next();\n    this.cdr.markForCheck();\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this.userAriaDescribedBy = ids.join(' ');\n  }\n\n  onContainerClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n    target?.focus();\n    this.stateChanges.next();\n  }\n\n  ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatFormControlBase } from './mat-form-control-base';\nimport { parseCurrency } from '@ng-modular-forms/core';\nimport { InputCurrencyBehavior } from '@ng-modular-forms/behavior';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'nmf-mat-input-currency',\n  imports: [\n    CommonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatProgressSpinnerModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (label() && detachLabel()) {\n      <label class=\"font-medium text-base\">{{ label() }}</label>\n    }\n    <mat-form-field\n      appearance=\"outline\"\n      [floatLabel]=\"shouldLabelFloat ? 'always' : 'auto'\"\n    >\n      @if (label() && !detachLabel()) {\n        <mat-label>{{ label() }}</mat-label>\n      }\n\n      <span\n        [style.color]=\"\n          control().disabled || readonly\n            ? 'var(--mat-form-field-outlined-disabled-input-text-text)'\n            : 'inherit'\n        \"\n        matTextPrefix\n      >\n        $\n      </span>\n\n      <input\n        matInput\n        type=\"text\"\n        autocomplete=\"off\"\n        [id]=\"id\"\n        [name]=\"name\"\n        [value]=\"value\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [ngClass]=\"classList().concat(readonly ? ['opacity-60'] : [])\"\n        [placeholder]=\"placeholder || '0.00'\"\n        (keydown)=\"handleKeyDown($event)\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        style=\"padding-top: 5px; color: {{ textColor(value) }} !important\"\n      />\n\n      <span matTextSuffix><ng-content></ng-content></span>\n\n      @if (loading()) {\n        <div class=\"absolute top-5 right-5 z-10\">\n          <mat-spinner diameter=\"20\" strokeWidth=\"3\"></mat-spinner>\n        </div>\n      }\n\n      @if (hint()) {\n        <mat-hint [ngClass]=\"hintClassList()\">{{ hint() }}</mat-hint>\n      }\n\n      @if (control().invalid && control().touched) {\n        <mat-error>\n          {{ getErrorMessage() }}\n        </mat-error>\n      }\n    </mat-form-field>\n  `,\n})\nexport class MatInputCurrencyComponent extends MatFormControlBase<\n  string | null\n> {\n  behavior = new InputCurrencyBehavior();\n\n  override writeValue(value: string | null): void {\n    super.writeValue(this.behavior.formatCurrency(value ?? ''));\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    this.behavior.handleKeyDown(event);\n  }\n\n  onInput(event: Event) {\n    this.behavior.onInput(this, event);\n  }\n\n  textColor(value: string | number | null): string {\n    if (this.disabled) {\n      return 'default';\n    }\n    if (!value) {\n      return '--mat-form-field-outlined-input-text-text';\n    }\n    return parseCurrency(value) >= 0\n      ? '--mat-form-field-outlined-input-text-text'\n      : 'red';\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n} from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { DateAdapter, MatNativeDateModule } from '@angular/material/core';\nimport {\n  MatCalendar,\n  MatDatepicker,\n  MatDatepickerInputEvent,\n  MatDatepickerModule,\n} from '@angular/material/datepicker';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatFormControlBase } from './mat-form-control-base';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'nmf-mat-input-datepicker',\n  imports: [\n    CommonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatDatepickerModule,\n    MatNativeDateModule,\n    MatProgressSpinnerModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (label() && detachLabel()) {\n      <label class=\"font-medium text-base\">{{ label() }}</label>\n    }\n    <mat-form-field\n      appearance=\"outline\"\n      [floatLabel]=\"shouldLabelFloat ? 'always' : 'auto'\"\n    >\n      @if (label() && !detachLabel()) {\n        <mat-label>{{ label() }}</mat-label>\n      }\n\n      <input\n        matInput\n        autocomplete=\"off\"\n        [id]=\"id\"\n        [name]=\"name\"\n        [value]=\"value\"\n        [type]=\"'text'\"\n        [readonly]=\"readonly\"\n        [placeholder]=\"placeholder || 'Select a date'\"\n        [disabled]=\"disabled\"\n        [matDatepicker]=\"picker\"\n        (dateInput)=\"onInput($event)\"\n        (dateChange)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        style=\"padding-top: 5px\"\n      />\n\n      <mat-datepicker-toggle\n        [hidden]=\"loading()\"\n        matSuffix\n        [for]=\"picker\"\n      ></mat-datepicker-toggle>\n\n      <mat-datepicker [hidden]=\"loading()\" #picker>\n        <!--         <mat-datepicker-actions>\n          <button matButton (click)=\"setToday(picker)\">Hoy</button>\n          <button matButton matDatepickerCancel>Cancelar</button>\n          <button matButton=\"elevated\" matDatepickerApply>Aplicar</button>\n        </mat-datepicker-actions> -->\n      </mat-datepicker>\n\n      @if (loading()) {\n        <div class=\"absolute top-2 right-2\">\n          <mat-spinner diameter=\"24\" strokeWidth=\"3\"></mat-spinner>\n        </div>\n      }\n\n      @if (hint()) {\n        <mat-hint [ngClass]=\"hintClassList()\">{{ hint() }}</mat-hint>\n      }\n\n      @if (control().invalid && control().touched) {\n        <mat-error>\n          {{ getErrorMessage() }}\n        </mat-error>\n      }\n    </mat-form-field>\n  `,\n})\nexport class MatInputDatepickerComponent extends MatFormControlBase<Date | null> {\n  minDate = input<Date | null>(null);\n  maxDate = input<Date | null>(null);\n\n  picker!: MatCalendar<Date>;\n\n  private readonly dateAdapter = inject(DateAdapter<Date>);\n\n  setToday(dp: MatDatepicker<Date>) {\n    const today = this.dateAdapter.today();\n    dp.select(today);\n  }\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    this.picker.minDate = this.minDate();\n    this.picker.maxDate = this.maxDate();\n  }\n\n  onInput(event: Partial<MatDatepickerInputEvent<Date>>): void {\n    const value = event.value;\n\n    if (!value) {\n      this.value = null;\n      this.onChange(this.value);\n      this.stateChanges.next();\n      return;\n    }\n\n    this.value = value;\n    this.onChange(this.value);\n    this.stateChanges.next();\n  }\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSelectChange, MatSelectModule } from '@angular/material/select';\nimport { CommonModule } from '@angular/common';\nimport { MatFormControlBase } from './mat-form-control-base';\nimport { InputSelectBehavior } from '@ng-modular-forms/behavior';\n\nexport interface SelectOption {\n  key: string | number;\n  label: string | number;\n  disabled?: boolean;\n}\n\n@Component({\n  selector: 'nmf-mat-input-select',\n  imports: [\n    CommonModule,\n    MatFormFieldModule,\n    MatProgressSpinnerModule,\n    ReactiveFormsModule,\n    MatSelectModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (label() && detachLabel()) {\n      <label class=\"font-medium text-base\">{{ label() }}</label>\n    }\n    <mat-form-field\n      appearance=\"outline\"\n      [floatLabel]=\"shouldLabelFloat ? 'always' : 'auto'\"\n    >\n      @if (label() && !detachLabel()) {\n        <mat-label>{{ label() }}</mat-label>\n      }\n\n      <mat-select\n        [value]=\"value\"\n        [disabled]=\"disabled\"\n        [panelWidth]=\"panelWidth()\"\n        [ngClass]=\"disabled ? 'hide-arrow' : ''\"\n        (blur)=\"onTouched()\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        (closed)=\"onSelectionClosed()\"\n      >\n        <mat-option [value]=\"value === -1 ? -1 : ''\" selected disabled>\n          {{ emptyOptionLabel() }}\n        </mat-option>\n\n        <!-- All Options -->\n        @for (option of options(); track option.label) {\n          <mat-option [value]=\"option.key\" [disabled]=\"option.disabled\">\n            {{ option.label }}\n          </mat-option>\n        }\n\n        <!-- Clear Selection Option -->\n        @if (showClearOption()) {\n          <mat-option value=\"NONE\">{{ 'forms.clearSelection' }}</mat-option>\n        }\n      </mat-select>\n\n      @if (loading()) {\n        <div class=\"absolute top-2 right-2\">\n          <mat-spinner diameter=\"24\" strokeWidth=\"3\"></mat-spinner>\n        </div>\n      }\n\n      @if (hint()) {\n        <mat-hint [ngClass]=\"hintClassList()\">{{ hint() }}</mat-hint>\n      }\n\n      @if (control().invalid && control().touched) {\n        <mat-error>{{ getErrorMessage() }}</mat-error>\n      }\n    </mat-form-field>\n  `,\n})\nexport class InputSelectComponent extends MatFormControlBase<\n  string | number | null\n> {\n  options = input<SelectOption[]>([]);\n  emptyOptionLabel = input<string>('forms.emptyOption');\n  showClearOption = input<boolean>(false);\n  panelWidth = input<string | number | null>('auto');\n\n  behavior = new InputSelectBehavior();\n\n  onSelectionClosed(): void {\n    this.behavior.onSelectionClosed(this);\n  }\n\n  override ngOnInit() {\n    super.ngOnInit();\n    this.behavior.setInitialValue(this.value);\n  }\n\n  onSelectionChange(event: MatSelectChange): void {\n    this.behavior.onSelectionChange(this, event);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  forwardRef,\n  input,\n} from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport {\n  MatFormFieldControl,\n  MatFormFieldModule,\n} from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatFormControlBase } from './mat-form-control-base';\nimport { InputTextBehavior } from '@ng-modular-forms/behavior';\n\n@Component({\n  selector: 'nmf-mat-input-text',\n  imports: [\n    CommonModule,\n    MatFormFieldModule,\n    MatInputModule,\n    ReactiveFormsModule,\n    MatIconModule,\n    MatProgressSpinnerModule,\n  ],\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: forwardRef(() => InputComponent),\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"relative\">\n      @if (label() && detachLabel()) {\n        <label class=\"font-medium text-base\">{{ label() }}</label>\n      }\n      <mat-form-field\n        appearance=\"outline\"\n        [floatLabel]=\"shouldLabelFloat ? 'always' : 'auto'\"\n      >\n        @if (label() && !detachLabel()) {\n          <mat-label>{{ label() }}</mat-label>\n        }\n\n        <input\n          matInput\n          autocomplete=\"off\"\n          [ngClass]=\"classList\"\n          [id]=\"id\"\n          [name]=\"name === 'identificationNumber' ? 'idummyi' : name\"\n          [type]=\"behavior.hidePassword() ? type() : 'text'\"\n          [readonly]=\"readonly\"\n          [placeholder]=\"placeholder\"\n          (input)=\"onInput($event)\"\n          (blur)=\"onTouched()\"\n          [formControlName]=\"controlName()\"\n          [required]=\"isRequired()\"\n          style=\"padding-top: 5px\"\n        />\n\n        @if (loading()) {\n          <div class=\"absolute top-5 right-5 z-10\">\n            <mat-spinner diameter=\"20\" strokeWidth=\"3\"></mat-spinner>\n          </div>\n        }\n\n        @if (hint()) {\n          <mat-hint [ngClass]=\"hintClassList()\">{{ hint() }}</mat-hint>\n        }\n\n        @if (type() === 'password') {\n          <button matIconSuffix (click)=\"toggleShowPassword($event)\">\n            <mat-icon>{{\n              behavior.hidePassword() ? 'visibility_off' : 'visibility'\n            }}</mat-icon>\n          </button>\n        }\n\n        <ng-content></ng-content>\n\n        @if (control().invalid && control().touched) {\n          <mat-error>{{ getErrorMessage() }}</mat-error>\n        }\n      </mat-form-field>\n    </div>\n  `,\n})\nexport class InputComponent extends MatFormControlBase<string | number | null> {\n  type = input<'text' | 'email' | 'tel' | 'url' | 'password'>('text');\n\n  behavior = new InputTextBehavior();\n\n  toggleShowPassword(event: MouseEvent) {\n    this.behavior.toggleShowPassword(event);\n  }\n\n  onInput(event: Event): void {\n    this.behavior.onInput(this, event);\n  }\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatFormControlBase } from './mat-form-control-base';\nimport { InputTextareaBehavior } from '@ng-modular-forms/behavior';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'nmf-mat-input-textarea',\n  imports: [\n    CommonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatProgressSpinnerModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (label() && detachLabel()) {\n      <label class=\"font-medium text-base\">{{ label() }}</label>\n    }\n    <mat-form-field\n      appearance=\"outline\"\n      [floatLabel]=\"shouldLabelFloat ? 'always' : 'auto'\"\n    >\n      @if (label() && !detachLabel()) {\n        <mat-label>{{ label() }}</mat-label>\n      }\n\n      <textarea\n        matInput\n        [id]=\"id\"\n        [rows]=\"rows()\"\n        [cols]=\"cols()\"\n        [value]=\"value\"\n        [readonly]=\"readonly\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        style=\"padding-top: 5px\"\n        (blur)=\"onTouched()\"\n        (input)=\"onInput($event)\"\n        (keydown.enter)=\"onEnter()\"\n      ></textarea>\n\n      @if (loading()) {\n        <div class=\"absolute top-5 right-5 z-10\">\n          <mat-spinner diameter=\"20\" strokeWidth=\"3\"></mat-spinner>\n        </div>\n      }\n\n      @if (hint()) {\n        <mat-hint [ngClass]=\"hintClassList()\">{{ hint() }}</mat-hint>\n      }\n\n      @if (control().invalid && control().touched) {\n        <mat-error>\n          {{ getErrorMessage() }}\n        </mat-error>\n      }\n    </mat-form-field>\n  `,\n})\nexport class InputTextareaComponent extends MatFormControlBase<string | null> {\n  rows = input<number>(5);\n  cols = input<number>(5);\n\n  behavior = new InputTextareaBehavior();\n\n  onEnter() {\n    this.behavior.onEnter(this);\n  }\n\n  onInput(event: Event): void {\n    this.behavior.onInput(this, event);\n  }\n}\n","/*\n * Public API Surface of material\n */\n\nexport * from './lib/mat-form-control-base';\nexport * from './lib/mat-input-currency.component';\nexport * from './lib/mat-input-datepicker.component';\nexport * from './lib/mat-input-select.component';\nexport * from './lib/mat-input-text.component';\nexport * from './lib/mat-input-textarea.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3","i4","i6"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-modular-forms/material" />
+export * from './public-api';

package/lib/mat-form-control-base.d.ts

@@ -0,0 +1,44 @@
+import { ElementRef } from '@angular/core';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { FormControlBase } from '@ng-modular-forms/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Base implementation for custom form controls that integrate with:
+ * - Angular Reactive Forms (ControlValueAccessor)
+ * - Angular Material form-field (MatFormFieldControl)
+ */
+export declare abstract class MatFormControlBase<T> extends FormControlBase<T> implements MatFormFieldControl<T> {
+    detachLabel: import("@angular/core").InputSignal<boolean>;
+    hint: import("@angular/core").InputSignal<string | undefined>;
+    hintClassList: import("@angular/core").InputSignal<string>;
+    appearance: import("@angular/core").InputSignal<"outline" | "fill" | undefined>;
+    protected readonly _formDisabled: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Notifies Angular Material form-field of state changes
+     * (label float, error state, UI refresh)
+     */
+    stateChanges: Subject<void>;
+    set value(val: T | null);
+    focused: boolean;
+    /**
+     * Assumes derived component exposes an element with #input reference.
+     */
+    input: ElementRef<HTMLInputElement>;
+    focus(): void;
+    get disabled(): boolean;
+    get errorState(): boolean;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    controlType: string | undefined;
+    autofilled: boolean | undefined;
+    userAriaDescribedBy?: string | undefined;
+    disableAutomaticLabeling?: boolean | undefined;
+    writeValue(value: T): void;
+    setDisabledState(isDisabled: boolean): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatFormControlBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormControlBase<any>, never, never, { "detachLabel": { "alias": "detachLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "hintClassList": { "alias": "hintClassList"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/mat-input-currency.component.d.ts

@@ -0,0 +1,12 @@
+import { MatFormControlBase } from './mat-form-control-base';
+import { InputCurrencyBehavior } from '@ng-modular-forms/behavior';
+import * as i0 from "@angular/core";
+export declare class MatInputCurrencyComponent extends MatFormControlBase<string | null> {
+    behavior: InputCurrencyBehavior;
+    writeValue(value: string | null): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    onInput(event: Event): void;
+    textColor(value: string | number | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatInputCurrencyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatInputCurrencyComponent, "nmf-mat-input-currency", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/mat-input-datepicker.component.d.ts

@@ -0,0 +1,14 @@
+import { MatCalendar, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
+import { MatFormControlBase } from './mat-form-control-base';
+import * as i0 from "@angular/core";
+export declare class MatInputDatepickerComponent extends MatFormControlBase<Date | null> {
+    minDate: import("@angular/core").InputSignal<Date | null>;
+    maxDate: import("@angular/core").InputSignal<Date | null>;
+    picker: MatCalendar<Date>;
+    private readonly dateAdapter;
+    setToday(dp: MatDatepicker<Date>): void;
+    ngOnInit(): void;
+    onInput(event: Partial<MatDatepickerInputEvent<Date>>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatInputDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatInputDatepickerComponent, "nmf-mat-input-datepicker", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/mat-input-select.component.d.ts

@@ -0,0 +1,21 @@
+import { MatSelectChange } from '@angular/material/select';
+import { MatFormControlBase } from './mat-form-control-base';
+import { InputSelectBehavior } from '@ng-modular-forms/behavior';
+import * as i0 from "@angular/core";
+export interface SelectOption {
+    key: string | number;
+    label: string | number;
+    disabled?: boolean;
+}
+export declare class InputSelectComponent extends MatFormControlBase<string | number | null> {
+    options: import("@angular/core").InputSignal<SelectOption[]>;
+    emptyOptionLabel: import("@angular/core").InputSignal<string>;
+    showClearOption: import("@angular/core").InputSignal<boolean>;
+    panelWidth: import("@angular/core").InputSignal<string | number | null>;
+    behavior: InputSelectBehavior;
+    onSelectionClosed(): void;
+    ngOnInit(): void;
+    onSelectionChange(event: MatSelectChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "nmf-mat-input-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "emptyOptionLabel": { "alias": "emptyOptionLabel"; "required": false; "isSignal": true; }; "showClearOption": { "alias": "showClearOption"; "required": false; "isSignal": true; }; "panelWidth": { "alias": "panelWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/mat-input-text.component.d.ts

@@ -0,0 +1,11 @@
+import { MatFormControlBase } from './mat-form-control-base';
+import { InputTextBehavior } from '@ng-modular-forms/behavior';
+import * as i0 from "@angular/core";
+export declare class InputComponent extends MatFormControlBase<string | number | null> {
+    type: import("@angular/core").InputSignal<"text" | "email" | "tel" | "url" | "password">;
+    behavior: InputTextBehavior;
+    toggleShowPassword(event: MouseEvent): void;
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "nmf-mat-input-text", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/mat-input-textarea.component.d.ts

@@ -0,0 +1,12 @@
+import { MatFormControlBase } from './mat-form-control-base';
+import { InputTextareaBehavior } from '@ng-modular-forms/behavior';
+import * as i0 from "@angular/core";
+export declare class InputTextareaComponent extends MatFormControlBase<string | null> {
+    rows: import("@angular/core").InputSignal<number>;
+    cols: import("@angular/core").InputSignal<number>;
+    behavior: InputTextareaBehavior;
+    onEnter(): void;
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextareaComponent, "nmf-mat-input-textarea", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@ng-modular-forms/material",
+  "version": "0.1.0",
+  "peerDependencies": {
+    "@angular/core": ">=17 <22",
+    "@angular/common": ">=17 <22",
+    "@angular/forms": ">=17 <22",
+    "@angular/material": ">=17 <22",
+    "@angular/cdk": ">=17 <22",
+    "rxjs": ">=7 <8",
+    "@ng-modular-forms/core": ">=0.2.0 <2",
+    "@ng-modular-forms/behavior": ">=0.0.1"
+  },
+  "dependencies": {
+    "tslib": "^2.6.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ng-modular-forms-material.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ng-modular-forms-material.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/mat-form-control-base';
+export * from './lib/mat-input-currency.component';
+export * from './lib/mat-input-datepicker.component';
+export * from './lib/mat-input-select.component';
+export * from './lib/mat-input-text.component';
+export * from './lib/mat-input-textarea.component';