@ngutil/aria 0.0.102 → 0.0.105

package/fesm2022/ngutil-aria.mjs

@@ -1,6 +1,5 @@
-import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, NgZone, Injectable, ElementRef, computed, Directive, input, signal, untracked, effect, NgModule } from '@angular/core';
+import { inject, NgZone, DOCUMENT, Injectable, ElementRef, computed, Directive, input, signal, untracked, effect, NgModule } from '@angular/core';
 import { merge, fromEvent, map, share, filter, shareReplay, startWith, throttleTime, switchMap, timer, take, distinctUntilChanged, BehaviorSubject, connect, Subject, tap, finalize, scan, of, combineLatest, Observable, EMPTY, from, debounceTime, takeWhile, animationFrames } from 'rxjs';
 import { isEqualStrict, isEqual, coerceElement, Destructible, isElementInput, __zone_symbol__, isFalsy, isTruthy, deepClone, coerceBoolAttr } from '@ngutil/common';
 import { FocusTrapFactory } from '@angular/cdk/a11y';
@@ -45,10 +44,10 @@ class ActivityService {
     watchInactvity(timeout) {
         return this.events$.pipe(startWith(null), throttleTime(timeout / 2), switchMap(() => timer(0, timeout).pipe(take(2))), map(v => v !== 0), distinctUntilChanged(), shareReplay(1));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ActivityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ActivityService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ActivityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ActivityService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ActivityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ActivityService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });
