@ng-modular-forms/material 0.11.2 → 0.12.1

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

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, computed, Directive, ChangeDetectionStrategy, Component, effect } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { FormControlBase, NumberBehavior, parseNumber, formatNumber, LookupBehavior, PasswordBehavior } from '@ng-modular-forms/core';
+import { FormControlBase, LookupBehavior, NumberBehavior, parseNumber, formatNumber, FormFieldComponent, PasswordBehavior } from '@ng-modular-forms/core';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldModule } from '@angular/material/form-field';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { MatNativeDateModule } from '@angular/material/core';
@@ -16,11 +16,13 @@ import * as i2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i4$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5$1 from '@angular/material/button';
+import * as i6 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i5$2 from '@angular/material/select';
+import * as i1$1 from '@angular/material/slider';
+import { MatSliderModule } from '@angular/material/slider';
+import * as i5$1 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i4$2 from '@angular/material/timepicker';
 import { MatTimepickerModule } from '@angular/material/timepicker';
@@ -124,11 +126,15 @@ class MatFormControlBase extends FormControlBase {
         this.displayControl.setErrors(control.errors);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatFormControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: MatFormControlBase, isStandalone: true, inputs: { _detachLabel: { classPropertyName: "_detachLabel", publicName: "detachLabel", isSignal: true, isRequired: false, transformFunction: null }, _appearance: { classPropertyName: "_appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, _shouldLabelFloat: { classPropertyName: "_shouldLabelFloat", publicName: "shouldLabelFloat", isSignal: true, isRequired: false, transformFunction: null }, _hideRequiredMarker: { classPropertyName: "_hideRequiredMarker", publicName: "hideRequiredMarker", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: MatFormControlBase, isStandalone: true, inputs: { _detachLabel: { classPropertyName: "_detachLabel", publicName: "detachLabel", isSignal: true, isRequired: false, transformFunction: null }, _appearance: { classPropertyName: "_appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, _shouldLabelFloat: { classPropertyName: "_shouldLabelFloat", publicName: "shouldLabelFloat", isSignal: true, isRequired: false, transformFunction: null }, _hideRequiredMarker: { classPropertyName: "_hideRequiredMarker", publicName: "hideRequiredMarker", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "nmf-material" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatFormControlBase, decorators: [{
             type: Directive,
-            args: [{}]
+            args: [{
+                    host: {
+                        class: 'nmf-material',
+                    },
+                }]
         }] });
 
 class MatInputDatepickerComponent extends MatFormControlBase {
@@ -171,9 +177,13 @@ class MatInputDatepickerComponent extends MatFormControlBase {
         [max]="maxDate()"
         [matDatepicker]="picker"
         [matDatepickerFilter]="dateFilter()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="placeholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -255,9 +265,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         [max]="maxDate()"
         [matDatepicker]="picker"
         [matDatepickerFilter]="dateFilter()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="placeholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -303,49 +317,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }] });
 
