@ngrdt/core 0.0.98 → 0.0.99

package/fesm2022/ngrdt-core.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, Directive, Injectable, DestroyRef, ViewContainerRef, input, effect, signal, computed, LOCALE_ID, Pipe, booleanAttribute, untracked, linkedSignal, afterNextRender, isSignal } from '@angular/core';
+import { InjectionToken, inject, ElementRef, Directive, Injectable, DestroyRef, ViewContainerRef, input, effect, makeEnvironmentProviders, provideAppInitializer, signal, computed, LOCALE_ID, Pipe, booleanAttribute, untracked, linkedSignal, afterNextRender, isSignal } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
-import { of, concat, filter, map, catchError, defer, from } from 'rxjs';
+import { of, concat, filter, map, catchError, defer, from, tap } from 'rxjs';
 import { cs, enUS } from 'date-fns/locale';
 import { formatDate } from 'date-fns';
 import { toObservable } from '@angular/core/rxjs-interop';
@@ -34,10 +34,10 @@ class RdtAutoFocusOnInitDirective {
             this.elementRef.nativeElement.focus();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtAutoFocusOnInitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: RdtAutoFocusOnInitDirective, isStandalone: true, selector: "[rdtAutofocusOnInit]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtAutoFocusOnInitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: RdtAutoFocusOnInitDirective, isStandalone: true, selector: "[rdtAutofocusOnInit]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtAutoFocusOnInitDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtAutoFocusOnInitDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdtAutofocusOnInit]',