@@ -201,10 +200,10 @@ class FocusService {
             this.#originOverrides.next(map);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FocusService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: FocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: FocusService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FocusService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: FocusService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });
@@ -259,22 +258,22 @@ class FocusState {
         this.event$ = combineLatest([this.#self, this.#connEvent]).pipe(
         // debounceTime(100), // TODO: miért volt ez itt?
         map(([self, conn]) => (self.origin !== null ? self : conn.origin !== null ? conn : this.#default)), distinctUntilChanged(isEqual), shareReplay(1));
-        this.event = toSignal(this.event$, { rejectErrors: true, manualCleanup: true, equal: isEqual });
+        this.event = toSignal(this.event$, { manualCleanup: true, equal: isEqual });
         this.self = computed(() => {
             const event = this.event();
             if (event == null) {
                 return null;
             }
             return event.element === this.#el.nativeElement ? event.origin : null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "self" }] : []));
         this.within = computed(() => {
             const event = this.event();
             if (event == null) {
                 return null;
             }
             return event.element !== this.#el.nativeElement ? event.origin : null;
-        });
-        this.has = computed(() => this.self() || this.within());
+        }, ...(ngDevMode ? [{ debugName: "within" }] : []));
+        this.has = computed(() => this.self() || this.within(), ...(ngDevMode ? [{ debugName: "has" }] : []));
         this.#parent?.connect(this).pipe(takeUntilDestroyed()).subscribe();
         // effect(() => {
         //     console.log(this.#el.nativeElement, this.has())
@@ -295,11 +294,11 @@ class FocusState {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FocusState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: FocusState, isStandalone: true, host: { properties: { "attr.focus": "self()", "attr.focus-within": "within()", "attr.focus-present": "has()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: FocusState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: FocusState, isStandalone: true, host: { properties: { "attr.focus": "self()", "attr.focus-within": "within()", "attr.focus-present": "has()" } }, ngImport: i0 }); }
 }
 _a$1 = FocusState;
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FocusState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: FocusState, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -314,8 +313,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class Focusable {
     constructor() {
         this.state = inject(FocusState);
-        this.focusable = input(true, { alias: "nuFocusable" });
-        this.tabindex = input(0, { transform: Number });
+        this.focusable = input(true, ...(ngDevMode ? [{ debugName: "focusable", alias: "nuFocusable" }] : [{ alias: "nuFocusable" }]));
+        this.tabindex = input(0, ...(ngDevMode ? [{ debugName: "tabindex", transform: Number }] : [{ transform: Number }]));
         this._tabindex = computed(() => {
             const focusable = this.focusable();
             const tabindex = this.tabindex();
@@ -329,7 +328,7 @@ class Focusable {
                 return tabindex;
             }
             return 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "_tabindex" }] : []));
     }
     connect(value) {
         if (value instanceof FocusState || isElementInput(value)) {
@@ -339,10 +338,10 @@ class Focusable {
             return this.state.connect(value.state);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: Focusable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: Focusable, isStandalone: true, selector: "[nuFocusable]", inputs: { focusable: { classPropertyName: "focusable", publicName: "nuFocusable", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "_tabindex()" } }, exportAs: ["nuFocusable"], hostDirectives: [{ directive: FocusState }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: Focusable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.13", type: Focusable, isStandalone: true, selector: "[nuFocusable]", inputs: { focusable: { classPropertyName: "focusable", publicName: "nuFocusable", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "_tabindex()" } }, exportAs: ["nuFocusable"], hostDirectives: [{ directive: FocusState }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: Focusable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: Focusable, decorators: [{
             type: Directive,
             args: [{
                     selector: "[nuFocusable]",
@@ -352,7 +351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     hostDirectives: [FocusState]
                 }]
-        }] });
+        }], propDecorators: { focusable: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuFocusable", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }] } });
 
 class KeystrokeService {
     #document = inject(DOCUMENT);
@@ -409,10 +408,10 @@ class KeystrokeService {
     #focusActivation(element) {
         return this.#focusEvent.pipe(map(focused => focused === element || element.contains(focused)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KeystrokeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KeystrokeService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: KeystrokeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: KeystrokeService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KeystrokeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: KeystrokeService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });
@@ -933,10 +932,10 @@ class GestureService {
             this.#lastTouchAction = undefined;
         }
     };
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: GestureService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: GestureService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: GestureService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: GestureService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: GestureService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: GestureService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1306,7 +1305,7 @@ var _a;
 class UiState {
     constructor() {
         this.#parent = inject(_a, { skipSelf: true, optional: true });
-        this.#self = signal({});
+        this.#self = signal({}, ...(ngDevMode ? [{ debugName: "#self" }] : []));
         this.merged = computed(() => {
             const parent = this.#parent?.merged();
             const self = this.#self();
@@ -1331,7 +1330,7 @@ class UiState {
             else {
                 return self;
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "merged" }] : []));
         this.value = computed(() => {
             const merged = this.merged();
             const result = {};
@@ -1339,8 +1338,8 @@ class UiState {
                 result[k] = Object.values(v).includes(true);
             }
             return result;
-        });
-        this.inertSelector = signal("busy || disabled");
+        }, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.inertSelector = signal("busy || disabled", ...(ngDevMode ? [{ debugName: "inertSelector" }] : []));
     }
     #parent;
     get root() {
@@ -1379,11 +1378,11 @@ class UiState {
     isInert() {
         return this.is(this.inertSelector());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UiState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: UiState, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: UiState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: UiState, isStandalone: true, ngImport: i0 }); }
 }
 _a = UiState;
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UiState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: UiState, decorators: [{
             type: Directive,
             args: [{}]
         }] });
@@ -1400,8 +1399,8 @@ class AbstractUiState {
                 return this.state.is(`${this.name}.self || (${when})`);
             }
             return this.state.is(this.name);
-        });
-        this.no = computed(() => !this.yes());
+        }, ...(ngDevMode ? [{ debugName: "yes" }] : []));
+        this.no = computed(() => !this.yes(), ...(ngDevMode ? [{ debugName: "no" }] : []));
         effect(() => {
             const input = this.input();
             if (input !== NOTSET) {
@@ -1418,23 +1417,23 @@ class AbstractUiState {
     wrap(observable, source) {
         return this.state.wrap(observable, this.name, source);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AbstractUiState, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: AbstractUiState, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: AbstractUiState, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: AbstractUiState, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AbstractUiState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: AbstractUiState, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }] });
 
 class BusyDirective extends AbstractUiState {
     constructor() {
         super("busy");
-        this.input = input(NOTSET, { alias: "nuBusy" });
-        this.when = input(NOTSET, { alias: "nuBusyWhen" });
+        this.input = input(NOTSET, ...(ngDevMode ? [{ debugName: "input", alias: "nuBusy" }] : [{ alias: "nuBusy" }]));
+        this.when = input(NOTSET, ...(ngDevMode ? [{ debugName: "when", alias: "nuBusyWhen" }] : [{ alias: "nuBusyWhen" }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BusyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: BusyDirective, isStandalone: true, selector: "[nuBusy], [nuBusyWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuBusy", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuBusyWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-busy": "yes() ? 'true' : 'false'", "attr.inert": "state.isInert() ? '' : null" } }, providers: [UiState], exportAs: ["busy"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BusyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.13", type: BusyDirective, isStandalone: true, selector: "[nuBusy], [nuBusyWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuBusy", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuBusyWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-busy": "yes() ? 'true' : 'false'", "attr.inert": "state.isInert() ? '' : null" } }, providers: [UiState], exportAs: ["busy"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BusyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BusyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[nuBusy], [nuBusyWhen]",
@@ -1445,18 +1444,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     providers: [UiState]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { input: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuBusy", required: false }] }], when: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuBusyWhen", required: false }] }] } });
 
 class DirtyDirective extends AbstractUiState {
     constructor() {
         super("dirty");
-        this.input = input(NOTSET, { alias: "nuDirty" });
-        this.when = input(NOTSET, { alias: "nuDirtyWhen" });
+        this.input = input(NOTSET, ...(ngDevMode ? [{ debugName: "input", alias: "nuDirty" }] : [{ alias: "nuDirty" }]));
+        this.when = input(NOTSET, ...(ngDevMode ? [{ debugName: "when", alias: "nuDirtyWhen" }] : [{ alias: "nuDirtyWhen" }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DirtyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: DirtyDirective, isStandalone: true, selector: "[nuDirty], [nuDirtyWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuDirty", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuDirtyWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.dirty": "yes() ? '' : null" } }, providers: [UiState], exportAs: ["dirty"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DirtyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.13", type: DirtyDirective, isStandalone: true, selector: "[nuDirty], [nuDirtyWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuDirty", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuDirtyWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.dirty": "yes() ? '' : null" } }, providers: [UiState], exportAs: ["dirty"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DirtyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DirtyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[nuDirty], [nuDirtyWhen]",
@@ -1466,18 +1465,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     providers: [UiState]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { input: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuDirty", required: false }] }], when: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuDirtyWhen", required: false }] }] } });
 
 class DisabledDirective extends AbstractUiState {
     constructor() {
         super("disabled");
-        this.input = input(NOTSET, { alias: "nuDisabled" });
-        this.when = input(NOTSET, { alias: "nuDisabledWhen" });
+        this.input = input(NOTSET, ...(ngDevMode ? [{ debugName: "input", alias: "nuDisabled" }] : [{ alias: "nuDisabled" }]));
+        this.when = input(NOTSET, ...(ngDevMode ? [{ debugName: "when", alias: "nuDisabledWhen" }] : [{ alias: "nuDisabledWhen" }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DisabledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: DisabledDirective, isStandalone: true, selector: "[nuDisabled], [nuDisabledWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuDisabled", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuDisabledWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-disabled": "yes() ? 'true' : 'false'", "attr.disabled": "yes() ? '' : null", "attr.inert": "state.isInert() ? '' : null" } }, providers: [UiState], exportAs: ["disabled"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DisabledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.13", type: DisabledDirective, isStandalone: true, selector: "[nuDisabled], [nuDisabledWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuDisabled", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuDisabledWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-disabled": "yes() ? 'true' : 'false'", "attr.disabled": "yes() ? '' : null", "attr.inert": "state.isInert() ? '' : null" } }, providers: [UiState], exportAs: ["disabled"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DisabledDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DisabledDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[nuDisabled], [nuDisabledWhen]",
@@ -1489,18 +1488,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     providers: [UiState]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { input: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuDisabled", required: false }] }], when: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuDisabledWhen", required: false }] }] } });
 
 class ReadonlyDirective extends AbstractUiState {
     constructor() {
         super("readonly");
-        this.input = input(NOTSET, { alias: "nuReadonly" });
-        this.when = input(NOTSET, { alias: "nuReadonlyWhen" });
+        this.input = input(NOTSET, ...(ngDevMode ? [{ debugName: "input", alias: "nuReadonly" }] : [{ alias: "nuReadonly" }]));
+        this.when = input(NOTSET, ...(ngDevMode ? [{ debugName: "when", alias: "nuReadonlyWhen" }] : [{ alias: "nuReadonlyWhen" }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ReadonlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ReadonlyDirective, isStandalone: true, selector: "[nuReadonly], [nuReadonlyWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuReadonly", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuReadonlyWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-readonly": "yes() ? 'true' : 'false'", "attr.readonly": "yes() ? '' : null" } }, providers: [UiState], exportAs: ["readonly"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ReadonlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.13", type: ReadonlyDirective, isStandalone: true, selector: "[nuReadonly], [nuReadonlyWhen]", inputs: { input: { classPropertyName: "input", publicName: "nuReadonly", isSignal: true, isRequired: false, transformFunction: null }, when: { classPropertyName: "when", publicName: "nuReadonlyWhen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-readonly": "yes() ? 'true' : 'false'", "attr.readonly": "yes() ? '' : null" } }, providers: [UiState], exportAs: ["readonly"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ReadonlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ReadonlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[nuReadonly], [nuReadonlyWhen]",
@@ -1511,7 +1510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     providers: [UiState]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { input: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuReadonly", required: false }] }], when: [{ type: i0.Input, args: [{ isSignal: true, alias: "nuReadonlyWhen", required: false }] }] } });
 
 const SEGMENT_REGISTER = { type: "fix", percent: 0 };
 const SEGMENT_COMPLETE = { type: "fix", percent: 1 };
@@ -1610,10 +1609,10 @@ class ProgressState {
             return res;
         }, {});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ProgressState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ProgressState, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ProgressState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: ProgressState, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ProgressState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ProgressState, decorators: [{
             type: Directive
         }] });
 class ProgressSegmentRef {
@@ -1654,11 +1653,11 @@ class ProgressSegmentRef {
 
 const entries = [BusyDirective, DirtyDirective, DisabledDirective, ReadonlyDirective];
 class UiStateModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UiStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: UiStateModule, imports: [BusyDirective, DirtyDirective, DisabledDirective, ReadonlyDirective], exports: [BusyDirective, DirtyDirective, DisabledDirective, ReadonlyDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UiStateModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: UiStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: UiStateModule, imports: [BusyDirective, DirtyDirective, DisabledDirective, ReadonlyDirective], exports: [BusyDirective, DirtyDirective, DisabledDirective, ReadonlyDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: UiStateModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UiStateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: UiStateModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: entries,