-class MatInputNumberComponent extends MatFormControlBase {
-    formatValue = input(false);
-    prefix = input(null);
-    suffix = input(null);
-    allowNegative = input(true);
-    negativeColor = input('#dc2626');
-    numberBehavior = new NumberBehavior();
-    textColor = computed(() => {
-        const value = this.displayValue();
-        if (value == null ||
-            value === '' ||
-            this.negativeColor() == null ||
-            this._disabledByInput()) {
-            return 'inherit';
+class MatInputFileSelectorComponent extends MatFormControlBase {
+    multiple = input(true);
+    accept = input(null);
+    capture = input(null);
+    acceptAsString = computed(() => {
+        const accept = this.accept();
+        if (Array.isArray(accept)) {
+            return accept.join(',');
         }
-        const parsedValue = parseNumber(value ?? 0);
-        const valid = parsedValue != null && parsedValue >= 0;
-        return valid ? 'inherit' : this.negativeColor();
+        return accept;
     });
-    writeValue(value) {
-        super.writeValue(value);
-        this.updateDisplayValue(value);
-    }
-    onInput(_) {
-        const raw = this.displayControl.value ?? '';
-        const cleaned = this.numberBehavior.sanitize(raw, this.allowNegative());
-        const parsed = parseNumber(cleaned);
-        this.updateDisplayValue(cleaned);
-        this.onChange(parsed);
-    }
-    updateDisplayValue(value) {
-        const shouldFormat = this.formatValue() && value != null;
-        const displayValue = shouldFormat
-            ? (formatNumber(value) ?? '')
-            : value != null
-                ? String(value)
-                : '';
-        this.displayControl.setValue(displayValue, {
-            emitEvent: false,
-        });
+    fileName = computed(() => {
+        const value = this.value();
+        if (Array.isArray(value)) {
+            return value.length === 1
+                ? (value[0]?.name ?? '')
+                : this.translate('fileSelector.filesSelected', {
+                    count: value.length,
+                });
+        }
+        return value?.name ?? '';
+    });
+    onFileSelected(event) {
+        const files = event.target.files ?? null;
+        if (this.multiple()) {
+            this.onChange(Array.from(files ?? []));
+        }
+        else {
+            this.onChange(files ? files[0] : null);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputNumberComponent, isStandalone: true, selector: "nmf-mat-number", inputs: { formatValue: { classPropertyName: "formatValue", publicName: "formatValue", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, allowNegative: { classPropertyName: "allowNegative", publicName: "allowNegative", isSignal: true, isRequired: false, transformFunction: null }, negativeColor: { classPropertyName: "negativeColor", publicName: "negativeColor", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputFileSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputFileSelectorComponent, isStandalone: true, selector: "nmf-mat-file-selector", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, capture: { classPropertyName: "capture", publicName: "capture", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     @if (translatedLabel() && detachLabel()) {
       <label class="nmf-mat-label-detached">{{ translatedLabel() }}</label>
     }
@@ -360,41 +364,44 @@ class MatInputNumberComponent extends MatFormControlBase {
         <mat-label>{{ translatedLabel() }}</mat-label>
       }
 
-      @if (showSlots()) {
-        <div class="nmf-mat-prefix-slot">
-          @if (prefix() != null) {
-            <span>{{ prefix() }}</span>
-          }
-          <ng-content select="[nmfPrefix]"></ng-content>
-        </div>
-      }
-
       <input
-        #focusable
         matInput
-        type="text"
+        readonly
+        [value]="fileName()"
         [ngClass]="classList"
-        [style.color]="textColor()"
-        [style.opacity]="disabled() ? 0.6 : 1"
         [id]="id()"
         [name]="name()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
-        (input)="onInput($event)"
+        (click)="fileInput.click()"
       />
 
-      @if (showSlots()) {
-        <div class="nmf-mat-suffix-slot">
-          @if (suffix() != null) {
-            <span>{{ suffix() }}</span>
-          }
-          <ng-content select="[nmfSuffix]"></ng-content>
-        </div>
-      }
+      <button
+        matSuffix
+        mat-icon-button
+        type="button"
+        (click)="fileInput.click()"
+      >
+        <mat-icon>attach_file</mat-icon>
+      </button>
+
+      <input
+        #fileInput
+        hidden
+        type="file"
+        [attr.accept]="acceptAsString()"
+        [attr.capture]="capture()"
+        [multiple]="multiple()"
+        (change)="onFileSelected($event)"
+      />
 
       @if (loading()) {
         <mat-spinner
@@ -413,12 +420,12 @@ class MatInputNumberComponent extends MatFormControlBase {
 
       <mat-error>{{ translatedErrorMessage() }}</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: MatInputModule }, { kind: "directive", type: i2.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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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: i2.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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputFileSelectorComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'nmf-mat-number',
+                    selector: 'nmf-mat-file-selector',
                     imports: [
                         CommonModule,
                         MatFormFieldModule,
@@ -444,41 +451,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         <mat-label>{{ translatedLabel() }}</mat-label>
       }
 
-      @if (showSlots()) {
-        <div class="nmf-mat-prefix-slot">
-          @if (prefix() != null) {
-            <span>{{ prefix() }}</span>
-          }
-          <ng-content select="[nmfPrefix]"></ng-content>
-        </div>
-      }
-
       <input
-        #focusable
         matInput
-        type="text"
+        readonly
+        [value]="fileName()"
         [ngClass]="classList"
-        [style.color]="textColor()"
-        [style.opacity]="disabled() ? 0.6 : 1"
         [id]="id()"
         [name]="name()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
-        (input)="onInput($event)"
+        (click)="fileInput.click()"
       />
 
-      @if (showSlots()) {
-        <div class="nmf-mat-suffix-slot">
-          @if (suffix() != null) {
-            <span>{{ suffix() }}</span>
-          }
-          <ng-content select="[nmfSuffix]"></ng-content>
-        </div>
-      }
+      <button
+        matSuffix
+        mat-icon-button
+        type="button"
+        (click)="fileInput.click()"
+      >
+        <mat-icon>attach_file</mat-icon>
+      </button>
+
+      <input
+        #fileInput
+        hidden
+        type="file"
+        [attr.accept]="acceptAsString()"
+        [attr.capture]="capture()"
+        [multiple]="multiple()"
+        (change)="onFileSelected($event)"
+      />
 
       @if (loading()) {
         <mat-spinner
@@ -502,7 +512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         }] });
 
 class MatInputLookupComponent extends MatFormControlBase {
-    autocompleteAttr = input('off');
+    autocomplete = input('off');
     /*
      * Static options to display in the dropdown. This is for synchronous sources.
      */
@@ -586,7 +596,7 @@ class MatInputLookupComponent extends MatFormControlBase {
         return this.behavior.isOptionSelected(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputLookupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputLookupComponent, isStandalone: true, selector: "nmf-mat-lookup", inputs: { autocompleteAttr: { classPropertyName: "autocompleteAttr", publicName: "autocompleteAttr", isSignal: true, isRequired: false, transformFunction: null }, optionsSource: { classPropertyName: "optionsSource", publicName: "optionsSource", isSignal: true, isRequired: false, transformFunction: null }, optionsProvider: { classPropertyName: "optionsProvider", publicName: "optionsProvider", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null }, displayProvider: { classPropertyName: "displayProvider", publicName: "displayProvider", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, emptyOptionsLabel: { classPropertyName: "emptyOptionsLabel", publicName: "emptyOptionsLabel", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, searchThreshold: { classPropertyName: "searchThreshold", publicName: "searchThreshold", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["nmfMatLookup"], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputLookupComponent, isStandalone: true, selector: "nmf-mat-lookup", inputs: { autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, optionsSource: { classPropertyName: "optionsSource", publicName: "optionsSource", isSignal: true, isRequired: false, transformFunction: null }, optionsProvider: { classPropertyName: "optionsProvider", publicName: "optionsProvider", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null }, displayProvider: { classPropertyName: "displayProvider", publicName: "displayProvider", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, emptyOptionsLabel: { classPropertyName: "emptyOptionsLabel", publicName: "emptyOptionsLabel", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, searchThreshold: { classPropertyName: "searchThreshold", publicName: "searchThreshold", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["nmfMatLookup"], usesInheritance: true, ngImport: i0, template: `
     @if (translatedLabel() && detachLabel()) {
       <label class="nmf-mat-label-detached">{{ translatedLabel() }}</label>
     }
@@ -607,13 +617,16 @@ class MatInputLookupComponent extends MatFormControlBase {
           matInput
           type="text"
           [class.cursor-not-allowed]="!isOptionSelected(null)"
-          [attr.aria-label]="detachLabel() ? translatedLabel() : null"
           [ngClass]="classList"
           [id]="id()"
           [name]="name()"
           [required]="isRequired()"
-          [readonly]="!isOptionSelected(null)"
+          [readonly]="readonly() || !isOptionSelected(null)"
           [placeholder]="translatedPlaceholder()"
+          [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+          [attr.aria-describedby]="ariaDescribedBy()"
+          [attr.aria-labelledby]="ariaLabelledBy()"
+          [attr.autocomplete]="autocomplete()"
           [formControl]="displayControl"
           [matAutocomplete]="auto"
           (blur)="onFocusOut()"
@@ -662,7 +675,7 @@ class MatInputLookupComponent extends MatFormControlBase {
         }
       </mat-form-field>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: MatAutocompleteModule }, { kind: "component", type: i3$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: MatAutocompleteModule }, { kind: "component", type: i3$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.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.25", ngImport: i0, type: MatInputLookupComponent, decorators: [{
             type: Component,
@@ -702,13 +715,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
           matInput
           type="text"
           [class.cursor-not-allowed]="!isOptionSelected(null)"
-          [attr.aria-label]="detachLabel() ? translatedLabel() : null"
           [ngClass]="classList"
           [id]="id()"
           [name]="name()"
           [required]="isRequired()"
-          [readonly]="!isOptionSelected(null)"
+          [readonly]="readonly() || !isOptionSelected(null)"
           [placeholder]="translatedPlaceholder()"
+          [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+          [attr.aria-describedby]="ariaDescribedBy()"
+          [attr.aria-labelledby]="ariaLabelledBy()"
+          [attr.autocomplete]="autocomplete()"
           [formControl]="displayControl"
           [matAutocomplete]="auto"
           (blur)="onFocusOut()"
@@ -761,6 +777,363 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+class MatInputNumberComponent extends MatFormControlBase {
+    formatValue = input(false);
+    prefix = input(null);
+    suffix = input(null);
+    allowNegative = input(true);
+    negativeColor = input('var(--mat-sys-error)');
+    min = input(null);
+    max = input(null);
+    step = input(null);
+    numberBehavior = new NumberBehavior();
+    textColor = computed(() => {
+        const value = this.displayValue();
+        if (value == null ||
+            value === '' ||
+            this.negativeColor() == null ||
+            this._disabledByInput()) {
+            return 'inherit';
+        }
+        const parsedValue = parseNumber(value ?? 0);
+        const valid = parsedValue != null && parsedValue >= 0;
+        return valid ? 'inherit' : this.negativeColor();
+    });
+    writeValue(value) {
+        super.writeValue(value);
+        this.updateDisplayValue(value);
+    }
+    onInput(_) {
+        const raw = this.displayControl.value ?? '';
+        const cleaned = this.numberBehavior.sanitize(raw, this.allowNegative());
+        const parsed = parseNumber(cleaned);
+        this.updateDisplayValue(cleaned);
+        this.onChange(parsed);
+    }
+    updateDisplayValue(value) {
+        const normalized = value == null
+            ? null
+            : typeof value === 'number'
+                ? value
+                : parseNumber(value);
+        const displayValue = this.formatValue() && normalized != null
+            ? (formatNumber(normalized) ?? '')
+            : value != null
+                ? String(value)
+                : '';
+        this.displayControl.setValue(displayValue, {
+            emitEvent: false,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputNumberComponent, isStandalone: true, selector: "nmf-mat-number", inputs: { formatValue: { classPropertyName: "formatValue", publicName: "formatValue", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, allowNegative: { classPropertyName: "allowNegative", publicName: "allowNegative", isSignal: true, isRequired: false, transformFunction: null }, negativeColor: { classPropertyName: "negativeColor", publicName: "negativeColor", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (translatedLabel() && detachLabel()) {
+      <label class="nmf-mat-label-detached">{{ translatedLabel() }}</label>
+    }
+
+    <mat-form-field
+      class="nmf-mat-field"
+      [appearance]="appearance()"
+      [floatLabel]="shouldLabelFloat()"
+      [hideRequiredMarker]="hideRequiredMarker()"
+    >
+      @if (translatedLabel() && !detachLabel()) {
+        <mat-label>{{ translatedLabel() }}</mat-label>
+      }
+
+      @if (showSlots()) {
+        <div class="nmf-mat-prefix-slot">
+          @if (prefix() != null) {
+            <span>{{ prefix() }}</span>
+          }
+          <ng-content select="[nmfPrefix]"></ng-content>
+        </div>
+      }
+
+      <input
+        #focusable
+        matInput
+        type="text"
+        [ngClass]="classList"
+        [style.color]="textColor()"
+        [style.opacity]="disabled() ? 0.6 : 1"
+        [id]="id()"
+        [name]="name()"
+        [min]="min()"
+        [max]="max()"
+        [step]="step()"
+        [readonly]="readonly()"
+        [required]="isRequired()"
+        [placeholder]="translatedPlaceholder()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
+        [formControl]="displayControl"
+        (blur)="onFocusOut()"
+        (focus)="onFocusIn()"
+        (input)="onInput($event)"
+      />
+
+      @if (showSlots()) {
+        <div class="nmf-mat-suffix-slot">
+          @if (suffix() != null) {
+            <span>{{ suffix() }}</span>
+          }
+          <ng-content select="[nmfSuffix]"></ng-content>
+        </div>
+      }
+
+      @if (loading()) {
+        <mat-spinner
+          matSuffix
+          class="nmf-mat-loader"
+          diameter="22"
+          strokeWidth="3"
+        ></mat-spinner>
+      }
+
+      @if (translatedHintLabel()) {
+        <mat-hint [ngClass]="hintClassList()">{{
+          translatedHintLabel()
+        }}</mat-hint>
+      }
+
+      <mat-error>{{ translatedErrorMessage() }}</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: MatInputModule }, { kind: "directive", type: i2.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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputNumberComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nmf-mat-number',
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (translatedLabel() && detachLabel()) {
+      <label class="nmf-mat-label-detached">{{ translatedLabel() }}</label>
+    }
+
+    <mat-form-field
+      class="nmf-mat-field"
+      [appearance]="appearance()"
+      [floatLabel]="shouldLabelFloat()"
+      [hideRequiredMarker]="hideRequiredMarker()"
+    >
+      @if (translatedLabel() && !detachLabel()) {
+        <mat-label>{{ translatedLabel() }}</mat-label>
+      }
+
+      @if (showSlots()) {
+        <div class="nmf-mat-prefix-slot">
+          @if (prefix() != null) {
+            <span>{{ prefix() }}</span>
+          }
+          <ng-content select="[nmfPrefix]"></ng-content>
+        </div>
+      }
+
+      <input
+        #focusable
+        matInput
+        type="text"
+        [ngClass]="classList"
+        [style.color]="textColor()"
+        [style.opacity]="disabled() ? 0.6 : 1"
+        [id]="id()"
+        [name]="name()"
+        [min]="min()"
+        [max]="max()"
+        [step]="step()"
+        [readonly]="readonly()"
+        [required]="isRequired()"
+        [placeholder]="translatedPlaceholder()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
+        [formControl]="displayControl"
+        (blur)="onFocusOut()"
+        (focus)="onFocusIn()"
+        (input)="onInput($event)"
+      />
+
+      @if (showSlots()) {
+        <div class="nmf-mat-suffix-slot">
+          @if (suffix() != null) {
+            <span>{{ suffix() }}</span>
+          }
+          <ng-content select="[nmfSuffix]"></ng-content>
+        </div>
+      }
+
+      @if (loading()) {
+        <mat-spinner
+          matSuffix
+          class="nmf-mat-loader"
+          diameter="22"
+          strokeWidth="3"
+        ></mat-spinner>
+      }
+
+      @if (translatedHintLabel()) {
+        <mat-hint [ngClass]="hintClassList()">{{
+          translatedHintLabel()
+        }}</mat-hint>
+      }
+
+      <mat-error>{{ translatedErrorMessage() }}</mat-error>
+    </mat-form-field>
+  `,
+                }]
+        }] });
+
+class MatInputRangeComponent extends MatFormControlBase {
+    min = input(null);
+    max = input(null);
+    step = input(null);
+    rangeSelection = input(false);
+    showTickMarks = input(false);
+    discrete = input(true);
+    startValue = null;
+    endValue = null;
+    onSingleChange(value) {
+        this.onChange(value);
+        this.onTouched();
+    }
+    onRangeStartChange(value) {
+        this.startValue = value;
+        this.emitRangeIfReady();
+    }
+    onRangeEndChange(value) {
+        this.endValue = value;
+        this.emitRangeIfReady();
+    }
+    emitRangeIfReady() {
+        if (this.startValue == null || this.endValue == null)
+            return;
+        const start = Math.min(this.startValue, this.endValue);
+        const end = Math.max(this.startValue, this.endValue);
+        this.onChange([start, end]);
+        this.onTouched();
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        if (Array.isArray(value)) {
+            this.startValue = value[0];
+            this.endValue = value[1];
+        }
+        else if (typeof value === 'number') {
+            this.startValue = value;
+            this.endValue = null;
+        }
+        else {
+            this.startValue = null;
+            this.endValue = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputRangeComponent, isStandalone: true, selector: "nmf-mat-range", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, rangeSelection: { classPropertyName: "rangeSelection", publicName: "rangeSelection", isSignal: true, isRequired: false, transformFunction: null }, showTickMarks: { classPropertyName: "showTickMarks", publicName: "showTickMarks", isSignal: true, isRequired: false, transformFunction: null }, discrete: { classPropertyName: "discrete", publicName: "discrete", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <nmf-form-field
+      [label]="translatedLabel()"
+      [isRequired]="isRequired()"
+      [loading]="loading()"
+      [errorMessage]="translatedErrorMessage()"
+      [hintLabel]="translatedHintLabel()"
+      [hintClassList]="hintClassList()"
+    >
+      <mat-slider
+        [min]="min() ?? 0"
+        [max]="max() ?? 100"
+        [step]="step() ?? 1"
+        [discrete]="discrete()"
+        [showTickMarks]="showTickMarks()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+      >
+        @if (rangeSelection()) {
+          <input
+            matSliderStartThumb
+            [value]="startValue ?? min() ?? 0"
+            (valueChange)="onRangeStartChange($event)"
+          />
+          <input
+            matSliderEndThumb
+            [value]="endValue ?? max() ?? 100"
+            (valueChange)="onRangeEndChange($event)"
+          />
+        } @else {
+          <input
+            matSliderThumb
+            [value]="value()"
+            (valueChange)="onSingleChange($event)"
+          />
+        }
+      </mat-slider>
+    </nmf-form-field>
+  `, isInline: true, styles: ["mat-slider{width:100%}.error{--nmf-input-error-color: var(--mat-sys-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormFieldComponent, selector: "nmf-form-field", inputs: ["label", "loading", "hintLabel", "hintClassList", "isRequired", "errorMessage"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i1$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputRangeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-mat-range', imports: [
+                        CommonModule,
+                        FormFieldComponent,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        MatSliderModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <nmf-form-field
+      [label]="translatedLabel()"
+      [isRequired]="isRequired()"
+      [loading]="loading()"
+      [errorMessage]="translatedErrorMessage()"
+      [hintLabel]="translatedHintLabel()"
+      [hintClassList]="hintClassList()"
+    >
+      <mat-slider
+        [min]="min() ?? 0"
+        [max]="max() ?? 100"
+        [step]="step() ?? 1"
+        [discrete]="discrete()"
+        [showTickMarks]="showTickMarks()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+      >
+        @if (rangeSelection()) {
+          <input
+            matSliderStartThumb
+            [value]="startValue ?? min() ?? 0"
+            (valueChange)="onRangeStartChange($event)"
+          />
+          <input
+            matSliderEndThumb
+            [value]="endValue ?? max() ?? 100"
+            (valueChange)="onRangeEndChange($event)"
+          />
+        } @else {
+          <input
+            matSliderThumb
+            [value]="value()"
+            (valueChange)="onSingleChange($event)"
+          />
+        }
+      </mat-slider>
+    </nmf-form-field>
+  `, styles: ["mat-slider{width:100%}.error{--nmf-input-error-color: var(--mat-sys-error)}\n"] }]
+        }] });
+
 class MatInputSelectComponent extends MatFormControlBase {
     options = input([]);
     emptyOptionLabel = input('Select an option');
@@ -801,6 +1174,10 @@ class MatInputSelectComponent extends MatFormControlBase {
         [panelWidth]="panelWidth()"
         [required]="isRequired()"
         [placeholder]="translatedEmptyOptionLabel()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -835,7 +1212,7 @@ class MatInputSelectComponent extends MatFormControlBase {
 
       <mat-error>{{ translatedErrorMessage() }}</mat-error>
     </mat-form-field>
-  `, isInline: true, styles: [":host{display:block;flex-basis:160px;flex-shrink:1}\n"], 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: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$2.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: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;flex-basis:160px;flex-shrink:1}\n"], 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: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.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: i3$1.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.25", ngImport: i0, type: MatInputSelectComponent, decorators: [{
             type: Component,
@@ -867,6 +1244,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         [panelWidth]="panelWidth()"
         [required]="isRequired()"
         [placeholder]="translatedEmptyOptionLabel()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -906,6 +1287,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 
 class MatInputTextComponent extends MatFormControlBase {
     type = input('text');
+    autocapitalize = input('off');
+    minlength = input(null);
+    maxlength = input(null);
+    pattern = input(null);
     prefix = input(null);
     suffix = input(null);
     behavior = new PasswordBehavior();
@@ -918,7 +1303,7 @@ class MatInputTextComponent extends MatFormControlBase {
         this.onChange(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputTextComponent, isStandalone: true, selector: "nmf-mat-text", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: MatInputTextComponent, isStandalone: true, selector: "nmf-mat-text", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, autocapitalize: { classPropertyName: "autocapitalize", publicName: "autocapitalize", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     @if (translatedLabel() && detachLabel()) {
       <label class="nmf-mat-label-detached">{{ translatedLabel() }}</label>
     }
@@ -949,9 +1334,17 @@ class MatInputTextComponent extends MatFormControlBase {
         [id]="id()"
         [name]="name()"
         [type]="computedType()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
+        [attr.autocapitalize]="autocapitalize()"
+        [attr.minlength]="minlength()"
+        [attr.maxlength]="maxlength()"
+        [attr.pattern]="pattern()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -999,7 +1392,7 @@ class MatInputTextComponent extends MatFormControlBase {
 
       <mat-error>{{ translatedErrorMessage() }}</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: MatInputModule }, { kind: "directive", type: i2.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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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: i2.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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MatInputTextComponent, decorators: [{
             type: Component,
@@ -1046,9 +1439,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         [id]="id()"
         [name]="name()"
         [type]="computedType()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
+        [attr.autocapitalize]="autocapitalize()"
+        [attr.minlength]="minlength()"
+        [attr.maxlength]="maxlength()"
+        [attr.pattern]="pattern()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -1130,9 +1531,13 @@ class MatInputTextareaComponent extends MatFormControlBase {
         [id]="id()"
         [rows]="rows()"
         [cols]="cols()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -1193,9 +1598,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         [id]="id()"
         [rows]="rows()"
         [cols]="cols()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -1263,9 +1672,13 @@ class MatInputTimepickerComponent extends MatFormControlBase {
         [matTimepicker]="picker"
         [matTimepickerMin]="minDate()"
         [matTimepickerMax]="maxDate()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -1343,9 +1756,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         [matTimepicker]="picker"
         [matTimepickerMin]="minDate()"
         [matTimepickerMax]="maxDate()"
+        [readonly]="readonly()"
         [required]="isRequired()"
         [placeholder]="translatedPlaceholder()"
-        [autocomplete]="autocompleteAttr()"
+        [attr.aria-label]="ariaLabel() ?? translatedLabel()"
+        [attr.aria-describedby]="ariaDescribedBy()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        [attr.autocomplete]="autocomplete()"
         [formControl]="displayControl"
         (blur)="onFocusOut()"
         (focus)="onFocusIn()"
@@ -1396,5 +1813,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { MatFormControlBase, MatInputDatepickerComponent, MatInputLookupComponent, MatInputNumberComponent, MatInputSelectComponent, MatInputTextComponent, MatInputTextareaComponent, MatInputTimepickerComponent, NMF_MATERIAL_CONFIG, provideNmfMaterialConfig };
+export { MatFormControlBase, MatInputDatepickerComponent, MatInputFileSelectorComponent, MatInputLookupComponent, MatInputNumberComponent, MatInputRangeComponent, MatInputSelectComponent, MatInputTextComponent, MatInputTextareaComponent, MatInputTimepickerComponent, NMF_MATERIAL_CONFIG, provideNmfMaterialConfig };
 //# sourceMappingURL=ng-modular-forms-material.mjs.map