@@ -58,10 +58,10 @@ class RdtAutofocusableDirective {
         The component must then implement RdtAutofocusable.`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtAutofocusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: RdtAutofocusableDirective, isStandalone: true, selector: "[rdtAutofocusable]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtAutofocusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: RdtAutofocusableDirective, isStandalone: true, selector: "[rdtAutofocusable]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtAutofocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtAutofocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdtAutofocusable]',
@@ -72,8 +72,17 @@ function getRdtAutofocusable(src) {
     return (Array.from(src).find((dir) => dir.component?.autofocus())?.component ?? null);
 }
 
+/**
+ * @deprecated Your component should implement RdtGuarded and call rdtUseGuard(this) in its constructor instead.
+ */
 const RDT_GUARDED_COMPONENT = new InjectionToken('');
+/**
+ * @deprecated Your component should implement RdtGuardedContainer and assign readonly guardRegistry = rdtUseGuardContainer(this).
+ */
 const RDT_CONTAINER = new InjectionToken('');
+/**
+ * @deprecated
+ */
 function canTransition$(from, to) {
     if (to === from) {
         return of(true);
@@ -121,6 +130,9 @@ function rdtGetResult$(inputFactory) {
     }));
 }
 
+/**
+ * @deprecated
+ */
 class RdtComponentGuardStoreService {
     guards = new Set();
     registerGuard(guard) {
@@ -144,16 +156,19 @@ class RdtComponentGuardStoreService {
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtComponentGuardStoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtComponentGuardStoreService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtComponentGuardStoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtComponentGuardStoreService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtComponentGuardStoreService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtComponentGuardStoreService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }] });
 
+/**
+ * @deprecated Your component should implement RdtGuarded and call rdtUseGuard(this) in its constructor instead.
+ */
 class RdtChildDirective {
     guardStore = inject(RdtComponentGuardStoreService);
     destroyRef = inject(DestroyRef);
@@ -227,10 +242,10 @@ class RdtChildDirective {
             return this.container.getParentByClass(parentClass);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtChildDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: RdtChildDirective, isStandalone: true, selector: "[rdtChild]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtChildDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: RdtChildDirective, isStandalone: true, selector: "[rdtChild]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtChildDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtChildDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdtChild]',
@@ -238,6 +253,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                 }]
         }] });
 
+/**
+ * @deprecated Your component should implement RdtGuarded and call rdtUseGuard(this) in its constructor instead.
+ */
 class RdtContainerDirective extends RdtChildDirective {
     rdtChildren = new Set();
     registerChild(child) {
@@ -298,8 +316,8 @@ class RdtContainerDirective extends RdtChildDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: RdtContainerDirective, isStandalone: true, selector: "[rdtContainer]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: RdtContainerDirective, isStandalone: true, selector: "[rdtContainer]", providers: [
             {
                 provide: RdtChildDirective,
                 useExisting: RdtContainerDirective,
@@ -310,7 +328,7 @@ class RdtContainerDirective extends RdtChildDirective {
             },
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdtContainer]',
@@ -330,7 +348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
 
 class RdtComponentOutletDirective {
     _viewContainerRef = inject(ViewContainerRef);
-    inputs = input({});
+    inputs = input({}, ...(ngDevMode ? [{ debugName: "inputs" }] : []));
     get instance() {
         return this._componentRef?.instance;
     }
@@ -344,7 +362,7 @@ class RdtComponentOutletDirective {
      * that are no longer referenced.
      */
     _inputsUsed = new Map();
-    inputsEffect = effect(() => this.onInputsChanged());
+    inputsEffect = effect(() => this.onInputsChanged(), ...(ngDevMode ? [{ debugName: "inputsEffect" }] : []));
     disabledEffect = effect(() => {
         const inputs = this.inputs();
         const disabledValue = inputs?.disabled ?? inputs?.rdtDisabled;
@@ -352,7 +370,7 @@ class RdtComponentOutletDirective {
             const instance = this._componentRef.instance;
             instance?.setDisabledState?.(disabledValue);
         }
-    });
+    }, ...(ngDevMode ? [{ debugName: "disabledEffect" }] : []));
     initComponentRef() {
         const injector = this._viewContainerRef.injector;
         this._componentRef = this._viewContainerRef.createComponent(this.componentClass, {
@@ -406,15 +424,194 @@ class RdtComponentOutletDirective {
         // Fallback: if metadata isn't available, optimistically try setInput.
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtComponentOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: RdtComponentOutletDirective, isStandalone: true, inputs: { inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtComponentOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.2", type: RdtComponentOutletDirective, isStandalone: true, inputs: { inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtComponentOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtComponentOutletDirective, decorators: [{
             type: Directive
-        }] });
+        }], propDecorators: { inputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputs", required: false }] }] } });
 
 const RDT_DIALOG_SERVICE_PROVIDER = new InjectionToken('RDT_DIALOG_SERVICE_PROVIDER');
 
+class RdtGuardBlockerResolver {
+}
+
+class RdtGuardRegistry {
+    entries = new Map();
+    resolver = inject(RdtGuardBlockerResolver, { optional: true });
+    register(guard, childRegistry) {
+        this.entries.set(guard, { guard, childRegistry });
+    }
+    unregister(guard) {
+        this.entries.delete(guard);
+    }
+    hasLeaveBlockers() {
+        return this.collectLeaveBlockers().length > 0;
+    }
+    hasEnterBlockers() {
+        return this.collectEnterBlockers().length > 0;
+    }
+    collectLeaveBlockers() {
+        const blockers = [];
+        for (const entry of this.entries.values()) {
+            const selfBlocked = entry.guard.canLeave
+                ? !entry.guard.canLeave()
+                : false;
+            const children = this.getChildRegistries(entry).flatMap((r) => r.collectLeaveBlockers());
+            if (selfBlocked || children.length) {
+                blockers.push({
+                    guard: entry.guard,
+                    kind: 'leave',
+                    meta: selfBlocked ? entry.guard.getLeaveGuardMeta?.() : undefined,
+                    children,
+                });
+            }
+        }
+        return blockers;
+    }
+    collectEnterBlockers() {
+        const blockers = [];
+        for (const entry of this.entries.values()) {
+            const selfBlocked = entry.guard.canEnter
+                ? !entry.guard.canEnter()
+                : false;
+            const children = this.getChildRegistries(entry).flatMap((r) => r.collectEnterBlockers());
+            if (selfBlocked || children.length) {
+                blockers.push({
+                    guard: entry.guard,
+                    kind: 'enter',
+                    meta: selfBlocked ? entry.guard.getEnterGuardMeta?.() : undefined,
+                    children,
+                });
+            }
+        }
+        return blockers;
+    }
+    getChildRegistries(entry) {
+        const guard = entry.guard;
+        return (guard.getActiveChildRegistries?.() ??
+            (entry.childRegistry ? [entry.childRegistry] : []));
+    }
+    canLeaveAll() {
+        return this.resolveBlockers(this.collectLeaveBlockers());
+    }
+    canEnterAll() {
+        return this.resolveBlockers(this.collectEnterBlockers());
+    }
+    canSwitch(destinationRegistry) {
+        const blockers = [
+            ...this.collectLeaveBlockers(),
+            ...(destinationRegistry?.collectEnterBlockers() ?? []),
+        ];
+        return this.resolveBlockers(blockers);
+    }
+    resolveBlockers(blockers) {
+        if (!blockers.length)
+            return of(true);
+        if (!this.resolver) {
+            throw new Error('RdtGuardBlockerResolver is not provided. Call provideRdtGuardBlockerResolver() in your application providers.');
+        }
+        return this.resolver.resolve(blockers).pipe(tap((allowed) => {
+            if (allowed)
+                this.notifyForced(blockers);
+            else
+                this.notifyPrevented(blockers);
+        }));
+    }
+    notifyPrevented(blockers) {
+        for (const blocker of blockers) {
+            if (blocker.kind === 'leave')
+                blocker.guard.onLeavePrevented?.();
+            else
+                blocker.guard.onEnterPrevented?.();
+            this.notifyPrevented(blocker.children);
+        }
+    }
+    notifyForced(blockers) {
+        for (const blocker of blockers) {
+            if (blocker.kind === 'leave')
+                blocker.guard.onLeaveForced?.();
+            else
+                blocker.guard.onEnterForced?.();
+            this.notifyForced(blocker.children);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtGuardRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtGuardRegistry });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtGuardRegistry, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Flattens a blocker tree into leaf blockers (those with no children).
+ * Useful in blocker resolvers to get the actual component-level blockers
+ * without the intermediate container blockers.
+ */
+function rdtFlattenBlockers(blockers) {
+    const result = [];
+    for (const blocker of blockers) {
+        if (blocker.children.length) {
+            result.push(...rdtFlattenBlockers(blocker.children));
+        }
+        else {
+            result.push(blocker);
+        }
+    }
+    return result;
+}
+
+/**
+ * Provides the root-level RdtGuardRegistry, the global RdtGuardBlockerResolver,
+ * and a `beforeunload` listener that prevents closing the browser tab when there are leave blockers.
+ */
+function provideRdtGuardBlockerResolver(resolver) {
+    return makeEnvironmentProviders([
+        RdtGuardRegistry,
+        { provide: RdtGuardBlockerResolver, useClass: resolver },
+        provideAppInitializer(() => {
+            const registry = inject(RdtGuardRegistry);
+            const destroyRef = inject(DestroyRef);
+            const listener = (e) => {
+                if (registry.hasLeaveBlockers()) {
+                    e.preventDefault();
+                }
+            };
+            window.addEventListener('beforeunload', listener);
+            destroyRef.onDestroy(() => window.removeEventListener('beforeunload', listener));
+        }),
+    ]);
+}
+
+/**
+ * Call in the constructor of a guarded leaf component.
+ * Registers the component with the nearest ancestor RdtGuardRegistry.
+ */
+function rdtUseGuard(component) {
+    const registry = inject(RdtGuardRegistry, { optional: true, skipSelf: true });
+    if (registry) {
+        registry.register(component);
+        inject(DestroyRef).onDestroy(() => registry.unregister(component));
+    }
+}
+/**
+ * Call in the constructor of a container component.
+ * Returns the container's own RdtGuardRegistry (for querying children)
+ * and registers the container with its parent's registry, linking the child registry.
+ */
+function rdtUseGuardContainer(component) {
+    const registry = inject(RdtGuardRegistry);
+    const parentRegistry = inject(RdtGuardRegistry, {
+        optional: true,
+        skipSelf: true,
+    });
+    if (parentRegistry) {
+        parentRegistry.register(component, registry);
+        inject(DestroyRef).onDestroy(() => parentRegistry.unregister(component));
+    }
+    return registry;
+}
+
 const csRdtDictionary = {
     RDT_YES: 'Ano',
     RDT_NO: 'Ne',
@@ -456,6 +653,7 @@ const csRdtDictionary = {
     RDT_GOV_DATE_NEXT_MONTH: 'Další měsíc',
     RDT_GOV_DATE_PREV_YEAR: 'Předchozí rok',
     RDT_GOV_DATE_NEXT_YEAR: 'Další rok',
+    RDT_FORM_UNSAVED_CHANGES: 'Ve formuláři máte neuložené změny. Opravdu chcete odejít?',
 };
 
 const enUsRdtDictionary = {
@@ -499,6 +697,7 @@ const enUsRdtDictionary = {
     RDT_GOV_DATE_NEXT_MONTH: 'Next month',
     RDT_GOV_DATE_PREV_YEAR: 'Previous year',
     RDT_GOV_DATE_NEXT_YEAR: 'Next year',
+    RDT_FORM_UNSAVED_CHANGES: 'You have unsaved changes. Are you sure you want to leave?',
 };
 
 class RdtLocaleFormat {
@@ -532,8 +731,7 @@ const enUsRdtLocaleFormat = new RdtLocaleFormat({
     formatLocale: 'en-US',
 });
 
-/*
-  | 'RDT_YES' // Ano
+/*   | 'RDT_YES' // Ano
   | 'RDT_NO' // Ne
   | 'RDT_SELECT_DEFAULT_PLACEHOLDER' //Vyberte
   | 'RDT_SELECT_LOADING' //Načítání
@@ -571,8 +769,9 @@ const enUsRdtLocaleFormat = new RdtLocaleFormat({
   | 'RDT_GOV_DATE_PREV_MONTH' //Předchozí měsíc
   | 'RDT_GOV_DATE_NEXT_MONTH' //Další měsíc
   | 'RDT_GOV_DATE_PREV_YEAR' //Předchozí rok
-  | 'RDT_GOV_DATE_NEXT_YEAR'; //Další rok
-*/
+  | 'RDT_GOV_DATE_NEXT_YEAR' //Další rok
+  | 'RDT_FORM_UNSAVED_CHANGES'; // Ve formuláři máte neuložené změny. Opravdu chcete odejít?
+ */
 
 const RDT_DEFAULT_LOCALE_STORE = {
     'cs-CZ': {
@@ -592,15 +791,15 @@ const RDT_LOCALE_STORE_PROVIDER = new InjectionToken('RDT_LOCALE_STORE_PROVIDER'
 // This locale is necessary and must always be present.
 const DEFAULT_LOCALE = 'cs-CZ';
 class RdtTranslateService {
-    _localeStore = signal(inject(RDT_LOCALE_STORE_PROVIDER));
-    availableLocales = computed(() => Object.keys(this._localeStore()));
-    _localeCode = signal(this.getNearestLocaleCode(inject(LOCALE_ID)));
+    _localeStore = signal(inject(RDT_LOCALE_STORE_PROVIDER), ...(ngDevMode ? [{ debugName: "_localeStore" }] : []));
+    availableLocales = computed(() => Object.keys(this._localeStore()), ...(ngDevMode ? [{ debugName: "availableLocales" }] : []));
+    _localeCode = signal(this.getNearestLocaleCode(inject(LOCALE_ID)), ...(ngDevMode ? [{ debugName: "_localeCode" }] : []));
     currentLocaleCode = this._localeCode.asReadonly();
-    currentLanguage = computed(() => this._localeCode().split('-')[0]);
+    currentLanguage = computed(() => this._localeCode().split('-')[0], ...(ngDevMode ? [{ debugName: "currentLanguage" }] : []));
     currentLocale = computed(() => this._localeStore()[this._localeCode()] ??
-        this._localeStore()[DEFAULT_LOCALE]);
-    currentFormat = computed(() => this.currentLocale().format);
-    currentDictionary = computed(() => this.currentLocale().dictionary);
+        this._localeStore()[DEFAULT_LOCALE], ...(ngDevMode ? [{ debugName: "currentLocale" }] : []));
+    currentFormat = computed(() => this.currentLocale().format, ...(ngDevMode ? [{ debugName: "currentFormat" }] : []));
+    currentDictionary = computed(() => this.currentLocale().dictionary, ...(ngDevMode ? [{ debugName: "currentDictionary" }] : []));
     currentLocaleChange$ = toObservable(this.currentLocale);
     constructor() {
         if (!this._localeStore()[DEFAULT_LOCALE]) {
@@ -697,10 +896,10 @@ class RdtTranslateService {
         console.warn(`Locale '${locale}' not found, falling back to default locale '${DEFAULT_LOCALE}'.`);
         return DEFAULT_LOCALE;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtTranslateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtTranslateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtTranslateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtTranslateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -719,10 +918,10 @@ class RdtFormatPipe {
             return this.translateService.formatNumber(key);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: RdtFormatPipe, isStandalone: true, name: "rdtFormat", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: RdtFormatPipe, isStandalone: true, name: "rdtFormat", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'rdtFormat',
@@ -744,10 +943,10 @@ class RdtTranslatePipe {
         }));
         return this.translateService.instant(key, strParams);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: RdtTranslatePipe, isStandalone: true, name: "rdtTranslate", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: RdtTranslatePipe, isStandalone: true, name: "rdtTranslate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtTranslatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtTranslatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'rdtTranslate',
@@ -764,41 +963,33 @@ class RdtInteractiveElementComponent {
     destroyRef = inject(DestroyRef);
     // Input for the disabled state
     // Used only from outside using disabled="true" construct.
-    disabledInput = input(false, {
-        alias: 'rdtDisabled',
-        transform: booleanAttribute,
-    });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'rdtDisabled',
+        transform: booleanAttribute });
     // Map to track disabled state keys
-    disabledMap = signal({});
+    disabledMap = signal({}, ...(ngDevMode ? [{ debugName: "disabledMap" }] : []));
     // Computed disabled state
-    disabled = computed(() => this.disabledInput() || RdtObjectUtils.someValuesTrue(this.disabledMap()));
+    disabled = computed(() => this.disabledInput() || RdtObjectUtils.someValuesTrue(this.disabledMap()), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     // In case component is focused and disabled
     disabledEffect = effect(() => {
         if (untracked(this.focused) && this.disabled()) {
             this.focused.set(false);
         }
-    });
-    loadingInput = input(false, {
-        alias: 'loading',
-        transform: booleanAttribute,
-    });
-    loadingMap = signal({});
-    loading = computed(() => this.loadingInput() || RdtObjectUtils.someValuesTrue(this.loadingMap()));
+    }, ...(ngDevMode ? [{ debugName: "disabledEffect" }] : []));
+    loadingInput = input(false, { ...(ngDevMode ? { debugName: "loadingInput" } : {}), alias: 'loading',
+        transform: booleanAttribute });
+    loadingMap = signal({}, ...(ngDevMode ? [{ debugName: "loadingMap" }] : []));
+    loading = computed(() => this.loadingInput() || RdtObjectUtils.someValuesTrue(this.loadingMap()), ...(ngDevMode ? [{ debugName: "loading" }] : []));
     get uid() {
         return this._uid;
     }
     _uid = (Math.random() + 1).toString(36).substring(7);
-    idInput = input(this._uid, {
-        alias: 'id',
-        transform: (value) => value || this._uid,
-    });
-    id = linkedSignal(() => this.idInput());
-    autofocusInput = input(false, {
-        alias: 'autofocus',
-        transform: booleanAttribute,
-    });
-    autofocus = linkedSignal(() => this.autofocusInput());
-    focused = signal(false);
+    idInput = input(this._uid, { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id',
+        transform: (value) => value || this._uid });
+    id = linkedSignal(() => this.idInput(), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    autofocusInput = input(false, { ...(ngDevMode ? { debugName: "autofocusInput" } : {}), alias: 'autofocus',
+        transform: booleanAttribute });
+    autofocus = linkedSignal(() => this.autofocusInput(), ...(ngDevMode ? [{ debugName: "autofocus" }] : []));
+    focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
     autofocusEffect = afterNextRender({
         read: () => {
             rdtGetResult$(this.canFocus.bind(this))
@@ -836,15 +1027,15 @@ class RdtInteractiveElementComponent {
     onBlur() {
         this.focused.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtInteractiveElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: RdtInteractiveElementComponent, isStandalone: true, inputs: { disabledInput: { classPropertyName: "disabledInput", publicName: "rdtDisabled", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, autofocusInput: { classPropertyName: "autofocusInput", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtInteractiveElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.2", type: RdtInteractiveElementComponent, isStandalone: true, inputs: { disabledInput: { classPropertyName: "disabledInput", publicName: "rdtDisabled", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, autofocusInput: { classPropertyName: "autofocusInput", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtInteractiveElementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RdtInteractiveElementComponent, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
                 }]
-        }] });
+        }], propDecorators: { disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "rdtDisabled", required: false }] }], loadingInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], autofocusInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }] } });
 
 function rdtCreateLinkedState(params) {
     const state = {};
@@ -866,5 +1057,5 @@ const RDT_NOTIFICATION_SERVICE_PROVIDER = new InjectionToken('RDT_NOTIFICATION_S
  * Generated bundle index. Do not edit.
  */
 
-export { RDT_AUTOFOCUSABLE_COMPONENT, RDT_CONTAINER, RDT_DEFAULT_DISABLED_KEY, RDT_DEFAULT_LOADING_KEY, RDT_DEFAULT_LOCALE_STORE, RDT_DIALOG_SERVICE_PROVIDER, RDT_GUARDED_COMPONENT, RDT_LOCALE_STORE_PROVIDER, RDT_NOTIFICATION_SERVICE_PROVIDER, RdtAutoFocusOnInitDirective, RdtAutofocusableDirective, RdtChildDirective, RdtComponentGuardStoreService, RdtComponentOutletDirective, RdtContainerDirective, RdtFormatPipe, RdtInteractiveElementComponent, RdtLocaleFormat, RdtTranslatePipe, RdtTranslateService, canTransition$, csRdtDictionary, csRdtLocaleFormat, enUsRdtDictionary, enUsRdtLocaleFormat, getRdtAutofocusable, rdtCreateLinkedState, rdtGetAllResultsTrue$, rdtGetResult$ };
+export { RDT_AUTOFOCUSABLE_COMPONENT, RDT_CONTAINER, RDT_DEFAULT_DISABLED_KEY, RDT_DEFAULT_LOADING_KEY, RDT_DEFAULT_LOCALE_STORE, RDT_DIALOG_SERVICE_PROVIDER, RDT_GUARDED_COMPONENT, RDT_LOCALE_STORE_PROVIDER, RDT_NOTIFICATION_SERVICE_PROVIDER, RdtAutoFocusOnInitDirective, RdtAutofocusableDirective, RdtChildDirective, RdtComponentGuardStoreService, RdtComponentOutletDirective, RdtContainerDirective, RdtFormatPipe, RdtGuardBlockerResolver, RdtGuardRegistry, RdtInteractiveElementComponent, RdtLocaleFormat, RdtTranslatePipe, RdtTranslateService, canTransition$, csRdtDictionary, csRdtLocaleFormat, enUsRdtDictionary, enUsRdtLocaleFormat, getRdtAutofocusable, provideRdtGuardBlockerResolver, rdtCreateLinkedState, rdtFlattenBlockers, rdtGetAllResultsTrue$, rdtGetResult$, rdtUseGuard, rdtUseGuardContainer };
 //# sourceMappingURL=ngrdt-core.mjs.map