@ng-modular-forms/core 0.5.1 → 0.6.0

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

@@ -1,8 +1,11 @@
-import { NgControl, FormControl, Validators, TouchedChangeEvent, FormGroup } from '@angular/forms';
+import * as i2 from '@angular/forms';
+import { NgControl, FormControl, Validators, TouchedChangeEvent, ReactiveFormsModule, FormGroup } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, DestroyRef, input, booleanAttribute, signal, computed, effect, Directive, Injectable } from '@angular/core';
+import { inject, ChangeDetectorRef, DestroyRef, input, booleanAttribute, signal, computed, effect, Directive, ChangeDetectionStrategy, Component, Injectable } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subscription, startWith } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class FormControlBase {
     cdr = inject(ChangeDetectorRef);
@@ -224,16 +227,967 @@ class FormMapperBase {
     }
 }
 
+class CurrencyBehavior {
+    blockNonDigitKey(event) {
+        const input = event.target;
+        const value = input.value;
+        if (event.ctrlKey || event.metaKey) {
+            return;
+        }
+        const allowedKeys = [
+            'Backspace',
+            'Delete',
+            'Tab',
+            'Enter',
+            'Escape',
+            'ArrowLeft',
+            'ArrowRight',
+            'Home',
+            'End',
+        ];
+        if (allowedKeys.includes(event.key)) {
+            return;
+        }
+        const isDigit = /^[0-9]$/.test(event.key);
+        if (isDigit) {
+            return;
+        }
+        if (event.key === '.') {
+            if (value.includes('.')) {
+                event.preventDefault();
+            }
+            return;
+        }
+        if (event.key === ',') {
+            event.preventDefault();
+            return;
+        }
+        if (event.key === '-') {
+            const hasMinus = value.includes('-');
+            const isAtStart = input.selectionStart === 0;
+            if (hasMinus || !isAtStart) {
+                event.preventDefault();
+            }
+            return;
+        }
+        event.preventDefault();
+    }
+}
+
+class TextBehavior {
+    _showPassword = signal(false);
+    showPassword = this._showPassword.asReadonly();
+    toggleShowPassword(event) {
+        event?.stopPropagation();
+        this._showPassword.set(!this.showPassword());
+    }
+}
+
+class InputCurrencyComponent extends FormControlBase {
+    displayValue = signal(null);
+    behavior = new CurrencyBehavior();
+    writeValue(value) {
+        super.writeValue(value);
+        this.displayValue.set(value != null ? formatNumber(value) : null);
+    }
+    handleKeyDown(event) {
+        this.behavior.blockNonDigitKey(event);
+    }
+    onInput(event) {
+        if (this._disabledByInput())
+            return;
+        const rawValue = event.target.value ?? null;
+        const value = parseNumber(rawValue);
+        this.displayValue.set(value != null ? formatNumber(value) : null);
+        this.onChange(value);
+    }
+    textColor = computed(() => {
+        const value = this.displayValue();
+        if (this._disabledByInput() || !value) {
+            return 'inherit';
+        }
+        const parsedValue = parseNumber(value);
+        const valid = parsedValue != null && parsedValue >= 0;
+        return valid ? 'inherit' : '#dc6262';
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputCurrencyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputCurrencyComponent, isStandalone: true, selector: "nmf-currency", usesInheritance: true, ngImport: i0, template: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <div class="nmf-input-wrapper nmf-input-prefix">
+        @if (displayValue() != null) {
+          <span
+            class="nmf-prefix"
+            [class.error]="hasErrors()"
+            [class.nmf-prefix-disabled]="disabled()"
+            [style.color]="textColor()"
+          >
+            $
+          </span>
+        }
+
+        <input
+          type="text"
+          autocomplete="off"
+          class="nmf-input"
+          [ngClass]="classList()"
+          [class.error]="hasErrors()"
+          [class.disabled]="disabled()"
+          [class.nmf-input-with-prefix]="displayValue() != null"
+          [style.color]="textColor()"
+          [id]="id()"
+          [name]="name()"
+          [value]="displayValue()"
+          [disabled]="disabled()"
+          [required]="isRequired()"
+          [placeholder]="placeholder()"
+          (blur)="onTouched()"
+          (input)="onInput($event)"
+          (keydown)="handleKeyDown($event)"
+        />
+      </div>
+
+      <ng-content></ng-content>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, isInline: true, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputCurrencyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-currency', standalone: true, imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <div class="nmf-input-wrapper nmf-input-prefix">
+        @if (displayValue() != null) {
+          <span
+            class="nmf-prefix"
+            [class.error]="hasErrors()"
+            [class.nmf-prefix-disabled]="disabled()"
+            [style.color]="textColor()"
+          >
+            $
+          </span>
+        }
+
+        <input
+          type="text"
+          autocomplete="off"
+          class="nmf-input"
+          [ngClass]="classList()"
+          [class.error]="hasErrors()"
+          [class.disabled]="disabled()"
+          [class.nmf-input-with-prefix]="displayValue() != null"
+          [style.color]="textColor()"
+          [id]="id()"
+          [name]="name()"
+          [value]="displayValue()"
+          [disabled]="disabled()"
+          [required]="isRequired()"
+          [placeholder]="placeholder()"
+          (blur)="onTouched()"
+          (input)="onInput($event)"
+          (keydown)="handleKeyDown($event)"
+        />
+      </div>
+
+      <ng-content></ng-content>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"] }]
+        }] });
+
+class InputDatepickerComponent extends FormControlBase {
+    minDate = input(null);
+    maxDate = input(null);
+    displayValue = signal('');
+    formatDate(date) {
+        if (!date)
+            return null;
+        // yyyy-MM-dd (required by input[type="date"])
+        const yyyy = date.getFullYear();
+        const mm = String(date.getMonth() + 1).padStart(2, '0');
+        const dd = String(date.getDate()).padStart(2, '0');
+        return `${yyyy}-${mm}-${dd}`;
+    }
+    parseDate(value) {
+        if (!value)
+            return null;
+        const [y, m, d] = value.split('-').map(Number);
+        return new Date(y, m - 1, d);
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        this.displayValue.set(this.formatDate(value) ?? '');
+    }
+    onInput(event) {
+        if (this._disabledByInput())
+            return;
+        const input = event.target;
+        const parsed = this.parseDate(input.value);
+        this.displayValue.set(this.formatDate(parsed) ?? '');
+        this.onChange(parsed);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputDatepickerComponent, isStandalone: true, selector: "nmf-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: `
+    <div class="nmf-field" [class.loading]="loading()">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <input
+        type="date"
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [min]="formatDate(minDate())"
+        [max]="formatDate(maxDate())"
+        [name]="name()"
+        [value]="displayValue()"
+        [disabled]="disabled()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+      />
+
+      <ng-content></ng-content>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, isInline: true, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-datepicker', standalone: true, imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="nmf-field" [class.loading]="loading()">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <input
+        type="date"
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [min]="formatDate(minDate())"
+        [max]="formatDate(maxDate())"
+        [name]="name()"
+        [value]="displayValue()"
+        [disabled]="disabled()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+      />
+
+      <ng-content></ng-content>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"] }]
+        }] });
+
+class InputNumberComponent extends FormControlBase {
+    formatNumberValue = input(false);
+    displayValue = signal('');
+    behavior = new TextBehavior();
+    currencyBehavior = new CurrencyBehavior();
+    writeValue(value) {
+        super.writeValue(value);
+        this.updateDisplayValue(value);
+    }
+    handleKeyDown(event) {
+        this.currencyBehavior.blockNonDigitKey(event);
+    }
+    onInput(event) {
+        if (this._disabledByInput())
+            return;
+        const raw = event.target.value;
+        const parsed = parseNumber(raw);
+        this.updateDisplayValue(parsed);
+        this.onChange(parsed);
+    }
+    updateDisplayValue(value) {
+        if (this.formatNumberValue() && value != null) {
+            this.displayValue.set(formatNumber(value) ?? '');
+        }
+        else {
+            this.displayValue.set(value != null ? String(value) : '');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputNumberComponent, isStandalone: true, selector: "nmf-number", inputs: { formatNumberValue: { classPropertyName: "formatNumberValue", publicName: "formatNumberValue", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <input
+        autocomplete="off"
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [name]="name()"
+        [type]="formatNumberValue() ? 'text' : 'number'"
+        [value]="displayValue()"
+        [disabled]="disabled()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+        (keydown)="handleKeyDown($event)"
+      />
+
+      <ng-content></ng-content>
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-number', standalone: true, imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <input
+        autocomplete="off"
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [name]="name()"
+        [type]="formatNumberValue() ? 'text' : 'number'"
+        [value]="displayValue()"
+        [disabled]="disabled()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+        (keydown)="handleKeyDown($event)"
+      />
+
+      <ng-content></ng-content>
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+    </div>
+  `, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"] }]
+        }] });
+
+class InputSelectComponent extends FormControlBase {
+    options = input([]);
+    emptyOptionLabel = input('Select an option');
+    clearOptionLabel = input('Clear selection');
+    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-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, emptyOptionLabel: { classPropertyName: "emptyOptionLabel", publicName: "emptyOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, clearOptionLabel: { classPropertyName: "clearOptionLabel", publicName: "clearOptionLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="nmf-field" [class.loading]="loading()">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <select
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [required]="isRequired()"
+        [formControl]="control"
+        (blur)="onTouched()"
+      >
+        <!-- Empty option -->
+        <option [ngValue]="null" disabled>
+          {{ emptyOptionLabel() }}
+        </option>
+
+        <!-- Options -->
+        @for (option of options(); track option.key) {
+          <option [ngValue]="option.key" [disabled]="option.disabled">
+            {{ option.label }}
+          </option>
+        }
+
+        <!-- Clear option -->
+        @if (clearOptionLabel()) {
+          <option [ngValue]="null">
+            {{ clearOptionLabel() }}
+          </option>
+        }
+      </select>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, isInline: true, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-select', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="nmf-field" [class.loading]="loading()">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <select
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [required]="isRequired()"
+        [formControl]="control"
+        (blur)="onTouched()"
+      >
+        <!-- Empty option -->
+        <option [ngValue]="null" disabled>
+          {{ emptyOptionLabel() }}
+        </option>
+
+        <!-- Options -->
+        @for (option of options(); track option.key) {
+          <option [ngValue]="option.key" [disabled]="option.disabled">
+            {{ option.label }}
+          </option>
+        }
+
+        <!-- Clear option -->
+        @if (clearOptionLabel()) {
+          <option [ngValue]="null">
+            {{ clearOptionLabel() }}
+          </option>
+        }
+      </select>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"] }]
+        }] });
+
+class InputTextComponent extends FormControlBase {
+    type = input('text');
+    behavior = new TextBehavior();
+    computedType = computed(() => this.behavior.showPassword() && this.type() === 'password'
+        ? 'text'
+        : this.type());
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputTextComponent, isStandalone: true, selector: "nmf-text", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <div class="nmf-input-wrapper">
+        <input
+          class="nmf-input"
+          [ngClass]="classList()"
+          [class.error]="hasErrors()"
+          [class.disabled]="disabled()"
+          [id]="id()"
+          [name]="name()"
+          [type]="computedType()"
+          [required]="isRequired()"
+          [placeholder]="placeholder()"
+          [formControl]="control"
+          (blur)="onTouched()"
+        />
+
+        @if (type() === 'password' && !loading()) {
+          <button
+            type="button"
+            class="nmf-password-toggle"
+            aria-label="Toggle password visibility"
+            [disabled]="disabled()"
+            (click)="behavior.toggleShowPassword($event)"
+          >
+            @if (behavior.showPassword()) {
+              <ng-container [ngTemplateOutlet]="eyeOffIcon"></ng-container>
+            } @else {
+              <ng-container [ngTemplateOutlet]="eyeIcon"></ng-container>
+            }
+          </button>
+        }
+      </div>
+
+      <ng-content></ng-content>
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+    </div>
+
+    <ng-template #eyeIcon>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="24px"
+        viewBox="0 0 24 24"
+        width="24px"
+        fill="#e3e3e3"
+        class="nmf-icon"
+      >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path
+          d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
+        />
+      </svg>
+    </ng-template>
+
+    <ng-template #eyeOffIcon>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="24px"
+        viewBox="0 0 24 24"
+        width="24px"
+        fill="#e3e3e3"
+        class="nmf-icon"
+      >
+        <path
+          d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z"
+          fill="none"
+        />
+        <path
+          d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"
+        />
+      </svg>
+    </ng-template>
+  `, isInline: true, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-text', standalone: true, imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <div class="nmf-input-wrapper">
+        <input
+          class="nmf-input"
+          [ngClass]="classList()"
+          [class.error]="hasErrors()"
+          [class.disabled]="disabled()"
+          [id]="id()"
+          [name]="name()"
+          [type]="computedType()"
+          [required]="isRequired()"
+          [placeholder]="placeholder()"
+          [formControl]="control"
+          (blur)="onTouched()"
+        />
+
+        @if (type() === 'password' && !loading()) {
+          <button
+            type="button"
+            class="nmf-password-toggle"
+            aria-label="Toggle password visibility"
+            [disabled]="disabled()"
+            (click)="behavior.toggleShowPassword($event)"
+          >
+            @if (behavior.showPassword()) {
+              <ng-container [ngTemplateOutlet]="eyeOffIcon"></ng-container>
+            } @else {
+              <ng-container [ngTemplateOutlet]="eyeIcon"></ng-container>
+            }
+          </button>
+        }
+      </div>
+
+      <ng-content></ng-content>
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+    </div>
+
+    <ng-template #eyeIcon>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="24px"
+        viewBox="0 0 24 24"
+        width="24px"
+        fill="#e3e3e3"
+        class="nmf-icon"
+      >
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path
+          d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
+        />
+      </svg>
+    </ng-template>
+
+    <ng-template #eyeOffIcon>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="24px"
+        viewBox="0 0 24 24"
+        width="24px"
+        fill="#e3e3e3"
+        class="nmf-icon"
+      >
+        <path
+          d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z"
+          fill="none"
+        />
+        <path
+          d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"
+        />
+      </svg>
+    </ng-template>
+  `, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"] }]
+        }] });
+
+class InputTextareaComponent extends FormControlBase {
+    rows = input(5);
+    cols = input(5);
+    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-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: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <textarea
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [rows]="rows()"
+        [cols]="cols()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        [formControl]="control"
+        (blur)="onTouched()"
+      ></textarea>
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-textarea', standalone: true, imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="nmf-field">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <textarea
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [rows]="rows()"
+        [cols]="cols()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        [formControl]="control"
+        (blur)="onTouched()"
+      ></textarea>
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+    </div>
+  `, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"] }]
+        }] });
+
+class InputTimepickerComponent extends FormControlBase {
+    // step in seconds: 60 = minutes only, 1 = show seconds
+    step = input(60);
+    displayValue = signal('');
+    formatTime(date) {
+        if (!date)
+            return null;
+        const hh = String(date.getHours()).padStart(2, '0');
+        const mm = String(date.getMinutes()).padStart(2, '0');
+        const ss = String(date.getSeconds()).padStart(2, '0');
+        return this.step() < 60 ? `${hh}:${mm}:${ss}` : `${hh}:${mm}`;
+    }
+    parseTime(value) {
+        if (!value)
+            return null;
+        const [h, m, s = 0] = value.split(':').map(Number);
+        const date = new Date();
+        date.setHours(h, m, s, 0);
+        return date;
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        this.displayValue.set(this.formatTime(value) ?? '');
+    }
+    onInput(event) {
+        if (this._disabledByInput())
+            return;
+        const input = event.target;
+        const parsed = this.parseTime(input.value);
+        this.displayValue.set(this.formatTime(parsed) ?? '');
+        this.onChange(parsed);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTimepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: InputTimepickerComponent, isStandalone: true, selector: "nmf-timepicker", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="nmf-field" [class.loading]="loading()">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <input
+        type="time"
+        autocomplete="off"
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [name]="name()"
+        [step]="step()"
+        [value]="displayValue()"
+        [disabled]="disabled()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+      />
+
+      <ng-content></ng-content>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, isInline: true, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: InputTimepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nmf-timepicker', standalone: true, imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="nmf-field" [class.loading]="loading()">
+      @if (label()) {
+        <label class="nmf-label">
+          {{ label() }}
+          @if (isRequired()) {
+            <span class="nmf-required">*</span>
+          }
+        </label>
+      }
+
+      <input
+        type="time"
+        autocomplete="off"
+        class="nmf-input"
+        [ngClass]="classList()"
+        [class.error]="hasErrors()"
+        [class.disabled]="disabled()"
+        [id]="id()"
+        [name]="name()"
+        [step]="step()"
+        [value]="displayValue()"
+        [disabled]="disabled()"
+        [required]="isRequired()"
+        [placeholder]="placeholder()"
+        (blur)="onTouched()"
+        (input)="onInput($event)"
+      />
+
+      <ng-content></ng-content>
+
+      @if (loading()) {
+        <div class="nmf-loading">
+          <span class="nmf-spinner"></span>
+        </div>
+      }
+
+      <p class="nmf-error">
+        {{ errorMessage() }}
+      </p>
+    </div>
+  `, styles: [".nmf-field{position:relative;display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nmf-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.nmf-required{color:#dc2626;font-size:.8rem}.nmf-input-wrapper{position:relative;display:flex;align-items:center}.nmf-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.275rem;background-color:#f4f3f2;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nmf-field.loading select{background-image:none!important}.nmf-field.loading input[type=date]::-webkit-calendar-picker-indicator,.nmf-field.loading input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}select.nmf-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);background-position:100% center;background-repeat:no-repeat}.nmf-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}select.nmf-input:disabled{background-image:none}.nmf-input:disabled{opacity:.6;background-color:#f3f4f6;cursor:not-allowed}.nmf-input.error{border-color:#dc2626}.nmf-input.error:focus{box-shadow:0 0 0 2px #dc262633}.nmf-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);line-height:1;font-size:.875rem;pointer-events:none}.nmf-prefix.error{color:#dc2626}.nmf-prefix-disabled{opacity:.6}.nmf-input-with-prefix{padding-left:1.25rem}.nmf-icon{width:20px;height:20px;fill:currentColor}.nmf-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;line-height:1}.nmf-password-toggle:disabled{cursor:not-allowed}.nmf-error{font-size:.75rem;color:#dc2626;height:16px;margin-top:.25rem;margin-bottom:0;min-height:16px}.nmf-loading{position:absolute;width:1rem;height:1rem;top:50%;transform:translateY(-50%);right:.75rem}.nmf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #d1d5db;border-top-color:#10b981;border-radius:50%;animation:nmf-spin .8s linear infinite}@keyframes nmf-spin{to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}\n"] }]
+        }] });
+
 class FormHydrator {
     hydrate(form, model, registry = {}) {
         Object.entries(form.controls).forEach(([key, control]) => {
             if (!(key in model))
                 return;
-            const mapper = registry[key];
+            const mapFn = registry[key]?.fromModel;
             const value = model?.[key];
             if (control instanceof FormGroup) {
-                if (mapper) {
-                    control.patchValue(mapper.fromModel(value), { emitEvent: false });
+                if (mapFn) {
+                    control.patchValue(mapFn(value), { emitEvent: false });
                 }
                 else {
                     this.hydrate(control, value, registry);
@@ -255,14 +1209,11 @@ class FormSerializer {
     toRequest(form, registry = {}) {
         const result = {};
         Object.entries(form.controls).forEach(([key, control]) => {
-            const mapper = registry[key];
+            const mapFn = registry[key]?.toRequest;
             if (control instanceof FormGroup) {
-                if (mapper) {
-                    result[key] = mapper.toRequest(control.value);
-                }
-                else {
-                    result[key] = this.toRequest(control, registry);
-                }
+                result[key] = mapFn
+                    ? mapFn(control.value)
+                    : this.toRequest(control, registry);
                 return;
             }
             result[key] = control.value;
@@ -301,7 +1252,7 @@ class FormOrchestrator extends FormMapperBase {
      * Must be called before any subform registration or handler execution.
      */
     orchestrate(options) {
-        const { form, handlers, mapperRegistry } = options;
+        const { form, handlers = [], mapperRegistry = {} } = options;
         this._form.set(form);
         this._handlers.set(handlers);
         this._mapperRegistry.set(mapperRegistry);
@@ -361,5 +1312,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FormControlBase, FormHandlerBase, FormHydrator, FormMapperBase, FormOrchestrator, FormSerializer, formatNumber, getControl, getControlValue, parseNumber };
+export { CurrencyBehavior, FormControlBase, FormHandlerBase, FormHydrator, FormMapperBase, FormOrchestrator, FormSerializer, InputCurrencyComponent, InputDatepickerComponent, InputNumberComponent, InputSelectComponent, InputTextComponent, InputTextareaComponent, InputTimepickerComponent, TextBehavior, formatNumber, getControl, getControlValue, parseNumber };
 //# sourceMappingURL=ng-modular-forms-core.mjs.map