@dereekb/dbx-core 12.7.0 → 13.0.0

package/fesm2022/dereekb-dbx-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, Directive, input, computed, signal, Injectable, forwardRef, effect, TemplateRef, ViewContainerRef, Injector, runInInjectionContext, NgModule, InjectionToken, makeEnvironmentProviders, output, model, NgZone, Input, Pipe, LOCALE_ID, viewChild, Component, ChangeDetectionStrategy, Inject, Optional } from '@angular/core';
+import { inject, DestroyRef, input, Directive, computed, signal, Injectable, forwardRef, effect, TemplateRef, ViewContainerRef, Injector, runInInjectionContext, NgModule, InjectionToken, makeEnvironmentProviders, output, model, NgZone, Input, Pipe, LOCALE_ID, viewChild, Component, ChangeDetectionStrategy, Inject, Optional } from '@angular/core';
 import { SubscriptionObject, LockSet, loadingStateContext, listLoadingStateContext, filterMaybe, LoadingStateType, beginLoading, idleLoadingState, errorResult, successResult, scanCount, workFactory, asObservable, combineLatestFromMapValuesObsFn, emitDelayObs, makeIsModifiedFunctionObservable, returnIfIs, timeoutStartWith, onFalseToTrue, onTrueToFalse, setContainsAllValuesFrom, setContainsNoValueFrom, maybeValueFromObservableOrValue, distinctUntilKeysChange, maybeValueFromObservableOrValueGetter, switchMapToDefault, asObservableFromGetter, FilterSource, FilterSourceConnector, FilterSourceInstance, FilterMap, skipAllInitialMaybe, switchMapObject } from '@dereekb/rxjs';
 import { getValueFromGetter, DestroyFunctionObject, isNotFalse, isDefinedAndNotFalse, BooleanStringKeyArrayUtility, reduceBooleansWithOrFn, asGetter, toReadableError, hasValueOrNotEmpty, isGetter, asArray, setIncludes, isAllowed, maybeSet, iterableToSet, expandTreeFunction, flattenTreeToArrayFunction, expandFlattenTreeFunction, mailToUrlString, telUrlString, mergeObjects, KeyValueTypleValueFilter, filterMaybeArrayValues, defaultForwardFunctionFactory, cutString, dollarAmountString, objectHasKey, objectHasKeys, mergeArrays, flattenArrayOrValueArray, promiseReference, DataIsExpiredError, DataDoesNotExistError, hasNonNullValue, unixDateTimeSecondsNumberForNow, isThrottled, splitJoinRemainder, StorageObjectUtility, SHARED_MEMORY_STORAGE } from '@dereekb/util';
 import { switchMap, first, distinctUntilChanged, filter, EMPTY, debounce, interval, throttle, exhaustMap, mergeMap, map, shareReplay, combineLatest, startWith, of, delay, BehaviorSubject, tap, combineLatestWith, catchError, withLatestFrom, firstValueFrom, takeUntil, Subject, Observable } from 'rxjs';
@@ -10,9 +10,9 @@ import { createAction, props, createReducer, on, combineReducers, createFeatureS
 import { Router, ActivatedRoute, NavigationStart, NavigationEnd } from '@angular/router';
 import { isArray } from 'class-validator';
 import { StateService, TransitionService, UIRouterGlobals } from '@uirouter/core';
-import { addMinutes, isValid, isPast, formatDistance, formatDistanceToNow } from 'date-fns';
-import { formatDate, NgTemplateOutlet, NgFor } from '@angular/common';
-import { toJsDate, formatToTimeString, formatDateDistance, formatToDayRangeString, formatToTimeRangeString, formatToDayTimeRangeString, formatDateRangeDistance, dateTimezoneUtcNormal, getTimezoneAbbreviation } from '@dereekb/date';
+import { formatToDayRangeString, toJsDate, formatDateDistance, formatToTimeString, formatToDayTimeRangeString, formatToTimeRangeString, dateTimezoneUtcNormal, formatDateRangeDistance, getTimezoneAbbreviation } from '@dereekb/date';
+import { isValid, formatDistanceToNow, addMinutes, isPast, formatDistance } from 'date-fns';
+import { formatDate } from '@angular/common';
 
 /**
  * Wraps a Destroyable in a function that registers the input Destroyable to be destroyed
@@ -41,45 +41,6 @@ function completeOnDestroy(input) {
     return input;
 }
 
-/**
- * Abstract component that contains a SubscriptionObject and will clean it up automatically.
- *
- * @deprecated Consider using cleanSubscription() directly instead, as it performs the same functionality
- */
-class AbstractSubscriptionDirective {
-    _subscriptionObject = new SubscriptionObject();
-    ngOnDestroy() {
-        this._subscriptionObject.destroy();
-    }
-    set sub(subscription) {
-        this._subscriptionObject.subscription = subscription;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractSubscriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractSubscriptionDirective, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractSubscriptionDirective, decorators: [{
-            type: Directive
-        }] });
-/**
- * AbstractSubscriptionDirective extension that prevents the OnDestroy from occuring until the lockset is unlocked.
- *
- * @deprecated Consider using cleanLockSet() directly instead, as it performs the same functionality.
- */
-class AbstractLockSetSubscriptionDirective extends AbstractSubscriptionDirective {
-    lockSet = new LockSet();
-    ngOnDestroy() {
-        this.lockSet.onNextUnlock(() => this.onLockSetDestroy());
-    }
-    onLockSetDestroy() {
-        super.ngOnDestroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractLockSetSubscriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractLockSetSubscriptionDirective, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractLockSetSubscriptionDirective, decorators: [{
-            type: Directive
-        }] });
-
 // MARK: cleanSubscription()
 /**
  * Creates a new SubscriptionObject that is automatically destroyed when the context is destroyed.
@@ -335,7 +296,7 @@ class DbxActionContextStoreSourceInstance {
 
 class DbxActionAutoModifyDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    autoModifyEnabled = input(true, { alias: 'dbxActionAutoModify', transform: isNotFalse });
+    autoModifyEnabled = input(true, { ...(ngDevMode ? { debugName: "autoModifyEnabled" } : {}), alias: 'dbxActionAutoModify', transform: isNotFalse });
     markAsModified$ = toObservable(this.autoModifyEnabled).pipe(distinctUntilChanged(), switchMap((x) => {
         let obs;
         if (x) {
@@ -351,16 +312,16 @@ class DbxActionAutoModifyDirective {
             this.source.setIsModified(true);
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionAutoModifyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionAutoModifyDirective, isStandalone: true, selector: "dbxActionAutoModify, [dbxActionAutoModify]", inputs: { autoModifyEnabled: { classPropertyName: "autoModifyEnabled", publicName: "dbxActionAutoModify", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionAutoModifyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionAutoModifyDirective, isStandalone: true, selector: "dbxActionAutoModify, [dbxActionAutoModify]", inputs: { autoModifyEnabled: { classPropertyName: "autoModifyEnabled", publicName: "dbxActionAutoModify", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionAutoModifyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionAutoModifyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbxActionAutoModify, [dbxActionAutoModify]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { autoModifyEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionAutoModify", required: false }] }] } });
 
 const DEFAULT_DEBOUNCE_MS = 2 * 1000;
 const DEFAULT_THROTTLE_MS = 10 * 1000;
@@ -375,14 +336,14 @@ const DBX_ACTION_AUTO_TRIGGER_INSTANT_TRIGGER_DEBOUNCE = 10;
  */
 class DbxActionAutoTriggerDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    triggerDebounce = input(undefined);
-    triggerThrottle = input(undefined);
-    triggerErrorThrottle = input(DEFAULT_ERROR_THROTTLE_MS, { transform: (x) => x ?? DEFAULT_ERROR_THROTTLE_MS });
-    maxErrorsForThrottle = input(MAX_ERRORS_TO_THROTTLE_ON, { transform: (x) => x ?? MAX_ERRORS_TO_THROTTLE_ON });
-    triggerLimit = input();
-    triggerEnabled = input(true, { alias: 'dbxActionAutoTrigger', transform: isNotFalse });
-    useFastTriggerPreset = input(false, { transform: isDefinedAndNotFalse });
-    useInstantTriggerPreset = input(false, { transform: isDefinedAndNotFalse });
+    triggerDebounce = input(undefined, ...(ngDevMode ? [{ debugName: "triggerDebounce" }] : []));
+    triggerThrottle = input(undefined, ...(ngDevMode ? [{ debugName: "triggerThrottle" }] : []));
+    triggerErrorThrottle = input(DEFAULT_ERROR_THROTTLE_MS, { ...(ngDevMode ? { debugName: "triggerErrorThrottle" } : {}), transform: (x) => x ?? DEFAULT_ERROR_THROTTLE_MS });
+    maxErrorsForThrottle = input(MAX_ERRORS_TO_THROTTLE_ON, { ...(ngDevMode ? { debugName: "maxErrorsForThrottle" } : {}), transform: (x) => x ?? MAX_ERRORS_TO_THROTTLE_ON });
+    triggerLimit = input(...(ngDevMode ? [undefined, { debugName: "triggerLimit" }] : []));
+    triggerEnabled = input(true, { ...(ngDevMode ? { debugName: "triggerEnabled" } : {}), alias: 'dbxActionAutoTrigger', transform: isNotFalse });
+    useFastTriggerPreset = input(false, { ...(ngDevMode ? { debugName: "useFastTriggerPreset" } : {}), transform: isDefinedAndNotFalse });
+    useInstantTriggerPreset = input(false, { ...(ngDevMode ? { debugName: "useInstantTriggerPreset" } : {}), transform: isDefinedAndNotFalse });
     triggerDebounceSignal = computed(() => {
         let debounce = this.triggerDebounce();
         if (debounce == null) {
@@ -396,7 +357,7 @@ class DbxActionAutoTriggerDirective {
             }
         }
         return debounce ?? DEFAULT_DEBOUNCE_MS;
-    });
+    }, ...(ngDevMode ? [{ debugName: "triggerDebounceSignal" }] : []));
     triggerThrottleSignal = computed(() => {
         let throttle = this.triggerThrottle();
         if (throttle == null) {
@@ -410,8 +371,8 @@ class DbxActionAutoTriggerDirective {
             }
         }
         return throttle ?? DEFAULT_THROTTLE_MS;
-    });
-    triggerCountSignal = signal(0);
+    }, ...(ngDevMode ? [{ debugName: "triggerThrottleSignal" }] : []));
+    triggerCountSignal = signal(0, ...(ngDevMode ? [{ debugName: "triggerCountSignal" }] : []));
     _errorCount$ = this.source.errorCountSinceLastSuccess$;
     _triggerCount$ = this.source.isModifiedAndCanTriggerUpdates$.pipe(
     // each time something is triggered the
@@ -455,16 +416,16 @@ class DbxActionAutoTriggerDirective {
             })
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionAutoTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionAutoTriggerDirective, isStandalone: true, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: { triggerDebounce: { classPropertyName: "triggerDebounce", publicName: "triggerDebounce", isSignal: true, isRequired: false, transformFunction: null }, triggerThrottle: { classPropertyName: "triggerThrottle", publicName: "triggerThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerErrorThrottle: { classPropertyName: "triggerErrorThrottle", publicName: "triggerErrorThrottle", isSignal: true, isRequired: false, transformFunction: null }, maxErrorsForThrottle: { classPropertyName: "maxErrorsForThrottle", publicName: "maxErrorsForThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerLimit: { classPropertyName: "triggerLimit", publicName: "triggerLimit", isSignal: true, isRequired: false, transformFunction: null }, triggerEnabled: { classPropertyName: "triggerEnabled", publicName: "dbxActionAutoTrigger", isSignal: true, isRequired: false, transformFunction: null }, useFastTriggerPreset: { classPropertyName: "useFastTriggerPreset", publicName: "useFastTriggerPreset", isSignal: true, isRequired: false, transformFunction: null }, useInstantTriggerPreset: { classPropertyName: "useInstantTriggerPreset", publicName: "useInstantTriggerPreset", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionAutoTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionAutoTriggerDirective, isStandalone: true, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: { triggerDebounce: { classPropertyName: "triggerDebounce", publicName: "triggerDebounce", isSignal: true, isRequired: false, transformFunction: null }, triggerThrottle: { classPropertyName: "triggerThrottle", publicName: "triggerThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerErrorThrottle: { classPropertyName: "triggerErrorThrottle", publicName: "triggerErrorThrottle", isSignal: true, isRequired: false, transformFunction: null }, maxErrorsForThrottle: { classPropertyName: "maxErrorsForThrottle", publicName: "maxErrorsForThrottle", isSignal: true, isRequired: false, transformFunction: null }, triggerLimit: { classPropertyName: "triggerLimit", publicName: "triggerLimit", isSignal: true, isRequired: false, transformFunction: null }, triggerEnabled: { classPropertyName: "triggerEnabled", publicName: "dbxActionAutoTrigger", isSignal: true, isRequired: false, transformFunction: null }, useFastTriggerPreset: { classPropertyName: "useFastTriggerPreset", publicName: "useFastTriggerPreset", isSignal: true, isRequired: false, transformFunction: null }, useInstantTriggerPreset: { classPropertyName: "useInstantTriggerPreset", publicName: "useInstantTriggerPreset", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionAutoTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionAutoTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbxActionAutoTrigger,[dbxActionAutoTrigger]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { triggerDebounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerDebounce", required: false }] }], triggerThrottle: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerThrottle", required: false }] }], triggerErrorThrottle: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerErrorThrottle", required: false }] }], maxErrorsForThrottle: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxErrorsForThrottle", required: false }] }], triggerLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerLimit", required: false }] }], triggerEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionAutoTrigger", required: false }] }], useFastTriggerPreset: [{ type: i0.Input, args: [{ isSignal: true, alias: "useFastTriggerPreset", required: false }] }], useInstantTriggerPreset: [{ type: i0.Input, args: [{ isSignal: true, alias: "useInstantTriggerPreset", required: false }] }] } });
 
 /**
  * WorkInstanceDelegate implementation using an DbxActionContextStoreSourceInstance.
@@ -847,10 +808,10 @@ class ActionContextStore extends ComponentStore {
         // do not call super.destroy here, to keep the component store from destroying itself.
         // the lockset is configured to cleanup the component store.
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionContextStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ActionContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ActionContextStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionContextStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ActionContextStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 function updateIsSameOnActionContextState(state, isSame) {
@@ -994,10 +955,10 @@ class DbxActionContextMachineAsService extends DbxActionContextMachine {
         });
         clean(() => this.destroy());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextMachineAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextMachineAsService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionContextMachineAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionContextMachineAsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextMachineAsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionContextMachineAsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1034,7 +995,7 @@ function provideSecondaryActionStoreSource(sourceType) {
 }
 
 /**
- * Provides an DbxActionContext.
+ * Provides an DbxAction/DbxActionContext.
  */
 class DbxActionDirective extends DbxActionContextBaseSource {
     constructor() {
@@ -1046,13 +1007,13 @@ class DbxActionDirective extends DbxActionContextBaseSource {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionDirective, isStandalone: true, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", providers: provideActionStoreSource(DbxActionDirective), exportAs: ["action", "dbxAction"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxActionDirective, isStandalone: true, selector: "dbx-action,[dbxAction]", providers: provideActionStoreSource(DbxActionDirective), exportAs: ["action", "dbxAction"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]',
+                    selector: 'dbx-action,[dbxAction]',
                     exportAs: 'action,dbxAction',
                     providers: provideActionStoreSource(DbxActionDirective),
                     standalone: true
@@ -1063,19 +1024,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Directive that provides a DbxActionSourceDirective that is passed in.
  */
 class DbxActionSourceDirective {
-    dbxActionSource = input();
+    dbxActionSource = input(...(ngDevMode ? [undefined, { debugName: "dbxActionSource" }] : []));
     store$ = toObservable(this.dbxActionSource).pipe(filterMaybe(), switchMap((x) => actionContextStoreSourcePipe(x.store$)));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionSourceDirective, isStandalone: true, selector: "[dbxActionSource]", inputs: { dbxActionSource: { classPropertyName: "dbxActionSource", publicName: "dbxActionSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionSourceDirective), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionSourceDirective, isStandalone: true, selector: "[dbxActionSource]", inputs: { dbxActionSource: { classPropertyName: "dbxActionSource", publicName: "dbxActionSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionSourceDirective), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionSource]',
                     providers: provideSecondaryActionStoreSource(DbxActionSourceDirective),
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { dbxActionSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionSource", required: false }] }] } });
 
 /**
  * Prints out the current state to the console. Useful for debugging.
@@ -1087,10 +1048,10 @@ class DbxActionContextLoggerDirective {
             console.log('dbxActionLogger - state: ', state);
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextLoggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionContextLoggerDirective, isStandalone: true, selector: "[dbxActionLogger],[dbxActionContextLogger]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionContextLoggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxActionContextLoggerDirective, isStandalone: true, selector: "[dbxActionLogger],[dbxActionContextLogger]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextLoggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionContextLoggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionLogger],[dbxActionContextLogger]',
@@ -1163,15 +1124,15 @@ function actionContextStoreSourceMap() {
  */
 class DbxActionContextMapDirective {
     actionContextStoreSourceMap = clean(inject(ActionContextStoreSourceMap));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionContextMapDirective, isStandalone: true, selector: "[dbxActionContextMap]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionContextMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxActionContextMapDirective, isStandalone: true, selector: "[dbxActionContextMap]", providers: [
             {
                 provide: ActionContextStoreSourceMap,
                 useFactory: actionContextStoreSourceMap
             }
         ], exportAs: ["actionMap"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextMapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionContextMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionContextMap]',
@@ -1191,20 +1152,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxActionFromMapDirective {
     _actionContextStoreSourceMap = inject(ActionContextStoreSourceMap);
-    key = input(undefined, { alias: 'dbxActionFromMap' });
+    key = input(undefined, { ...(ngDevMode ? { debugName: "key" } : {}), alias: 'dbxActionFromMap' });
     key$ = toObservable(this.key);
     store$ = this.key$.pipe(filterMaybe(), switchMap((x) => this._actionContextStoreSourceMap.sourceForKey(x).store$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionFromMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionFromMapDirective, isStandalone: true, selector: "[dbxActionFromMap]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionFromMap", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionFromMapDirective), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionFromMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionFromMapDirective, isStandalone: true, selector: "[dbxActionFromMap]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionFromMap", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideSecondaryActionStoreSource(DbxActionFromMapDirective), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionFromMapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionFromMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionFromMap]',
                     providers: provideSecondaryActionStoreSource(DbxActionFromMapDirective),
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionFromMap", required: false }] }] } });
 
 /**
  * Used to communicate with an dbxActionMap and set the ActionContextStore to the store based on the key.
@@ -1212,7 +1173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DbxActionMapSourceDirective {
     _actionContextStoreSourceMap = inject(ActionContextStoreSourceMap);
     source = inject(ActionContextStoreSource, { host: true });
-    key = input(undefined, { alias: 'dbxActionMapSource' });
+    key = input(undefined, { ...(ngDevMode ? { debugName: "key" } : {}), alias: 'dbxActionMapSource' });
     _currentKey;
     _keyEffect = effect(() => {
         const nextKey = this.key();
@@ -1221,7 +1182,7 @@ class DbxActionMapSourceDirective {
         }
         this._currentKey = nextKey;
         this._addToStore();
-    }, { allowSignalWrites: true });
+    }, ...(ngDevMode ? [{ debugName: "_keyEffect" }] : []));
     ngOnDestroy() {
         this._removeFromToStore();
     }
@@ -1235,16 +1196,16 @@ class DbxActionMapSourceDirective {
             this._actionContextStoreSourceMap.removeStoreSource(this._currentKey);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionMapSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionMapSourceDirective, isStandalone: true, selector: "[dbxActionMapSource]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionMapSource", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionMapSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionMapSourceDirective, isStandalone: true, selector: "[dbxActionMapSource]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionMapSource", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionMapSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionMapSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionMapSource]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionMapSource", required: false }] }] } });
 
 /**
  * Creates a new ActionContextStoreSourceMapReader from the input.
@@ -1287,7 +1248,7 @@ const DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY = 'action_map_working_disable';
 class DbxActionMapWorkingDisableDirective {
     _actionContextStoreSourceMap = inject(ActionContextStoreSourceMap);
     source = inject(DbxActionContextStoreSourceInstance, { host: true });
-    disabledKey = input(undefined, { alias: 'dbxActionMapWorkingDisable' });
+    disabledKey = input(undefined, { ...(ngDevMode ? { debugName: "disabledKey" } : {}), alias: 'dbxActionMapWorkingDisable' });
     areAnySourcesWorking$ = actionContextStoreSourceMapReader(this._actionContextStoreSourceMap.actionKeySourceMap$).checkAny((x) => x.isWorking$, false);
     constructor() {
         cleanSubscription(this.areAnySourcesWorking$.subscribe((x) => {
@@ -1297,16 +1258,16 @@ class DbxActionMapWorkingDisableDirective {
             this.source.enable(this.disabledKey() || DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionMapWorkingDisableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionMapWorkingDisableDirective, isStandalone: true, selector: "[dbxActionMapWorkingDisable]", inputs: { disabledKey: { classPropertyName: "disabledKey", publicName: "dbxActionMapWorkingDisable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionMapWorkingDisableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionMapWorkingDisableDirective, isStandalone: true, selector: "[dbxActionMapWorkingDisable]", inputs: { disabledKey: { classPropertyName: "disabledKey", publicName: "dbxActionMapWorkingDisable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionMapWorkingDisableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionMapWorkingDisableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionMapWorkingDisable]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { disabledKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionMapWorkingDisable", required: false }] }] } });
 
 const APP_ACTION_DISABLED_DIRECTIVE_KEY = 'dbx_action_disabled';
 /**
@@ -1314,7 +1275,7 @@ const APP_ACTION_DISABLED_DIRECTIVE_KEY = 'dbx_action_disabled';
  */
 class DbxActionDisabledDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    disabled = input(false, { alias: 'dbxActionDisabled', transform: (value) => value !== false });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'dbxActionDisabled', transform: (value) => value !== false });
     disabled$ = toObservable(this.disabled);
     constructor() {
         cleanSubscription(this.disabled$.subscribe((x) => {
@@ -1322,16 +1283,16 @@ class DbxActionDisabledDirective {
         }));
         clean(() => this.source.enable(APP_ACTION_DISABLED_DIRECTIVE_KEY));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionDisabledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionDisabledDirective, isStandalone: true, selector: "[dbxActionDisabled]", inputs: { disabled: { classPropertyName: "disabled", publicName: "dbxActionDisabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionDisabledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionDisabledDirective, isStandalone: true, selector: "[dbxActionDisabled]", inputs: { disabled: { classPropertyName: "disabled", publicName: "dbxActionDisabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionDisabledDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionDisabledDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionDisabled]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionDisabled", required: false }] }] } });
 
 const APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY = 'dbx_action_disabled_on_success';
 /**
@@ -1339,7 +1300,7 @@ const APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY = 'dbx_action_disabled_on_suc
  */
 class DbxActionDisabledOnSuccessDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    disabledOnSuccess = input(true, { alias: 'dbxActionDisabledOnSuccess', transform: (value) => value !== false });
+    disabledOnSuccess = input(true, { ...(ngDevMode ? { debugName: "disabledOnSuccess" } : {}), alias: 'dbxActionDisabledOnSuccess', transform: (value) => value !== false });
     disabledOnSuccess$ = toObservable(this.disabledOnSuccess);
     constructor() {
         cleanSubscription(combineLatest([this.disabledOnSuccess$, this.source.isSuccess$]).subscribe(([disableOnSuccess, success]) => {
@@ -1347,16 +1308,16 @@ class DbxActionDisabledOnSuccessDirective {
         }));
         clean(() => this.source.enable(APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionDisabledOnSuccessDirective, isStandalone: true, selector: "[dbxActionDisabledOnSuccess]", inputs: { disabledOnSuccess: { classPropertyName: "disabledOnSuccess", publicName: "dbxActionDisabledOnSuccess", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionDisabledOnSuccessDirective, isStandalone: true, selector: "[dbxActionDisabledOnSuccess]", inputs: { disabledOnSuccess: { classPropertyName: "disabledOnSuccess", publicName: "dbxActionDisabledOnSuccess", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionDisabledOnSuccessDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionDisabledOnSuccess]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { disabledOnSuccess: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionDisabledOnSuccess", required: false }] }] } });
 
 const DBX_ACTION_HANDLER_LOCK_KEY = 'dbxActionHandler';
 /**
@@ -1424,48 +1385,48 @@ class AbstractDbxActionHandlerDirective {
     constructor() {
         this._dbxActionHandlerInstance.init();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxActionHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxActionHandlerDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxActionHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractDbxActionHandlerDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxActionHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxActionHandlerDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 /**
  * Directive that passes a Work function to handle a valueReady$ event from an action context.
  */
 class DbxActionHandlerDirective extends AbstractDbxActionHandlerDirective {
-    handlerFunction = input.required({ alias: 'dbxActionHandler' });
+    handlerFunction = input.required({ ...(ngDevMode ? { debugName: "handlerFunction" } : {}), alias: 'dbxActionHandler' });
     _handlerFunctionEffect = effect(() => {
         this._dbxActionHandlerInstance.setHandlerFunction(this.handlerFunction());
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionHandlerDirective, isStandalone: true, selector: "[dbxActionHandler]", inputs: { handlerFunction: { classPropertyName: "handlerFunction", publicName: "dbxActionHandler", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    }, ...(ngDevMode ? [{ debugName: "_handlerFunctionEffect" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionHandlerDirective, isStandalone: true, selector: "[dbxActionHandler]", inputs: { handlerFunction: { classPropertyName: "handlerFunction", publicName: "dbxActionHandler", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionHandler]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { handlerFunction: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionHandler", required: true }] }] } });
 /**
  * Directive that passes a value to handle a valueReady$ event from an action context.
  */
 class DbxActionHandlerValueDirective extends AbstractDbxActionHandlerDirective {
-    handlerValue = input.required({ alias: 'dbxActionHandlerValue' });
+    handlerValue = input.required({ ...(ngDevMode ? { debugName: "handlerValue" } : {}), alias: 'dbxActionHandlerValue' });
     _handlerValueEffect = effect(() => {
         this._dbxActionHandlerInstance.setHandlerValue(this.handlerValue());
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionHandlerValueDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionHandlerValueDirective, isStandalone: true, selector: "[dbxActionHandlerValue]", inputs: { handlerValue: { classPropertyName: "handlerValue", publicName: "dbxActionHandlerValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    }, ...(ngDevMode ? [{ debugName: "_handlerValueEffect" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionHandlerValueDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionHandlerValueDirective, isStandalone: true, selector: "[dbxActionHandlerValue]", inputs: { handlerValue: { classPropertyName: "handlerValue", publicName: "dbxActionHandlerValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionHandlerValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionHandlerValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionHandlerValue]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { handlerValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionHandlerValue", required: true }] }] } });
 
 /**
  * Abstract directive class that watches a show$ observable and behaves like *ngIf.
@@ -1484,10 +1445,10 @@ class AbstractIfDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractIfDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractIfDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractIfDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractIfDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractIfDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractIfDirective, decorators: [{
             type: Directive
         }] });
 
@@ -1505,7 +1466,7 @@ const transformEmptyStringInputToUndefined = (value) => (value === '' ? undefine
  */
 class DbxActionIdleDirective extends AbstractIfDirective {
     _store = inject(DbxActionContextStoreSourceInstance);
-    hideAfter = input(undefined, { alias: 'dbxActionIdle', transform: transformEmptyStringInputToUndefined });
+    hideAfter = input(undefined, { ...(ngDevMode ? { debugName: "hideAfter" } : {}), alias: 'dbxActionIdle', transform: transformEmptyStringInputToUndefined });
     show$ = this._store.idle$.pipe(exhaustMap((idle) => {
         if (idle) {
             return emitDelayObs(true, false, this.hideAfter());
@@ -1514,16 +1475,16 @@ class DbxActionIdleDirective extends AbstractIfDirective {
             return of(false);
         }
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionIdleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionIdleDirective, isStandalone: true, selector: "[dbxActionIdle]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionIdle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionIdleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionIdleDirective, isStandalone: true, selector: "[dbxActionIdle]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionIdle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionIdleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionIdleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionIdle]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { hideAfter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionIdle", required: false }] }] } });
 
 /**
  * Structural directive that displays the content before the store has success.
@@ -1532,7 +1493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxActionPreSuccessDirective extends AbstractIfDirective {
     _store = inject(DbxActionContextStoreSourceInstance);
-    hideFor = input(undefined, { alias: 'dbxActionPreSuccess', transform: transformEmptyStringInputToUndefined });
+    hideFor = input(undefined, { ...(ngDevMode ? { debugName: "hideFor" } : {}), alias: 'dbxActionPreSuccess', transform: transformEmptyStringInputToUndefined });
     show$ = this._store.isSuccess$.pipe(exhaustMap((success) => {
         if (success) {
             return emitDelayObs(false, true, this.hideFor());
@@ -1541,16 +1502,16 @@ class DbxActionPreSuccessDirective extends AbstractIfDirective {
             return of(true);
         }
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionPreSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionPreSuccessDirective, isStandalone: true, selector: "[dbxActionPreSuccess]", inputs: { hideFor: { classPropertyName: "hideFor", publicName: "dbxActionPreSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionPreSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionPreSuccessDirective, isStandalone: true, selector: "[dbxActionPreSuccess]", inputs: { hideFor: { classPropertyName: "hideFor", publicName: "dbxActionPreSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionPreSuccessDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionPreSuccessDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionPreSuccess]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { hideFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionPreSuccess", required: false }] }] } });
 
 /**
  * Structural directive that displays the content when the store has a success value.
@@ -1559,7 +1520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxActionHasSuccessDirective extends AbstractIfDirective {
     _store = inject(DbxActionContextStoreSourceInstance);
-    hideAfter = input(undefined, { alias: 'dbxActionHasSuccess', transform: transformEmptyStringInputToUndefined });
+    hideAfter = input(undefined, { ...(ngDevMode ? { debugName: "hideAfter" } : {}), alias: 'dbxActionHasSuccess', transform: transformEmptyStringInputToUndefined });
     show$ = this._store.isSuccess$.pipe(exhaustMap((success) => {
         if (success) {
             return emitDelayObs(true, false, this.hideAfter());
@@ -1568,23 +1529,23 @@ class DbxActionHasSuccessDirective extends AbstractIfDirective {
             return of(false);
         }
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionHasSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionHasSuccessDirective, isStandalone: true, selector: "[dbxActionHasSuccess]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionHasSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionHasSuccessDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionHasSuccessDirective, isStandalone: true, selector: "[dbxActionHasSuccess]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionHasSuccess", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionHasSuccessDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionHasSuccessDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionHasSuccess]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { hideAfter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionHasSuccess", required: false }] }] } });
 
 /**
  * Directive that executes a function on ActionContextStore Success.
  */
 class DbxActionSuccessHandlerDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    dbxActionSuccessHandler = input();
+    dbxActionSuccessHandler = input(...(ngDevMode ? [undefined, { debugName: "dbxActionSuccessHandler" }] : []));
     successFunction$ = toObservable(this.dbxActionSuccessHandler).pipe(filterMaybe(), shareReplay(1));
     constructor() {
         cleanSubscription(this.successFunction$
@@ -1593,23 +1554,23 @@ class DbxActionSuccessHandlerDirective {
         }))))
             .subscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSuccessHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionSuccessHandlerDirective, isStandalone: true, selector: "[dbxActionSuccessHandler]", inputs: { dbxActionSuccessHandler: { classPropertyName: "dbxActionSuccessHandler", publicName: "dbxActionSuccessHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionSuccessHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionSuccessHandlerDirective, isStandalone: true, selector: "[dbxActionSuccessHandler]", inputs: { dbxActionSuccessHandler: { classPropertyName: "dbxActionSuccessHandler", publicName: "dbxActionSuccessHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSuccessHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionSuccessHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionSuccessHandler]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { dbxActionSuccessHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionSuccessHandler", required: false }] }] } });
 
 /**
  * Directive that executes a function on ActionContextStore error.
  */
 class DbxActionErrorHandlerDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    dbxActionErrorHandler = input();
+    dbxActionErrorHandler = input(...(ngDevMode ? [undefined, { debugName: "dbxActionErrorHandler" }] : []));
     errorFunction$ = toObservable(this.dbxActionErrorHandler).pipe(filterMaybe(), shareReplay(1));
     constructor() {
         cleanSubscription(this.errorFunction$
@@ -1618,16 +1579,16 @@ class DbxActionErrorHandlerDirective {
         }))))
             .subscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionErrorHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionErrorHandlerDirective, isStandalone: true, selector: "[dbxActionErrorHandler]", inputs: { dbxActionErrorHandler: { classPropertyName: "dbxActionErrorHandler", publicName: "dbxActionErrorHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionErrorHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionErrorHandlerDirective, isStandalone: true, selector: "[dbxActionErrorHandler]", inputs: { dbxActionErrorHandler: { classPropertyName: "dbxActionErrorHandler", publicName: "dbxActionErrorHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionErrorHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionErrorHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionErrorHandler]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { dbxActionErrorHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionErrorHandler", required: false }] }] } });
 
 /**
  * Directive that provides a default value when triggered.
@@ -1639,7 +1600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Use a getter if null/undefined values should be passed to the action.
  */
 class DbxActionValueDirective {
-    valueOrFunction = input('', { alias: 'dbxActionValue' });
+    valueOrFunction = input('', { ...(ngDevMode ? { debugName: "valueOrFunction" } : {}), alias: 'dbxActionValue' });
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
     _valueOrFunctionOverride = new BehaviorSubject(undefined);
     valueOrFunction$ = combineLatest([this._valueOrFunctionOverride, toObservable(this.valueOrFunction)]).pipe(map(([x, y]) => x ?? y), filterMaybe(), shareReplay(1));
@@ -1652,16 +1613,16 @@ class DbxActionValueDirective {
     setValueOrFunction(value) {
         this._valueOrFunctionOverride.next(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionValueDirective, isStandalone: true, selector: "dbxActionValue,[dbxActionValue]", inputs: { valueOrFunction: { classPropertyName: "valueOrFunction", publicName: "dbxActionValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionValueDirective, isStandalone: true, selector: "dbxActionValue,[dbxActionValue]", inputs: { valueOrFunction: { classPropertyName: "valueOrFunction", publicName: "dbxActionValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbxActionValue,[dbxActionValue]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { valueOrFunction: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionValue", required: false }] }] } });
 
 /**
  * Structural directive that displays the content when the store is working.
@@ -1670,13 +1631,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxActionIsWorkingDirective extends AbstractIfDirective {
     _store = inject(DbxActionContextStoreSourceInstance);
-    hideAfter = input(undefined, { alias: 'dbxActionWorking', transform: transformEmptyStringInputToUndefined });
-    hideAfterIsWorking = input(undefined, { alias: 'dbxActionIsWorking', transform: transformEmptyStringInputToUndefined });
+    hideAfter = input(undefined, { ...(ngDevMode ? { debugName: "hideAfter" } : {}), alias: 'dbxActionWorking', transform: transformEmptyStringInputToUndefined });
+    hideAfterIsWorking = input(undefined, { ...(ngDevMode ? { debugName: "hideAfterIsWorking" } : {}), alias: 'dbxActionIsWorking', transform: transformEmptyStringInputToUndefined });
     hideAfterSignal = computed(() => {
         const hideAfter = this.hideAfter();
         const hideAfterIsWorking = this.hideAfterIsWorking();
         return hideAfter ?? hideAfterIsWorking;
-    });
+    }, ...(ngDevMode ? [{ debugName: "hideAfterSignal" }] : []));
     show$ = this._store.isWorking$.pipe(exhaustMap((isWorking) => {
         const hideAfter = this.hideAfterSignal();
         if (isWorking && hideAfter != null) {
@@ -1686,16 +1647,16 @@ class DbxActionIsWorkingDirective extends AbstractIfDirective {
             return of(isWorking);
         }
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionIsWorkingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionIsWorkingDirective, isStandalone: true, selector: "[dbxActionWorking],[dbxActionIsWorking]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionWorking", isSignal: true, isRequired: false, transformFunction: null }, hideAfterIsWorking: { classPropertyName: "hideAfterIsWorking", publicName: "dbxActionIsWorking", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionIsWorkingDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionIsWorkingDirective, isStandalone: true, selector: "[dbxActionWorking],[dbxActionIsWorking]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionWorking", isSignal: true, isRequired: false, transformFunction: null }, hideAfterIsWorking: { classPropertyName: "hideAfterIsWorking", publicName: "dbxActionIsWorking", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionIsWorkingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionIsWorkingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionWorking],[dbxActionIsWorking]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { hideAfter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionWorking", required: false }] }], hideAfterIsWorking: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionIsWorking", required: false }] }] } });
 
 const APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY = 'dbx_action_enforce_modified';
 /**
@@ -1703,7 +1664,7 @@ const APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY = 'dbx_action_enforce_modified';
  */
 class DbxActionEnforceModifiedDirective {
     source = inject(DbxActionContextStoreSourceInstance, { host: true });
-    enabled = input(true, { alias: 'dbxActionEnforceModified', transform: (value) => value !== false });
+    enabled = input(true, { ...(ngDevMode ? { debugName: "enabled" } : {}), alias: 'dbxActionEnforceModified', transform: (value) => value !== false });
     enabled$ = toObservable(this.enabled);
     constructor() {
         cleanSubscription(combineLatest([this.source.isModified$, this.enabled$])
@@ -1714,16 +1675,16 @@ class DbxActionEnforceModifiedDirective {
         }));
         clean(() => this.source.enable(APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionEnforceModifiedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionEnforceModifiedDirective, isStandalone: true, selector: "[dbxActionEnforceModified]", inputs: { enabled: { classPropertyName: "enabled", publicName: "dbxActionEnforceModified", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionEnforceModifiedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionEnforceModifiedDirective, isStandalone: true, selector: "[dbxActionEnforceModified]", inputs: { enabled: { classPropertyName: "enabled", publicName: "dbxActionEnforceModified", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionEnforceModifiedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionEnforceModifiedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionEnforceModified]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionEnforceModified", required: false }] }] } });
 
 /**
  * Utility class that handles trigger events to retrieve a value.
@@ -1815,10 +1776,10 @@ class AbstractDbxActionValueGetterDirective {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxActionValueGetterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxActionValueGetterDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxActionValueGetterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractDbxActionValueGetterDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxActionValueGetterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxActionValueGetterDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 /**
@@ -1828,9 +1789,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * The DbxActionValueDirective always pipes the latests value while waiting for a trigger, and does not allow using a getter.
  */
 class DbxActionValueTriggerDirective extends AbstractDbxActionValueGetterDirective {
-    dbxActionValueGetter = input();
-    dbxActionValueGetterIsModified = input();
-    dbxActionValueGetterIsEqual = input();
+    dbxActionValueGetter = input(...(ngDevMode ? [undefined, { debugName: "dbxActionValueGetter" }] : []));
+    dbxActionValueGetterIsModified = input(...(ngDevMode ? [undefined, { debugName: "dbxActionValueGetterIsModified" }] : []));
+    dbxActionValueGetterIsEqual = input(...(ngDevMode ? [undefined, { debugName: "dbxActionValueGetterIsEqual" }] : []));
     constructor() {
         super();
         this.configureInputs({
@@ -1839,26 +1800,26 @@ class DbxActionValueTriggerDirective extends AbstractDbxActionValueGetterDirecti
             isEqualSignal: this.dbxActionValueGetterIsEqual
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionValueTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionValueTriggerDirective, isStandalone: true, selector: "[dbxActionValueGetter]", inputs: { dbxActionValueGetter: { classPropertyName: "dbxActionValueGetter", publicName: "dbxActionValueGetter", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsModified: { classPropertyName: "dbxActionValueGetterIsModified", publicName: "dbxActionValueGetterIsModified", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsEqual: { classPropertyName: "dbxActionValueGetterIsEqual", publicName: "dbxActionValueGetterIsEqual", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dbxActionValueGetter"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionValueTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionValueTriggerDirective, isStandalone: true, selector: "[dbxActionValueGetter]", inputs: { dbxActionValueGetter: { classPropertyName: "dbxActionValueGetter", publicName: "dbxActionValueGetter", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsModified: { classPropertyName: "dbxActionValueGetterIsModified", publicName: "dbxActionValueGetterIsModified", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueGetterIsEqual: { classPropertyName: "dbxActionValueGetterIsEqual", publicName: "dbxActionValueGetterIsEqual", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dbxActionValueGetter"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionValueTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionValueTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'dbxActionValueGetter',
                     selector: '[dbxActionValueGetter]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { dbxActionValueGetter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionValueGetter", required: false }] }], dbxActionValueGetterIsModified: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionValueGetterIsModified", required: false }] }], dbxActionValueGetterIsEqual: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionValueGetterIsEqual", required: false }] }] } });
 
 /**
  * Directive that watches a value observable for changes and sets the new value and modified states as necessary.
  */
 class DbxActionValueStreamDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    dbxActionValueStream = input(EMPTY);
-    dbxActionValueStreamIsEqualValue = input();
-    dbxActionValueStreamIsModifiedValue = input();
+    dbxActionValueStream = input(EMPTY, ...(ngDevMode ? [{ debugName: "dbxActionValueStream" }] : []));
+    dbxActionValueStreamIsEqualValue = input(...(ngDevMode ? [undefined, { debugName: "dbxActionValueStreamIsEqualValue" }] : []));
+    dbxActionValueStreamIsModifiedValue = input(...(ngDevMode ? [undefined, { debugName: "dbxActionValueStreamIsModifiedValue" }] : []));
     isModifiedFunction$ = makeIsModifiedFunctionObservable({
         isModified: toObservable(this.dbxActionValueStreamIsModifiedValue),
         isEqual: toObservable(this.dbxActionValueStreamIsEqualValue)
@@ -1892,16 +1853,16 @@ class DbxActionValueStreamDirective {
             })
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionValueStreamDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionValueStreamDirective, isStandalone: true, selector: "[dbxActionValueStream]", inputs: { dbxActionValueStream: { classPropertyName: "dbxActionValueStream", publicName: "dbxActionValueStream", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsEqualValue: { classPropertyName: "dbxActionValueStreamIsEqualValue", publicName: "dbxActionValueStreamIsEqualValue", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsModifiedValue: { classPropertyName: "dbxActionValueStreamIsModifiedValue", publicName: "dbxActionValueStreamIsModifiedValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionValueStreamDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionValueStreamDirective, isStandalone: true, selector: "[dbxActionValueStream]", inputs: { dbxActionValueStream: { classPropertyName: "dbxActionValueStream", publicName: "dbxActionValueStream", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsEqualValue: { classPropertyName: "dbxActionValueStreamIsEqualValue", publicName: "dbxActionValueStreamIsEqualValue", isSignal: true, isRequired: false, transformFunction: null }, dbxActionValueStreamIsModifiedValue: { classPropertyName: "dbxActionValueStreamIsModifiedValue", publicName: "dbxActionValueStreamIsModifiedValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionValueStreamDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionValueStreamDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionValueStream]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { dbxActionValueStream: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionValueStream", required: false }] }], dbxActionValueStreamIsEqualValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionValueStreamIsEqualValue", required: false }] }], dbxActionValueStreamIsModifiedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionValueStreamIsModifiedValue", required: false }] }] } });
 
 /**
  * Structural directive that displays the content when the store has been triggered.
@@ -1910,7 +1871,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxActionTriggeredDirective extends AbstractIfDirective {
     _store = inject(DbxActionContextStoreSourceInstance);
-    hideAfter = input(undefined, { alias: 'dbxActionTriggered', transform: transformEmptyStringInputToUndefined });
+    hideAfter = input(undefined, { ...(ngDevMode ? { debugName: "hideAfter" } : {}), alias: 'dbxActionTriggered', transform: transformEmptyStringInputToUndefined });
     show$ = this._store.triggered$.pipe(exhaustMap((triggered) => {
         if (triggered) {
             return emitDelayObs(true, false, this.hideAfter());
@@ -1919,18 +1880,18 @@ class DbxActionTriggeredDirective extends AbstractIfDirective {
             return of(false);
         }
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionTriggeredDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionTriggeredDirective, isStandalone: true, selector: "[dbxActionTriggered]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionTriggered", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionTriggeredDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxActionTriggeredDirective, isStandalone: true, selector: "[dbxActionTriggered]", inputs: { hideAfter: { classPropertyName: "hideAfter", publicName: "dbxActionTriggered", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionTriggeredDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionTriggeredDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionTriggered]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { hideAfter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionTriggered", required: false }] }] } });
 
-const importsAndExports$8 = [
+const importsAndExports$2 = [
     DbxActionDirective,
     DbxActionContextMapDirective,
     DbxActionFromMapDirective,
@@ -1958,8 +1919,8 @@ const importsAndExports$8 = [
  * Contains all base DbxAction components.
  */
 class DbxCoreActionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreActionModule, imports: [DbxActionDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreActionModule, imports: [DbxActionDirective,
             DbxActionContextMapDirective,
             DbxActionFromMapDirective,
             DbxActionMapSourceDirective,
@@ -2002,13 +1963,13 @@ class DbxCoreActionModule {
             DbxActionSuccessHandlerDirective,
             DbxActionErrorHandlerDirective,
             DbxActionIsWorkingDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreActionModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreActionModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreActionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreActionModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$8,
-                    exports: importsAndExports$8
+                    imports: importsAndExports$2,
+                    exports: importsAndExports$2
                 }]
         }] });
 
@@ -2581,10 +2542,10 @@ class DbxAppAuthRouterService {
     goToApp() {
         return goWithRouter(this.dbxRouterService)(this.dbxAppAuthRoutes.appRef);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthRouterService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthRouterService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthRouterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2613,10 +2574,10 @@ class DbxAppAuthRouterEffects extends AbstractOnDbxAppContextStateEffects {
      * Effect to redirect to the app when login occurs.
      */
     redirectToOnboardOnLogIn = createEffect(() => this.actions$.pipe(ofType(loggedIn), filter(() => this.dbxAppAuthRouterService.isAuthRouterEffectsEnabled), exhaustMap(() => this.dbxAppAuthRouterService.goToApp())), { dispatch: false });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthRouterEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthRouterEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthRouterEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthRouterEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthRouterEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthRouterEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2685,83 +2646,6 @@ function authRolesSetContainsNoRolesFrom(roles) {
     return setContainsNoValueFrom(roles);
 }
 
-/**
- * Structural decorator directive similar to ngIf that embeds content if the current auth user has any of the target role(s).
- */
-class DbxAuthHasAnyRoleDirective extends AbstractIfDirective {
-    _authService = inject(DbxAuthService);
-    targetRoles = input(undefined, { alias: 'dbxAuthHasAnyRole' });
-    targetRoles$ = toObservable(this.targetRoles);
-    show$ = this._authService.authRoles$.pipe(authRolesSetContainsAnyRoleFrom(this.targetRoles$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAuthHasAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxAuthHasAnyRoleDirective, isStandalone: true, selector: "[dbxAuthHasAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAuthHasAnyRoleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxAuthHasAnyRole]',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * Structural decorator directive similar to ngIf that embeds content if the current auth user has all of the target role(s).
- */
-class DbxAuthHasRolesDirective extends AbstractIfDirective {
-    _authService = inject(DbxAuthService);
-    targetRoles = input(undefined, { alias: 'dbxAuthHasRoles' });
-    targetRoles$ = toObservable(this.targetRoles);
-    show$ = this._authService.authRoles$.pipe(authRolesSetContainsAllRolesFrom(this.targetRoles$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAuthHasRolesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxAuthHasRolesDirective, isStandalone: true, selector: "[dbxAuthHasRoles]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasRoles", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAuthHasRolesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxAuthHasRoles]',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * Structural decorator directive similar to ngIf that embeds content if the current auth user has none of the target role(s).
- */
-class DbxAuthNotAnyRoleDirective extends AbstractIfDirective {
-    _authService = inject(DbxAuthService);
-    targetRoles = input(undefined, { alias: 'dbxAuthNotAnyRole' });
-    targetRoles$ = toObservable(this.targetRoles);
-    show$ = this._authService.authRoles$.pipe(authRolesSetContainsNoRolesFrom(this.targetRoles$));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAuthNotAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxAuthNotAnyRoleDirective, isStandalone: true, selector: "[dbxAuthNotAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthNotAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAuthNotAnyRoleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxAuthNotAnyRole]',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * @deprecated import the directives directly instead of using this module.
- *
- * @see DbxAuthHasRolesDirective
- * @see DbxAuthHasAnyRoleDirective
- * @see DbxAuthNotAnyRoleDirective
- */
-class DbxCoreAuthModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAuthModule, imports: [DbxAuthHasRolesDirective, DbxAuthHasAnyRoleDirective, DbxAuthNotAnyRoleDirective], exports: [DbxAuthHasRolesDirective, DbxAuthHasAnyRoleDirective, DbxAuthNotAnyRoleDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAuthModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAuthModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [DbxAuthHasRolesDirective, DbxAuthHasAnyRoleDirective, DbxAuthNotAnyRoleDirective],
-                    exports: [DbxAuthHasRolesDirective, DbxAuthHasAnyRoleDirective, DbxAuthNotAnyRoleDirective]
-                }]
-        }] });
-
 /**
  * Set of ngrx effects that repeat events from DbxAuthService.
  */
@@ -2781,10 +2665,10 @@ class DbxAppAuthEffects {
     setUserState = createEffect(() => this.dbxAuthService.authUserState$.pipe(map((state) => setUserState({ state }))));
     setUserRoles = createEffect(() => this.dbxAuthService.authRoles$.pipe(map((roles) => setUserRoles({ roles: Array.from(roles ?? []) }))));
     setUserIsOnboarded = createEffect(() => this.dbxAuthService.isOnboarded$.pipe(map((isOnboarded) => setUserIsOnboarded({ isOnboarded }))));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthEffects });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthEffects });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthEffects, decorators: [{
             type: Injectable
         }] });
 
@@ -2809,16 +2693,73 @@ function provideDbxAppAuth(config) {
     return makeEnvironmentProviders(providers);
 }
 
+/**
+ * Structural decorator directive similar to ngIf that embeds content if the current auth user has any of the target role(s).
+ */
+class DbxAuthHasAnyRoleDirective extends AbstractIfDirective {
+    _authService = inject(DbxAuthService);
+    targetRoles = input(undefined, { ...(ngDevMode ? { debugName: "targetRoles" } : {}), alias: 'dbxAuthHasAnyRole' });
+    targetRoles$ = toObservable(this.targetRoles);
+    show$ = this._authService.authRoles$.pipe(authRolesSetContainsAnyRoleFrom(this.targetRoles$));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAuthHasAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxAuthHasAnyRoleDirective, isStandalone: true, selector: "[dbxAuthHasAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAuthHasAnyRoleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxAuthHasAnyRole]',
+                    standalone: true
+                }]
+        }], propDecorators: { targetRoles: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxAuthHasAnyRole", required: false }] }] } });
+
+/**
+ * Structural decorator directive similar to ngIf that embeds content if the current auth user has all of the target role(s).
+ */
+class DbxAuthHasRolesDirective extends AbstractIfDirective {
+    _authService = inject(DbxAuthService);
+    targetRoles = input(undefined, { ...(ngDevMode ? { debugName: "targetRoles" } : {}), alias: 'dbxAuthHasRoles' });
+    targetRoles$ = toObservable(this.targetRoles);
+    show$ = this._authService.authRoles$.pipe(authRolesSetContainsAllRolesFrom(this.targetRoles$));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAuthHasRolesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxAuthHasRolesDirective, isStandalone: true, selector: "[dbxAuthHasRoles]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthHasRoles", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAuthHasRolesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxAuthHasRoles]',
+                    standalone: true
+                }]
+        }], propDecorators: { targetRoles: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxAuthHasRoles", required: false }] }] } });
+
+/**
+ * Structural decorator directive similar to ngIf that embeds content if the current auth user has none of the target role(s).
+ */
+class DbxAuthNotAnyRoleDirective extends AbstractIfDirective {
+    _authService = inject(DbxAuthService);
+    targetRoles = input(undefined, { ...(ngDevMode ? { debugName: "targetRoles" } : {}), alias: 'dbxAuthNotAnyRole' });
+    targetRoles$ = toObservable(this.targetRoles);
+    show$ = this._authService.authRoles$.pipe(authRolesSetContainsNoRolesFrom(this.targetRoles$));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAuthNotAnyRoleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxAuthNotAnyRoleDirective, isStandalone: true, selector: "[dbxAuthNotAnyRole]", inputs: { targetRoles: { classPropertyName: "targetRoles", publicName: "dbxAuthNotAnyRole", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAuthNotAnyRoleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxAuthNotAnyRole]',
+                    standalone: true
+                }]
+        }], propDecorators: { targetRoles: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxAuthNotAnyRole", required: false }] }] } });
+
 /**
  * State for accessing the app's DbxAppAuthState defined within the DbxAppAuthFullState for the ngrx store.
  */
 class DbxAppAuthStateService {
     store = inject((Store));
     authStateUser$ = this.store.select(selectDbxAppAuthUser);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2859,10 +2800,10 @@ class DbxActionButtonTriggerDirective {
     _buttonClicked() {
         this.source.trigger();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionButtonTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionButtonTriggerDirective, isStandalone: true, selector: "[dbxActionButtonTrigger]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionButtonTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxActionButtonTriggerDirective, isStandalone: true, selector: "[dbxActionButtonTrigger]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionButtonTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionButtonTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionButtonTrigger]',
@@ -2883,10 +2824,10 @@ class DbxActionButtonDirective extends DbxActionButtonTriggerDirective {
             this.dbxButton.setDisabled(disabled);
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionButtonDirective, isStandalone: true, selector: "[dbxActionButton]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxActionButtonDirective, isStandalone: true, selector: "[dbxActionButton]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxActionButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionButton]',
@@ -2898,7 +2839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DbxButtonSegueDirective {
     dbxButton = inject(DbxButton);
     dbxRouterService = inject(DbxRouterService);
-    segueRef = input(undefined, { alias: 'dbxButtonSegue' });
+    segueRef = input(undefined, { ...(ngDevMode ? { debugName: "segueRef" } : {}), alias: 'dbxButtonSegue' });
     constructor() {
         cleanSubscription(() => this.dbxButton.clicked$.subscribe(() => {
             const segueRef = this.segueRef();
@@ -2907,16 +2848,16 @@ class DbxButtonSegueDirective {
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxButtonSegueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxButtonSegueDirective, isStandalone: true, selector: "[dbxButtonSegue]", inputs: { segueRef: { classPropertyName: "segueRef", publicName: "dbxButtonSegue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxButtonSegueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxButtonSegueDirective, isStandalone: true, selector: "[dbxButtonSegue]", inputs: { segueRef: { classPropertyName: "segueRef", publicName: "dbxButtonSegue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxButtonSegueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxButtonSegueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxButtonSegue]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { segueRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxButtonSegue", required: false }] }] } });
 
 /**
  * Abstract button component.
@@ -2928,32 +2869,32 @@ class AbstractDbxButtonDirective {
     _buttonClick = completeOnDestroy(new Subject());
     _buttonInterceptor = completeOnDestroy(new BehaviorSubject(undefined));
     buttonClick = output();
-    disabled = input(false, { transform: Boolean });
-    working = input(false, { transform: (x) => (x == null ? false : x) });
-    buttonDisplay = input(undefined);
-    _disabledSignal = signal(undefined);
-    _workingSignal = signal(undefined);
-    _buttonDisplayContentSignal = signal(undefined);
-    disabledSignal = computed(() => this._disabledSignal() ?? this.disabled());
-    workingSignal = computed(() => this._workingSignal() ?? this.working());
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: Boolean });
+    working = input(false, { ...(ngDevMode ? { debugName: "working" } : {}), transform: (x) => (x == null ? false : x) });
+    buttonDisplay = input(undefined, ...(ngDevMode ? [{ debugName: "buttonDisplay" }] : []));
+    _disabledSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabledSignal" }] : []));
+    _workingSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_workingSignal" }] : []));
+    _buttonDisplayContentSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonDisplayContentSignal" }] : []));
+    disabledSignal = computed(() => this._disabledSignal() ?? this.disabled(), ...(ngDevMode ? [{ debugName: "disabledSignal" }] : []));
+    workingSignal = computed(() => this._workingSignal() ?? this.working(), ...(ngDevMode ? [{ debugName: "workingSignal" }] : []));
     isWorkingSignal = computed(() => {
         const working = this.workingSignal();
         return isDefinedAndNotFalse(working);
-    });
-    icon = input();
-    text = input();
+    }, ...(ngDevMode ? [{ debugName: "isWorkingSignal" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
     buttonDisplayContentSignal = computed(() => {
         const icon = this.icon();
         const text = this.text();
         const buttonDisplay = this.buttonDisplay();
         const buttonDisplayContent = this._buttonDisplayContentSignal() ?? buttonDisplay;
         return { icon: icon || buttonDisplayContent?.icon, text: text || buttonDisplayContent?.text };
-    });
+    }, ...(ngDevMode ? [{ debugName: "buttonDisplayContentSignal" }] : []));
     buttonDisplayTypeSignal = computed(() => {
         return dbxButtonDisplayType(this.buttonDisplayContentSignal());
-    });
-    iconSignal = computed(() => this.buttonDisplayContentSignal()?.icon);
-    textSignal = computed(() => this.buttonDisplayContentSignal()?.text);
+    }, ...(ngDevMode ? [{ debugName: "buttonDisplayTypeSignal" }] : []));
+    iconSignal = computed(() => this.buttonDisplayContentSignal()?.icon, ...(ngDevMode ? [{ debugName: "iconSignal" }] : []));
+    textSignal = computed(() => this.buttonDisplayContentSignal()?.text, ...(ngDevMode ? [{ debugName: "textSignal" }] : []));
     disabled$ = toObservable(this.disabledSignal);
     working$ = toObservable(this.workingSignal);
     display$ = toObservable(this.buttonDisplayContentSignal);
@@ -3002,21 +2943,21 @@ class AbstractDbxButtonDirective {
     _forceButtonClicked() {
         this.buttonClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: AbstractDbxButtonDirective, inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, working: { classPropertyName: "working", publicName: "working", isSignal: true, isRequired: false, transformFunction: null }, buttonDisplay: { classPropertyName: "buttonDisplay", publicName: "buttonDisplay", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: AbstractDbxButtonDirective, isStandalone: true, inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, working: { classPropertyName: "working", publicName: "working", isSignal: true, isRequired: false, transformFunction: null }, buttonDisplay: { classPropertyName: "buttonDisplay", publicName: "buttonDisplay", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxButtonDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { buttonClick: [{ type: i0.Output, args: ["buttonClick"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], working: [{ type: i0.Input, args: [{ isSignal: true, alias: "working", required: false }] }], buttonDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonDisplay", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 // MARK: Implementation
 /**
  * Provides an DbxButton directive.
  */
 class DbxButtonDirective extends AbstractDbxButtonDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxButtonDirective, isStandalone: true, selector: "[dbxButton]", providers: provideDbxButton(DbxButtonDirective), exportAs: ["dbxButton"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxButtonDirective, isStandalone: true, selector: "[dbxButton]", providers: provideDbxButton(DbxButtonDirective), exportAs: ["dbxButton"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxButton]',
@@ -3033,7 +2974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxLoadingButtonDirective {
     dbxButton = inject(DbxButton, { host: true });
-    context = input.required({ alias: 'dbxLoadingButton' });
+    context = input.required({ ...(ngDevMode ? { debugName: "context" } : {}), alias: 'dbxLoadingButton' });
     context$ = toObservable(this.context).pipe(maybeValueFromObservableOrValue(), distinctUntilChanged(), shareReplay(1));
     contextSignal = toSignal(this.context$);
     _loadingEffectSub = cleanSubscription();
@@ -3044,19 +2985,19 @@ class DbxLoadingButtonDirective {
             subscription = context.stream$.subscribe((x) => this.dbxButton.setWorking(x.loading));
         }
         this._loadingEffectSub.setSub(subscription);
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLoadingButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxLoadingButtonDirective, isStandalone: true, selector: "[dbxLoadingButton]", inputs: { context: { classPropertyName: "context", publicName: "dbxLoadingButton", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    }, ...(ngDevMode ? [{ debugName: "_loadingEffect" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxLoadingButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxLoadingButtonDirective, isStandalone: true, selector: "[dbxLoadingButton]", inputs: { context: { classPropertyName: "context", publicName: "dbxLoadingButton", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLoadingButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxLoadingButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxLoadingButton]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxLoadingButton", required: true }] }] } });
 
-const importsAndExports$7 = [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective];
+const importsAndExports$1 = [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective];
 /**
  * Exports the following directives:
  * - DbxButtonDirective
@@ -3066,15 +3007,15 @@ const importsAndExports$7 = [DbxButtonDirective, DbxLoadingButtonDirective, DbxA
  * - DbxButtonSegueDirective
  */
 class DbxCoreButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreButtonModule, imports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective], exports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreButtonModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreButtonModule, imports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective], exports: [DbxButtonDirective, DbxLoadingButtonDirective, DbxActionButtonTriggerDirective, DbxActionButtonDirective, DbxButtonSegueDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreButtonModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$7,
-                    exports: importsAndExports$7
+                    imports: importsAndExports$1,
+                    exports: importsAndExports$1
                 }]
         }] });
 
@@ -3090,10 +3031,10 @@ class DbxAppContextService {
     resetState() {
         this.store.next(resetState());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppContextService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppContextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3105,39 +3046,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxAppContextStateDirective {
     dbxAppContextStateService = inject(DbxAppContextService);
-    state = input(undefined, { alias: 'dbxAppContextState' });
+    state = input(undefined, { ...(ngDevMode ? { debugName: "state" } : {}), alias: 'dbxAppContextState' });
     _stateEffect = effect(() => {
         const state = this.state();
         if (state != null) {
             this.dbxAppContextStateService.setState(state);
         }
-    }, { allowSignalWrites: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxAppContextStateDirective, isStandalone: true, selector: "[dbxAppContextState]", inputs: { state: { classPropertyName: "state", publicName: "dbxAppContextState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    }, ...(ngDevMode ? [{ debugName: "_stateEffect" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppContextStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxAppContextStateDirective, isStandalone: true, selector: "[dbxAppContextState]", inputs: { state: { classPropertyName: "state", publicName: "dbxAppContextState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextStateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppContextStateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxAppContextState]',
                     standalone: true
                 }]
-        }] });
-
-/**
- * @deprecated Use provideDbxAppContextState() and import DbxAppContextStateDirective directly. DbxAppContextStateDirective is now standalone.
- */
-class DbxAppContextStateModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextStateModule, imports: [DbxAppContextStateDirective], exports: [DbxAppContextStateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextStateModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppContextStateModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [DbxAppContextStateDirective],
-                    exports: [DbxAppContextStateDirective]
-                }]
-        }] });
+        }], propDecorators: { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxAppContextState", required: false }] }] } });
 
 /**
  * Creates EnvironmentProviders for providing the DbxAppContext state.
@@ -3174,10 +3099,10 @@ class DbxAppEnviromentService {
     getEnvironment() {
         return this.environment;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppEnviromentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppEnviromentService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppEnviromentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppEnviromentService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppEnviromentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppEnviromentService, decorators: [{
             type: Injectable
         }] });
 
@@ -3251,10 +3176,10 @@ function provideDbxAnchor(sourceType) {
  * Abstract anchor directive.
  */
 class AbstractDbxAnchorDirective {
-    ref = model();
-    anchor = model();
-    disabled = model();
-    selected = model();
+    ref = model(...(ngDevMode ? [undefined, { debugName: "ref" }] : []));
+    anchor = model(...(ngDevMode ? [undefined, { debugName: "anchor" }] : []));
+    disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
+    selected = model(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
     anchorSignal = computed(() => {
         const ref = this.ref();
         const anchor = this.anchor();
@@ -3263,24 +3188,24 @@ class AbstractDbxAnchorDirective {
             result = asSegueRef(ref);
         }
         return result;
-    });
+    }, ...(ngDevMode ? [{ debugName: "anchorSignal" }] : []));
     selectedSignal = computed(() => {
         const selected = this.selected();
         const anchor = this.anchorSignal();
         return selected || anchor?.selected;
-    });
+    }, ...(ngDevMode ? [{ debugName: "selectedSignal" }] : []));
     typeSignal = computed(() => {
         const anchor = this.anchorSignal();
         const disabled = this.disabled();
         return anchorTypeForAnchor(anchor, disabled);
-    });
+    }, ...(ngDevMode ? [{ debugName: "typeSignal" }] : []));
     disabledSignal = computed(() => {
         const disabled = this.disabled();
         const anchor = this.anchorSignal();
         return disabled || anchor?.disabled;
-    });
-    urlSignal = computed(() => this.anchorSignal()?.url);
-    targetSignal = computed(() => this.anchorSignal()?.target);
+    }, ...(ngDevMode ? [{ debugName: "disabledSignal" }] : []));
+    urlSignal = computed(() => this.anchorSignal()?.url, ...(ngDevMode ? [{ debugName: "urlSignal" }] : []));
+    targetSignal = computed(() => this.anchorSignal()?.target, ...(ngDevMode ? [{ debugName: "targetSignal" }] : []));
     anchor$ = toObservable(this.anchorSignal);
     disabled$ = toObservable(this.disabledSignal);
     selected$ = toObservable(this.selectedSignal);
@@ -3298,12 +3223,12 @@ class AbstractDbxAnchorDirective {
     setSelected(selected) {
         this.selected.set(selected);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: AbstractDbxAnchorDirective, inputs: { ref: { classPropertyName: "ref", publicName: "ref", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ref: "refChange", anchor: "anchorChange", disabled: "disabledChange", selected: "selectedChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: AbstractDbxAnchorDirective, isStandalone: true, inputs: { ref: { classPropertyName: "ref", publicName: "ref", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ref: "refChange", anchor: "anchorChange", disabled: "disabledChange", selected: "selectedChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxAnchorDirective, decorators: [{
             type: Directive
-        }] });
+        }], propDecorators: { ref: [{ type: i0.Input, args: [{ isSignal: true, alias: "ref", required: false }] }, { type: i0.Output, args: ["refChange"] }], anchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchor", required: false }] }, { type: i0.Output, args: ["anchorChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }] } });
 
 function clickableUrlInNewTab(url) {
     return {
@@ -3466,10 +3391,10 @@ class DbxAngularRouterService {
     comparePrecision(a, b) {
         return 0; // TODO!
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAngularRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAngularRouterService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAngularRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAngularRouterService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAngularRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAngularRouterService, decorators: [{
             type: Injectable
         }] });
 
@@ -3490,11 +3415,11 @@ class DbxCoreAngularRouterSegueModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAngularRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreAngularRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreAngularRouterSegueModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreAngularRouterSegueModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
@@ -3579,42 +3504,13 @@ class DbxUIRouterService {
         const active = exactly ? this.state.is(targetRef, refParams) : this.state.includes(targetRef, refParams);
         return active;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUIRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUIRouterService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxUIRouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxUIRouterService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUIRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxUIRouterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-/**
- * @deprecated use provideDbxUIRouterService() instead.
- */
-class DbxCoreUIRouterSegueModule {
-    static forRoot() {
-        return {
-            ngModule: DbxCoreUIRouterSegueModule,
-            providers: [
-                DbxUIRouterService,
-                {
-                    provide: DbxRouterService,
-                    useExisting: DbxUIRouterService
-                },
-                {
-                    provide: DbxRouterTransitionService,
-                    useExisting: DbxUIRouterService
-                }
-            ]
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreUIRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreUIRouterSegueModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreUIRouterSegueModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreUIRouterSegueModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }] });
-
 /**
  * Provides a DbxUIRouterService and configures it to provide for DbxRouterService and DbxRouterTransitionService.
  *
@@ -3693,10 +3589,10 @@ class AbstractTransitionDirective {
     dbxRouterTransitionService = inject(DbxRouterTransitionService);
     transitionSuccess$ = successTransition(this.dbxRouterTransitionService.transitions$);
     initAndUpdateOnTransitionSuccess$ = this.transitionSuccess$.pipe(startWith(undefined));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractTransitionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractTransitionDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractTransitionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractTransitionDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractTransitionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractTransitionDirective, decorators: [{
             type: Directive
         }] });
 
@@ -3717,10 +3613,10 @@ class AbstractTransitionWatcherDirective extends AbstractTransitionDirective {
         // remove this function and replace, if necessary or remove entirely with angular zoneless implementation details.
         this.ngZone.run(() => this.updateForSuccessfulTransition());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractTransitionWatcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractTransitionWatcherDirective, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractTransitionWatcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractTransitionWatcherDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractTransitionWatcherDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractTransitionWatcherDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -3987,60 +3883,6 @@ function provideDbxRouteModelKeyDirectiveDelegate(sourceType) {
     return providers;
 }
 
-/**
- * Used for retrieving the model's key from the current route using the configured parameter and passes it to its delegate.
- *
- * If the key does not exist in the params, then the p
- */
-class DbxRouteModelKeyDirective {
-    dbxRouterService = inject(DbxRouterService);
-    dbxRouteModelKeyDelegate = inject(DbxRouteModelKeyDirectiveDelegate, { host: true });
-    _redirectInstance = clean(dbxRouteModelKeyParamRedirect(this.dbxRouterService));
-    keyFromParams$ = this._redirectInstance.paramValue$;
-    key$ = this._redirectInstance.value$;
-    constructor() {
-        cleanSubscription(this.dbxRouteModelKeyDelegate.useRouteModelKeyParamsObservable(this.keyFromParams$, this.key$));
-        this._redirectInstance.init();
-    }
-    // MARK: Input
-    get keyParam() {
-        return this._redirectInstance.getParamKey();
-    }
-    set keyParam(idParam) {
-        this._redirectInstance.setParamKey(idParam);
-    }
-    set dbxRouteModelKeyDefault(defaultValue) {
-        this._redirectInstance.setDefaultValue(defaultValue);
-    }
-    /**
-     * Whether or not to enable the redirection. Is enabled by default.
-     */
-    set dbxRouteModelKeyDefaultRedirect(redirect) {
-        this._redirectInstance.setRedirectEnabled(redirect !== false); // true by default
-    }
-    set dbxRouteModelKeyDefaultDecision(decider) {
-        this._redirectInstance.setDecider(decider);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxRouteModelKeyDirective, isStandalone: true, selector: "[dbxRouteModelKey]", inputs: { keyParam: ["dbxRouteModelKey", "keyParam"], dbxRouteModelKeyDefault: "dbxRouteModelKeyDefault", dbxRouteModelKeyDefaultRedirect: "dbxRouteModelKeyDefaultRedirect", dbxRouteModelKeyDefaultDecision: "dbxRouteModelKeyDefaultDecision" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelKeyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxRouteModelKey]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [], propDecorators: { keyParam: [{
-                type: Input,
-                args: ['dbxRouteModelKey']
-            }], dbxRouteModelKeyDefault: [{
-                type: Input
-            }], dbxRouteModelKeyDefaultRedirect: [{
-                type: Input
-            }], dbxRouteModelKeyDefaultDecision: [{
-                type: Input
-            }] } });
-
 /**
  * Used for retrieving the user's current id DbxAuthService and passes it as an identifier for a DbxRouteModelIdDirectiveDelegate.
  */
@@ -4050,10 +3892,10 @@ class DbxRouteModelIdFromAuthUserIdDirective {
     constructor() {
         cleanSubscription(this.dbxRouteModelIdDelegate.useRouteModelIdParamsObservable(this.dbxAuthService.userIdentifier$, this.dbxAuthService.userIdentifier$));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxRouteModelIdFromAuthUserIdDirective, isStandalone: true, selector: "[dbxRouteModelIdFromAuthUserId]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxRouteModelIdFromAuthUserIdDirective, isStandalone: true, selector: "[dbxRouteModelIdFromAuthUserId]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxRouteModelIdFromAuthUserIdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxRouteModelIdFromAuthUserId]',
@@ -4093,10 +3935,10 @@ class DbxRouteModelIdDirective {
     set dbxRouteModelIdDefaultDecision(decider) {
         this._redirectInstance.setDecider(decider);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxRouteModelIdDirective, isStandalone: true, selector: "[dbxRouteModelId]", inputs: { idParam: ["dbxRouteModelId", "idParam"], dbxRouteModelIdDefault: "dbxRouteModelIdDefault", dbxRouteModelIdDefaultRedirect: "dbxRouteModelIdDefaultRedirect", dbxRouteModelIdDefaultDecision: "dbxRouteModelIdDefaultDecision" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxRouteModelIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxRouteModelIdDirective, isStandalone: true, selector: "[dbxRouteModelId]", inputs: { idParam: ["dbxRouteModelId", "idParam"], dbxRouteModelIdDefault: "dbxRouteModelIdDefault", dbxRouteModelIdDefaultRedirect: "dbxRouteModelIdDefaultRedirect", dbxRouteModelIdDefaultDecision: "dbxRouteModelIdDefaultDecision" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelIdDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxRouteModelIdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxRouteModelId]',
@@ -4113,122 +3955,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-const importsAndExports$6 = [DbxRouteModelIdDirective, DbxRouteModelKeyDirective, DbxRouteModelIdFromAuthUserIdDirective];
 /**
- * @deprecated Import declarations directly instead.
+ * Used for retrieving the model's key from the current route using the configured parameter and passes it to its delegate.
  *
- * @see DbxRouteModelIdDirective
- * @see DbxRouteModelKeyDirective
- * @see DbxRouteModelIdFromAuthUserIdDirective
- */
-class DbxCoreRouterModelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreRouterModelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreRouterModelModule, imports: [DbxRouteModelIdDirective, DbxRouteModelKeyDirective, DbxRouteModelIdFromAuthUserIdDirective], exports: [DbxRouteModelIdDirective, DbxRouteModelKeyDirective, DbxRouteModelIdFromAuthUserIdDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreRouterModelModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreRouterModelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports$6,
-                    exports: importsAndExports$6
-                }]
-        }] });
-
-/**
- * Pipes an ObservableOrValueGetter to an Observable value.
+ * If the key does not exist in the params, then the p
  */
-class AsObservablePipe {
-    transform(input) {
-        return asObservableFromGetter(input);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AsObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AsObservablePipe, isStandalone: true, name: "asObservable" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AsObservablePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'asObservable',
-                    standalone: true
-                }]
-        }] });
-
-const importsAndExports$5 = [AsObservablePipe];
-/**
- * @deprecated use AsObservablePipe directly.
- */
-class DbxAsyncPipeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAsyncPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxAsyncPipeModule, imports: [AsObservablePipe], exports: [AsObservablePipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAsyncPipeModule });
+class DbxRouteModelKeyDirective {
+    dbxRouterService = inject(DbxRouterService);
+    dbxRouteModelKeyDelegate = inject(DbxRouteModelKeyDirectiveDelegate, { host: true });
+    _redirectInstance = clean(dbxRouteModelKeyParamRedirect(this.dbxRouterService));
+    keyFromParams$ = this._redirectInstance.paramValue$;
+    key$ = this._redirectInstance.value$;
+    constructor() {
+        cleanSubscription(this.dbxRouteModelKeyDelegate.useRouteModelKeyParamsObservable(this.keyFromParams$, this.key$));
+        this._redirectInstance.init();
+    }
+    // MARK: Input
+    get keyParam() {
+        return this._redirectInstance.getParamKey();
+    }
+    set keyParam(idParam) {
+        this._redirectInstance.setParamKey(idParam);
+    }
+    set dbxRouteModelKeyDefault(defaultValue) {
+        this._redirectInstance.setDefaultValue(defaultValue);
+    }
+    /**
+     * Whether or not to enable the redirection. Is enabled by default.
+     */
+    set dbxRouteModelKeyDefaultRedirect(redirect) {
+        this._redirectInstance.setRedirectEnabled(redirect !== false); // true by default
+    }
+    set dbxRouteModelKeyDefaultDecision(decider) {
+        this._redirectInstance.setDecider(decider);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxRouteModelKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxRouteModelKeyDirective, isStandalone: true, selector: "[dbxRouteModelKey]", inputs: { keyParam: ["dbxRouteModelKey", "keyParam"], dbxRouteModelKeyDefault: "dbxRouteModelKeyDefault", dbxRouteModelKeyDefaultRedirect: "dbxRouteModelKeyDefaultRedirect", dbxRouteModelKeyDefaultDecision: "dbxRouteModelKeyDefaultDecision" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAsyncPipeModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxRouteModelKeyDirective, decorators: [{
+            type: Directive,
             args: [{
-                    imports: importsAndExports$5,
-                    exports: importsAndExports$5
+                    selector: '[dbxRouteModelKey]',
+                    standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { keyParam: [{
+                type: Input,
+                args: ['dbxRouteModelKey']
+            }], dbxRouteModelKeyDefault: [{
+                type: Input
+            }], dbxRouteModelKeyDefaultRedirect: [{
+                type: Input
+            }], dbxRouteModelKeyDefaultDecision: [{
+                type: Input
+            }] } });
 
 /**
- * Pipe that takes in a date and number of minutes and outputs a formatted date.
+ * Pipes an ObservableOrValueGetter to an Observable value.
  */
-class DateFromToTimePipe {
-    locale = inject(LOCALE_ID);
-    static formatFromTo(input, format, minutes, locale) {
-        if (input) {
-            const date = toJsDate(input);
-            const endDate = addMinutes(date, minutes);
-            const dateString = formatDate(date, format, locale);
-            return dateString + ' - ' + formatToTimeString(endDate);
-        }
-        return undefined;
-    }
-    transform(input, format, minutes) {
-        return DateFromToTimePipe.formatFromTo(input, format, minutes, this.locale);
+class AsObservablePipe {
+    transform(input) {
+        return asObservableFromGetter(input);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateFromToTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateFromToTimePipe, isStandalone: true, name: "dateFromPlusTo" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AsObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AsObservablePipe, isStandalone: true, name: "asObservable" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateFromToTimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AsObservablePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'dateFromPlusTo',
-                    standalone: true,
-                    pure: true
+                    name: 'asObservable',
+                    standalone: true
                 }]
         }] });
 
-class MinutesStringPipe {
-    transform(input) {
-        const minutes = Number(input);
-        if (input != null && !isNaN(minutes)) {
-            if (minutes > 3600) {
-                const unrounded = minutes / 3600;
-                const days = Math.ceil(unrounded);
-                return (unrounded !== days ? '~' : '') + days + ' days';
-            }
-            else if (minutes > 180) {
-                const unrounded = minutes / 60;
-                const hours = Math.ceil(unrounded);
-                return (unrounded !== hours ? '~' : '') + hours + ' hours';
-            }
-            else {
-                return minutes + ' minutes';
-            }
+class DateDayRangePipe {
+    transform(input, unavailable = 'Not Available') {
+        if (input) {
+            return formatToDayRangeString(input);
         }
         else {
-            return undefined;
+            return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinutesStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MinutesStringPipe, isStandalone: true, name: "minutesString", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateDayRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateDayRangePipe, isStandalone: true, name: "dateDayRange" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinutesStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateDayRangePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'minutesString',
+                    name: 'dateDayRange',
                     standalone: true,
-                    pure: false
+                    pure: true
                 }]
         }] });
 
@@ -4246,10 +4062,10 @@ class ToJsDatePipe {
     transform(input) {
         return ToJsDatePipe.toJsDate(input);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToJsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToJsDatePipe, isStandalone: true, name: "toJsDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToJsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: ToJsDatePipe, isStandalone: true, name: "toJsDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToJsDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToJsDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toJsDate',
@@ -4258,78 +4074,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class TimeDistanceCountdownPipe {
-    transform(input, soonString = 'Soon', unavailable = 'Not Available') {
-        if (input) {
-            const from = ToJsDatePipe.toJsDate(input);
-            if (isPast(from)) {
-                return soonString;
-            }
-            else {
-                const to = new Date();
-                return formatDistance(from, to, {
-                    addSuffix: true
-                });
-            }
-        }
-        else {
-            return unavailable;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeDistanceCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TimeDistanceCountdownPipe, isStandalone: true, name: "timeCountdownDistance", pure: false });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeDistanceCountdownPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'timeCountdownDistance',
-                    standalone: true,
-                    pure: false
-                }]
-        }] });
-class TimeDistancePipe {
-    transform(input, to, unavailable = 'Not Available') {
-        if (input) {
+class DateDistancePipe {
+    transform(input, inputTo, unavailable = 'Not Available') {
+        if (input != null) {
+            const to = inputTo ?? new Date();
             const from = ToJsDatePipe.toJsDate(input);
-            return formatDistance(from, to ?? new Date(), {
-                addSuffix: true
-            });
+            return formatDateDistance(to, from);
         }
         else {
             return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TimeDistancePipe, isStandalone: true, name: "timeDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateDistancePipe, isStandalone: true, name: "dateDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateDistancePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'timeDistance',
+                    name: 'dateDistance',
                     standalone: true,
                     pure: false
                 }]
         }] });
 
-class ToMinutesPipe {
-    transform(milliseconds) {
-        if (milliseconds) {
-            return Math.floor(milliseconds / (60 * 1000));
-        }
-        return milliseconds;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToMinutesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToMinutesPipe, isStandalone: true, name: "toMinutes" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToMinutesPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'toMinutes',
-                    standalone: true,
-                    pure: true
-                }]
-        }] });
-
 /**
  * Pipe that takes in a date and appends the distance to it in parenthesis.
  */
@@ -4349,10 +4116,10 @@ class DateFormatDistancePipe {
         }
         return undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateFormatDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateFormatDistancePipe, isStandalone: true, name: "dateFormatDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateFormatDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateFormatDistancePipe, isStandalone: true, name: "dateFormatDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateFormatDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateFormatDistancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateFormatDistance',
@@ -4361,45 +4128,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DateDistancePipe {
-    transform(input, inputTo, unavailable = 'Not Available') {
-        if (input != null) {
-            const to = inputTo ?? new Date();
-            const from = ToJsDatePipe.toJsDate(input);
-            return formatDateDistance(to, from);
-        }
-        else {
-            return unavailable;
+/**
+ * Pipe that takes in a date and number of minutes and outputs a formatted date.
+ */
+class DateFormatFromToPipe {
+    locale = inject(LOCALE_ID);
+    static formatFromTo(input, format, minutes, locale) {
+        if (input) {
+            const date = toJsDate(input);
+            const endDate = addMinutes(date, minutes);
+            const dateString = formatDate(date, format, locale);
+            return dateString + ' - ' + formatToTimeString(endDate);
         }
+        return undefined;
+    }
+    transform(input, format, minutes) {
+        return DateFormatFromToPipe.formatFromTo(input, format, minutes, this.locale);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateDistancePipe, isStandalone: true, name: "dateDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateFormatFromToPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateFormatFromToPipe, isStandalone: true, name: "dateFormatFromTo" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateFormatFromToPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'dateDistance',
+                    name: 'dateFormatFromTo',
                     standalone: true,
-                    pure: false
+                    pure: true
                 }]
         }] });
 
-class DateDayRangePipe {
+class DateDayTimeRangePipe {
     transform(input, unavailable = 'Not Available') {
         if (input) {
-            return formatToDayRangeString(input);
+            return formatToDayTimeRangeString(input);
         }
         else {
             return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateDayRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateDayRangePipe, isStandalone: true, name: "dateDayRange" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateDayTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateDayTimeRangePipe, isStandalone: true, name: "dateDayTimeRange" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateDayRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateDayTimeRangePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'dateDayRange',
+                    name: 'dateDayTimeRange',
                     standalone: true,
                     pure: true
                 }]
@@ -4414,10 +4187,10 @@ class DateTimeRangePipe {
             return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangePipe, isStandalone: true, name: "dateTimeRange" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangePipe, isStandalone: true, name: "dateTimeRange" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateTimeRange',
@@ -4426,24 +4199,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DateDayTimeRangePipe {
+class DateRangeDistancePipe {
     transform(input, unavailable = 'Not Available') {
-        if (input) {
-            return formatToDayTimeRangeString(input);
+        if (input != null) {
+            return formatDateDistance(input, new Date());
         }
         else {
             return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateDayTimeRangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateDayTimeRangePipe, isStandalone: true, name: "dateDayTimeRange" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateRangeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateRangeDistancePipe, isStandalone: true, name: "dateRangeDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateDayTimeRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateRangeDistancePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'dateDayTimeRange',
+                    name: 'dateRangeDistance',
                     standalone: true,
-                    pure: true
+                    pure: false
                 }]
         }] });
 
@@ -4456,10 +4229,10 @@ class DateTimeRangeOnlyPipe {
             return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangeOnlyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangeOnlyPipe, isStandalone: true, name: "dateTimeRangeOnly" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangeOnlyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangeOnlyPipe, isStandalone: true, name: "dateTimeRangeOnly" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangeOnlyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangeOnlyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateTimeRangeOnly',
@@ -4468,48 +4241,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DateTimeRangeOnlyDistancePipe {
-    transform(input, config, unavailable = 'Not Available') {
-        if (input) {
-            return formatDateRangeDistance(input, { ...config });
+/**
+ * Converts the input date and timezone to a system date that represents that date/time.
+ */
+class TargetDateToSystemDatePipe {
+    transform(input, timezone) {
+        if (input && timezone) {
+            return dateTimezoneUtcNormal({ timezone }).targetDateToSystemDate(input);
         }
         else {
-            return unavailable;
+            return undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, isStandalone: true, name: "dateTimeRangeOnlyDistance" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TargetDateToSystemDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: TargetDateToSystemDatePipe, isStandalone: true, name: "targetDateToSystemDate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TargetDateToSystemDatePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'dateTimeRangeOnlyDistance',
+                    name: 'targetDateToSystemDate',
                     standalone: true,
-                    pure: true
+                    pure: false
                 }]
         }] });
 
-/**
- * Converts the input date and timezone to a system date that represents that date/time.
- */
-class TargetDateToSystemDatePipe {
-    transform(input, timezone) {
-        if (input && timezone) {
-            return dateTimezoneUtcNormal({ timezone }).targetDateToSystemDate(input);
+class DateTimeRangeOnlyDistancePipe {
+    transform(input, config, unavailable = 'Not Available') {
+        if (input) {
+            return formatDateRangeDistance(input, { ...config });
         }
         else {
-            return undefined;
+            return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TargetDateToSystemDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TargetDateToSystemDatePipe, isStandalone: true, name: "targetDateToSystemDate", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, isStandalone: true, name: "dateTimeRangeOnlyDistance" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TargetDateToSystemDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateTimeRangeOnlyDistancePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'targetDateToSystemDate',
+                    name: 'dateTimeRangeOnlyDistance',
                     standalone: true,
-                    pure: false
+                    pure: true
                 }]
         }] });
 
@@ -4525,10 +4298,10 @@ class TimezoneAbbreviationPipe {
             return undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimezoneAbbreviationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TimezoneAbbreviationPipe, isStandalone: true, name: "timezoneAbbreviation", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimezoneAbbreviationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: TimezoneAbbreviationPipe, isStandalone: true, name: "timezoneAbbreviation", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimezoneAbbreviationPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimezoneAbbreviationPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timezoneAbbreviation',
@@ -4549,10 +4322,10 @@ class SystemDateToTargetDatePipe {
             return undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemDateToTargetDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SystemDateToTargetDatePipe, isStandalone: true, name: "systemDateToTargetDate", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemDateToTargetDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SystemDateToTargetDatePipe, isStandalone: true, name: "systemDateToTargetDate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemDateToTargetDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemDateToTargetDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'systemDateToTargetDate',
@@ -4561,114 +4334,109 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DateRangeDistancePipe {
-    transform(input, unavailable = 'Not Available') {
-        if (input != null) {
-            return formatDateDistance(input, new Date());
+class MinutesStringPipe {
+    transform(input) {
+        const minutes = Number(input);
+        if (input != null && !isNaN(minutes)) {
+            if (minutes > 3600) {
+                const unrounded = minutes / 3600;
+                const days = Math.ceil(unrounded);
+                return (unrounded !== days ? '~' : '') + days + ' days';
+            }
+            else if (minutes > 180) {
+                const unrounded = minutes / 60;
+                const hours = Math.ceil(unrounded);
+                return (unrounded !== hours ? '~' : '') + hours + ' hours';
+            }
+            else {
+                return minutes + ' minutes';
+            }
+        }
+        else {
+            return undefined;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MinutesStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: MinutesStringPipe, isStandalone: true, name: "minutesString", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MinutesStringPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'minutesString',
+                    standalone: true,
+                    pure: false
+                }]
+        }] });
+
+class TimeDistanceCountdownPipe {
+    transform(input, soonString = 'Soon', unavailable = 'Not Available') {
+        if (input) {
+            const from = ToJsDatePipe.toJsDate(input);
+            if (isPast(from)) {
+                return soonString;
+            }
+            else {
+                const to = new Date();
+                return formatDistance(from, to, {
+                    addSuffix: true
+                });
+            }
         }
         else {
             return unavailable;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateRangeDistancePipe, isStandalone: true, name: "dateRangeDistance", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimeDistanceCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: TimeDistanceCountdownPipe, isStandalone: true, name: "timeCountdownDistance", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangeDistancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimeDistanceCountdownPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'dateRangeDistance',
+                    name: 'timeCountdownDistance',
+                    standalone: true,
+                    pure: false
+                }]
+        }] });
+class TimeDistancePipe {
+    transform(input, to, unavailable = 'Not Available') {
+        if (input) {
+            const from = ToJsDatePipe.toJsDate(input);
+            return formatDistance(from, to ?? new Date(), {
+                addSuffix: true
+            });
+        }
+        else {
+            return unavailable;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: TimeDistancePipe, isStandalone: true, name: "timeDistance", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimeDistancePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'timeDistance',
                     standalone: true,
                     pure: false
                 }]
         }] });
 
-const importsAndExports$4 = [
-    //
-    DateDistancePipe,
-    DateRangeDistancePipe,
-    TargetDateToSystemDatePipe,
-    SystemDateToTargetDatePipe,
-    TimezoneAbbreviationPipe,
-    DateFromToTimePipe,
-    DateDayRangePipe,
-    DateDayTimeRangePipe,
-    DateTimeRangeOnlyPipe,
-    DateTimeRangePipe,
-    DateTimeRangeOnlyDistancePipe,
-    DateFormatDistancePipe,
-    MinutesStringPipe,
-    TimeDistanceCountdownPipe,
-    TimeDistancePipe,
-    ToJsDatePipe,
-    ToMinutesPipe
-];
-/**
- * @deprecated import the standalone pipes directly as needed.
- *
- * @see DateDistancePipe
- * @see DateRangeDistancePipe
- * @see TargetDateToSystemDatePipe
- * @see SystemDateToTargetDatePipe
- * @see TimezoneAbbreviationPipe
- * @see DateFromToTimePipe
- * @see DateDayRangePipe
- * @see DateDayTimeRangePipe
- * @see DateTimeRangeOnlyPipe
- * @see DateTimeRangePipe
- * @see DateTimeRangeOnlyDistancePipe
- * @see DateFormatDistancePipe
- * @see MinutesStringPipe
- * @see TimeDistanceCountdownPipe
- * @see TimeDistancePipe
- * @see ToJsDatePipe
- * @see ToMinutesPipe
- */
-class DbxDatePipeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxDatePipeModule, imports: [
-            //
-            DateDistancePipe,
-            DateRangeDistancePipe,
-            TargetDateToSystemDatePipe,
-            SystemDateToTargetDatePipe,
-            TimezoneAbbreviationPipe,
-            DateFromToTimePipe,
-            DateDayRangePipe,
-            DateDayTimeRangePipe,
-            DateTimeRangeOnlyPipe,
-            DateTimeRangePipe,
-            DateTimeRangeOnlyDistancePipe,
-            DateFormatDistancePipe,
-            MinutesStringPipe,
-            TimeDistanceCountdownPipe,
-            TimeDistancePipe,
-            ToJsDatePipe,
-            ToMinutesPipe], exports: [
-            //
-            DateDistancePipe,
-            DateRangeDistancePipe,
-            TargetDateToSystemDatePipe,
-            SystemDateToTargetDatePipe,
-            TimezoneAbbreviationPipe,
-            DateFromToTimePipe,
-            DateDayRangePipe,
-            DateDayTimeRangePipe,
-            DateTimeRangeOnlyPipe,
-            DateTimeRangePipe,
-            DateTimeRangeOnlyDistancePipe,
-            DateFormatDistancePipe,
-            MinutesStringPipe,
-            TimeDistanceCountdownPipe,
-            TimeDistancePipe,
-            ToJsDatePipe,
-            ToMinutesPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDatePipeModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDatePipeModule, decorators: [{
-            type: NgModule,
+class ToMinutesPipe {
+    transform(milliseconds) {
+        if (milliseconds) {
+            return Math.floor(milliseconds / (60 * 1000));
+        }
+        return milliseconds;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToMinutesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: ToMinutesPipe, isStandalone: true, name: "toMinutes" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToMinutesPipe, decorators: [{
+            type: Pipe,
             args: [{
-                    imports: importsAndExports$4,
-                    exports: importsAndExports$4
+                    name: 'toMinutes',
+                    standalone: true,
+                    pure: true
                 }]
         }] });
 
@@ -4689,10 +4457,10 @@ class PrettyJsonPipe {
     transform(input, spacing) {
         return PrettyJsonPipe.toPrettyJson(input, spacing);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrettyJsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PrettyJsonPipe, isStandalone: true, name: "prettyjson" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PrettyJsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: PrettyJsonPipe, isStandalone: true, name: "prettyjson" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrettyJsonPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PrettyJsonPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'prettyjson',
@@ -4700,24 +4468,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-/**
- * @deprecated import the standalone pipes directly
- *
- * @see PrettyJsonPipe
- */
-class DbxMiscPipeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMiscPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxMiscPipeModule, imports: [PrettyJsonPipe], exports: [PrettyJsonPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMiscPipeModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxMiscPipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [PrettyJsonPipe],
-                    exports: [PrettyJsonPipe]
-                }]
-        }] });
-
 /**
  * Pipe that cuts the input text to the requested length and adds elipsis.
  */
@@ -4725,10 +4475,10 @@ class CutTextPipe {
     transform(input, maxLength, endText) {
         return input != null ? cutString(input, maxLength, endText) : input;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CutTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CutTextPipe, isStandalone: true, name: "cutText" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CutTextPipe, isStandalone: true, name: "cutText" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CutTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cutText',
@@ -4744,10 +4494,10 @@ class GetValuePipe {
     transform(input, args) {
         return getValueFromGetter(input, args);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GetValuePipe, isStandalone: true, name: "getValue", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: GetValuePipe, isStandalone: true, name: "getValue", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GetValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'getValue',
@@ -4762,10 +4512,10 @@ class GetValueOncePipe {
     transform(input, args) {
         return getValueFromGetter(input, args);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetValueOncePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GetValueOncePipe, isStandalone: true, name: "getValueOnce" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GetValueOncePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: GetValueOncePipe, isStandalone: true, name: "getValueOnce" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetValueOncePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GetValueOncePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'getValueOnce',
@@ -4783,10 +4533,10 @@ class DollarAmountPipe {
     transform(input, defaultIfNull) {
         return defaultIfNull == null || input != null ? dollarAmountString(input) : defaultIfNull;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DollarAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DollarAmountPipe, isStandalone: true, name: "dollarAmount" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DollarAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DollarAmountPipe, isStandalone: true, name: "dollarAmount" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DollarAmountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DollarAmountPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dollarAmount',
@@ -4795,47 +4545,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const importsAndExports$3 = [CutTextPipe, DollarAmountPipe, GetValuePipe, GetValueOncePipe];
-/**
- * @deprecated import the pipes directly as needed.
- *
- * @see CutTextPipe
- * @see DollarAmountPipe
- * @see GetValuePipe
- * @see GetValueOncePipe
- */
-class DbxValuePipeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxValuePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxValuePipeModule, imports: [CutTextPipe, DollarAmountPipe, GetValuePipe, GetValueOncePipe], exports: [CutTextPipe, DollarAmountPipe, GetValuePipe, GetValueOncePipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxValuePipeModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxValuePipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports$3,
-                    exports: importsAndExports$3
-                }]
-        }] });
-
-const importsAndExports$2 = [DbxAsyncPipeModule, DbxMiscPipeModule, DbxDatePipeModule, DbxValuePipeModule];
-/**
- * Exports all @dereekb/dbx-core pipes
- *
- * @deprecated import the pipes directly as needed.
- */
-class DbxPipesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxPipesModule, imports: [DbxAsyncPipeModule, DbxMiscPipeModule, DbxDatePipeModule, DbxValuePipeModule], exports: [DbxAsyncPipeModule, DbxMiscPipeModule, DbxDatePipeModule, DbxValuePipeModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxPipesModule, imports: [importsAndExports$2, DbxAsyncPipeModule, DbxMiscPipeModule, DbxDatePipeModule, DbxValuePipeModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxPipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports$2,
-                    exports: importsAndExports$2
-                }]
-        }] });
-
 /**
  * Abstract FilterSourceConnector directive.
  */
@@ -4845,10 +4554,10 @@ class AbstractFilterSourceConnectorDirective {
     connectWithSource(filterSource) {
         this._source.next(filterSource);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFilterSourceConnectorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractFilterSourceConnectorDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractFilterSourceConnectorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractFilterSourceConnectorDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFilterSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractFilterSourceConnectorDirective, decorators: [{
             type: Directive
         }] });
 
@@ -4930,17 +4639,10 @@ class AbstractFilterSourceDirective {
     setInitialFilterTakesPriority(initialFilterTakesPriority) {
         this._defaultFilterSource.setInitialFilterTakesPriority(initialFilterTakesPriority);
     }
-    // MARK: Deprecated
-    /**
-     * @deprecated use setInitialFilterTakesPriority() instead.
-     */
-    set initialFilterTakesPriority(initialFilterTakesPriority) {
-        this.setInitialFilterTakesPriority(initialFilterTakesPriority);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFilterSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractFilterSourceDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractFilterSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractFilterSourceDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFilterSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractFilterSourceDirective, decorators: [{
             type: Directive
         }] });
 
@@ -4953,10 +4655,10 @@ class DbxFilterConnectSourceDirective {
     ngOnInit() {
         this.filterSourceConnector.connectWithSource(this.filterSource);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterConnectSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFilterConnectSourceDirective, isStandalone: true, selector: "[dbxFilterConnectSource]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterConnectSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFilterConnectSourceDirective, isStandalone: true, selector: "[dbxFilterConnectSource]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterConnectSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterConnectSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterConnectSource]',
@@ -4968,10 +4670,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Used as a FilterSource and FilterSourceConnector.
  */
 class DbxFilterSourceConnectorDirective extends AbstractFilterSourceConnectorDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFilterSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterSourceConnector]", providers: [...provideFilterSource(DbxFilterSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterSourceConnectorDirective)], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFilterSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterSourceConnector]", providers: [...provideFilterSource(DbxFilterSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterSourceConnectorDirective)], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterSourceConnectorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterSourceConnector]',
@@ -4994,10 +4696,10 @@ class AbstractDbxFilterMapInstanceDirective {
     setFilterMapKey(filterMapKey) {
         this._currentFilterMapKey.next(filterMapKey);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxFilterMapInstanceDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractDbxFilterMapInstanceDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, decorators: [{
             type: Directive
         }] });
 
@@ -5009,22 +4711,22 @@ class AbstractDbxFilterMapSourceDirective extends AbstractDbxFilterMapInstanceDi
     initWithFilter(filterObs) {
         this.instance$.pipe(first()).subscribe((x) => x.initWithFilter(filterObs));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxFilterMapSourceDirective, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractDbxFilterMapSourceDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFilterMapSourceDirective, decorators: [{
             type: Directive
         }] });
 /**
  * Provides a FilterSource from a parent FilterMap.
  */
 class DbxFilterMapSourceDirective extends AbstractDbxFilterMapSourceDirective {
-    dbxFilterMapSource = input();
-    _dbxFilterMapSourceEffect = effect(() => this.setFilterMapKey(this.dbxFilterMapSource()), { allowSignalWrites: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFilterMapSourceDirective, isStandalone: true, selector: "[dbxFilterMapSource]", inputs: { dbxFilterMapSource: { classPropertyName: "dbxFilterMapSource", publicName: "dbxFilterMapSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideFilterSource(DbxFilterMapSourceDirective)], exportAs: ["dbxFilterMapSource"], usesInheritance: true, ngImport: i0 });
+    dbxFilterMapSource = input(...(ngDevMode ? [undefined, { debugName: "dbxFilterMapSource" }] : []));
+    _dbxFilterMapSourceEffect = effect(() => this.setFilterMapKey(this.dbxFilterMapSource()), ...(ngDevMode ? [{ debugName: "_dbxFilterMapSourceEffect" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFilterMapSourceDirective, isStandalone: true, selector: "[dbxFilterMapSource]", inputs: { dbxFilterMapSource: { classPropertyName: "dbxFilterMapSource", publicName: "dbxFilterMapSource", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideFilterSource(DbxFilterMapSourceDirective)], exportAs: ["dbxFilterMapSource"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterMapSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterMapSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMapSource]',
@@ -5032,14 +4734,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     providers: [provideFilterSource(DbxFilterMapSourceDirective)],
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { dbxFilterMapSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFilterMapSource", required: false }] }] } });
 
 /**
  * Acts as an "input" FilterSourceConnector for an FilterMap, as well as a source for the FilterSourceConnector.
  */
 class DbxFilterMapSourceConnectorDirective extends AbstractDbxFilterMapSourceDirective {
-    dbxFilterMapSourceConnector = input();
-    _dbxFilterMapSourceConnectorEffect = effect(() => this.setFilterMapKey(this.dbxFilterMapSourceConnector()), { allowSignalWrites: true });
+    dbxFilterMapSourceConnector = input(...(ngDevMode ? [undefined, { debugName: "dbxFilterMapSourceConnector" }] : []));
+    _dbxFilterMapSourceConnectorEffect = effect(() => this.setFilterMapKey(this.dbxFilterMapSourceConnector()), ...(ngDevMode ? [{ debugName: "_dbxFilterMapSourceConnectorEffect" }] : []));
     // MARK: FilterSourceConnector
     connectWithSource(filterSource) {
         this.instance$.pipe(first()).subscribe((x) => {
@@ -5049,10 +4751,10 @@ class DbxFilterMapSourceConnectorDirective extends AbstractDbxFilterMapSourceDir
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFilterMapSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterMapSourceConnector]", inputs: { dbxFilterMapSourceConnector: { classPropertyName: "dbxFilterMapSourceConnector", publicName: "dbxFilterMapSourceConnector", isSignal: true, isRequired: false, transformFunction: null } }, providers: [...provideFilterSource(DbxFilterMapSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterMapSourceConnectorDirective)], exportAs: ["dbxFilterMapSourceConnector"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFilterMapSourceConnectorDirective, isStandalone: true, selector: "[dbxFilterMapSourceConnector]", inputs: { dbxFilterMapSourceConnector: { classPropertyName: "dbxFilterMapSourceConnector", publicName: "dbxFilterMapSourceConnector", isSignal: true, isRequired: false, transformFunction: null } }, providers: [...provideFilterSource(DbxFilterMapSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterMapSourceConnectorDirective)], exportAs: ["dbxFilterMapSourceConnector"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMapSourceConnector]',
@@ -5060,17 +4762,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     providers: [...provideFilterSource(DbxFilterMapSourceConnectorDirective), ...provideFilterSourceConnector(DbxFilterMapSourceConnectorDirective)],
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { dbxFilterMapSourceConnector: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFilterMapSourceConnector", required: false }] }] } });
 
 /**
  * Direction that provides a FilterMap.
  */
 class DbxFilterMapDirective {
     filterMap = clean(inject((FilterMap)));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFilterMapDirective, isStandalone: true, selector: "[dbxFilterMap]", providers: [FilterMap], exportAs: ["dbxFilterMap"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFilterMapDirective, isStandalone: true, selector: "[dbxFilterMap]", providers: [FilterMap], exportAs: ["dbxFilterMap"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterMapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMap]',
@@ -5091,10 +4793,10 @@ function isClickablePartialFilterPreset(preset) {
  * Basic filter source directive.
  */
 class DbxFilterSourceDirective extends AbstractFilterSourceDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFilterSourceDirective, isStandalone: true, selector: "[dbxFilterSource]", providers: provideFilterSourceDirective(DbxFilterSourceDirective), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFilterSourceDirective, isStandalone: true, selector: "[dbxFilterSource]", providers: provideFilterSourceDirective(DbxFilterSourceDirective), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFilterSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFilterSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterSource]',
@@ -5103,17 +4805,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const importsAndExports$1 = [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective];
+const importsAndExports = [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective];
 class DbxCoreFilterModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreFilterModule, imports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective], exports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreFilterModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreFilterModule, imports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective], exports: [DbxFilterSourceDirective, DbxFilterMapSourceConnectorDirective, DbxFilterConnectSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterMapDirective, DbxFilterMapSourceDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreFilterModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCoreFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxCoreFilterModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$1,
-                    exports: importsAndExports$1
+                    imports: importsAndExports,
+                    exports: importsAndExports
                 }]
         }] });
 
@@ -5277,10 +4979,10 @@ class AbstractDbxInjectionDirective {
     setContent(content) {
         this._instance.content = content;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxInjectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxInjectionDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxInjectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractDbxInjectionDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxInjectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxInjectionDirective, decorators: [{
             type: Directive
         }] });
 
@@ -5288,43 +4990,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Component that injects content based on the configuration into the view.
  */
 class DbxInjectionComponent extends AbstractDbxInjectionDirective {
-    content = viewChild('content', { read: ViewContainerRef });
-    config = input();
-    template = input();
+    content = viewChild('content', { ...(ngDevMode ? { debugName: "content" } : {}), read: ViewContainerRef });
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+    template = input(...(ngDevMode ? [undefined, { debugName: "template" }] : []));
     // allow signal writes for each as during their initialization they may write to a signal in some cases when initializing
-    _contentEffect = effect(() => this.setContent(this.content()), { allowSignalWrites: true });
-    _configEffect = effect(() => this.setConfig(this.config()), { allowSignalWrites: true });
-    _templateEffect = effect(() => this.setTemplate(this.template()), { allowSignalWrites: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxInjectionComponent, isStandalone: true, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    _contentEffect = effect(() => this.setContent(this.content()), ...(ngDevMode ? [{ debugName: "_contentEffect" }] : []));
+    _configEffect = effect(() => this.setConfig(this.config()), ...(ngDevMode ? [{ debugName: "_configEffect" }] : []));
+    _templateEffect = effect(() => this.setTemplate(this.template()), ...(ngDevMode ? [{ debugName: "_templateEffect" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxInjectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: DbxInjectionComponent, isStandalone: true, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <ng-template #content></ng-template>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxInjectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-injection, [dbxInjection], [dbx-injection]',
                     template: `
     <ng-template #content></ng-template>
   `,
-                    imports: [NgTemplateOutlet],
+                    imports: [],
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { content: [{ type: i0.ViewChild, args: ['content', { ...{ read: ViewContainerRef }, isSignal: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }] } });
 
 /**
  * Component that injects content based on the configuration into the view.
  */
 class DbxInjectionArrayComponent {
-    entries = input(undefined);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxInjectionArrayComponent, isStandalone: true, selector: "dbx-injection-array", inputs: { entries: { classPropertyName: "entries", publicName: "entries", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    entries = input(undefined, ...(ngDevMode ? [{ debugName: "entries" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxInjectionArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxInjectionArrayComponent, isStandalone: true, selector: "dbx-injection-array", inputs: { entries: { classPropertyName: "entries", publicName: "entries", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @for (entry of entries(); track entry.key) {
       <dbx-injection [config]="entry.injectionConfig"></dbx-injection>
     }
   `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionArrayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxInjectionArrayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-injection-array',
@@ -5333,11 +5035,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
       <dbx-injection [config]="entry.injectionConfig"></dbx-injection>
     }
   `,
-                    imports: [DbxInjectionComponent, NgFor],
+                    imports: [DbxInjectionComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { entries: [{ type: i0.Input, args: [{ isSignal: true, alias: "entries", required: false }] }] } });
 
 /**
  * View that can switch to show another arbitrary view, then switch back when the promise ends.
@@ -5370,12 +5072,12 @@ class DbxInjectionContextDirective {
     _currentPromise;
     _embeddedView;
     _isDetached = false;
-    config = input();
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
     _configEffect = effect(() => {
         this.setConfig(this.config());
         // NOTE: we have/call setConfig() because the effect() may not respond to all value changes,
         // especially when setConfig() ends up being called twice quickly in quick succession.
-    });
+    }, ...(ngDevMode ? [{ debugName: "_configEffect" }] : []));
     ngOnInit() {
         this._instance.content = this._viewContainer;
         this._instance.init();
@@ -5472,38 +5174,17 @@ class DbxInjectionContextDirective {
             this._isDetached = false;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxInjectionContextDirective, isStandalone: true, selector: "[dbxInjectionContext]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideDbxInjectionContext(DbxInjectionContextDirective), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxInjectionContextDirective, isStandalone: true, selector: "[dbxInjectionContext]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, providers: provideDbxInjectionContext(DbxInjectionContextDirective), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxInjectionContextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxInjectionContext]',
                     providers: provideDbxInjectionContext(DbxInjectionContextDirective),
                     standalone: true
                 }]
-        }] });
-
-const importsAndExports = [DbxInjectionComponent, DbxInjectionArrayComponent, DbxInjectionContextDirective];
-/**
- * @deprecated import the individual components instead.
- *
- * - DbxInjectionComponent
- * - DbxInjectionArrayComponent
- * - DbxInjectionContextDirective
- */
-class DbxInjectionComponentModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionComponentModule, imports: [DbxInjectionComponent, DbxInjectionArrayComponent, DbxInjectionContextDirective], exports: [DbxInjectionComponent, DbxInjectionArrayComponent, DbxInjectionContextDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionComponentModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInjectionComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports,
-                    exports: importsAndExports
-                }]
-        }] });
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
 /**
  * Abstract DbxInjectionContext implementation that forwards commands to a host DbxInjectionContext.
@@ -5520,10 +5201,10 @@ class AbstractForwardDbxInjectionContextDirective {
     resetContext() {
         return this.dbxInjectionContext.resetContext();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractForwardDbxInjectionContextDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractForwardDbxInjectionContextDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, decorators: [{
             type: Directive
         }] });
 
@@ -5569,6 +5250,8 @@ class LockSetComponentStore extends ComponentStore {
     lockSet = new LockSet();
     lockSetDestroyDelayMs = 2000;
     lockSetDestroyTimeoutMs;
+    // NOTE: Injection does not occur here, but we need @Injectable to compile properly for Angular usage
+    // eslint-disable-next-line @angular-eslint/prefer-inject
     constructor(initialState) {
         super(initialState);
         this.initialState = initialState;
@@ -5610,10 +5293,10 @@ class LockSetComponentStore extends ComponentStore {
     _destroyNow() {
         this.lockSet.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LockSetComponentStore, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LockSetComponentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LockSetComponentStore, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LockSetComponentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LockSetComponentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LockSetComponentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -5857,10 +5540,10 @@ class SimpleStorageAccessorFactory {
         };
         return new SimpleStorageAccessor(delegate, accessorConfig);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SimpleStorageAccessorFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SimpleStorageAccessorFactory });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SimpleStorageAccessorFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SimpleStorageAccessorFactory });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SimpleStorageAccessorFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SimpleStorageAccessorFactory, decorators: [{
             type: Injectable
         }] });
 
@@ -6061,5 +5744,5 @@ function checkNgContentWrapperHasContent(ref) {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ACTION_DISABLED_DIRECTIVE_KEY, APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY, APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY, AbstractDbxActionHandlerDirective, AbstractDbxActionValueGetterDirective, AbstractDbxAnchorDirective, AbstractDbxButtonDirective, AbstractDbxFilterMapInstanceDirective, AbstractDbxFilterMapSourceDirective, AbstractDbxInjectionDirective, AbstractFilterSourceConnectorDirective, AbstractFilterSourceDirective, AbstractForwardDbxInjectionContextDirective, AbstractIfDirective, AbstractLockSetSubscriptionDirective, AbstractSubscriptionDirective, AbstractTransitionDirective, AbstractTransitionWatcherDirective, ActionContextStore, ActionContextStoreSource, ActionContextStoreSourceMap, AsObservablePipe, CutTextPipe, DBX_ACTION_HANDLER_LOCK_KEY, DBX_APP_APP_CONTEXT_STATE, DBX_APP_AUTH_ROUTER_EFFECTS_TOKEN, DBX_AUTH_APP_CONTEXT_STATE, DBX_INIT_APP_CONTEXT_STATE, DBX_INJECTION_COMPONENT_DATA, DBX_KNOWN_APP_CONTEXT_STATES, DBX_ONBOARD_APP_CONTEXT_STATE, DBX_PUBLIC_APP_CONTEXT_STATE, DBX_ROUTE_MODEL_ID_PARAM_DEFAULT_ID_PARAM_KEY, DBX_ROUTE_MODEL_ID_PARAM_DEFAULT_KEY_PARAM_KEY, DBX_ROUTE_MODEL_ID_PARAM_DEFAULT_USE_PARAM_VALUE, DEFAULT_ACTION_DISABLED_KEY, DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY, DEFAULT_REDIRECT_FOR_IDENTIFIER_PARAM_KEY, DEFAULT_REDIRECT_FOR_IDENTIFIER_PARAM_VALUE, DEFAULT_REDIRECT_FOR_USER_IDENTIFIER_PARAM_KEY, DEFAULT_REDIRECT_FOR_USER_IDENTIFIER_PARAM_VALUE, DEFAULT_STORAGE_ACCESSOR_FACTORY_TOKEN, DEFAULT_STORAGE_OBJECT_TOKEN, DateDayRangePipe, DateDayTimeRangePipe, DateDistancePipe, DateFormatDistancePipe, DateFromToTimePipe, DateRangeDistancePipe, DateTimeRangeOnlyDistancePipe, DateTimeRangeOnlyPipe, DateTimeRangePipe, DbxActionAutoModifyDirective, DbxActionAutoTriggerDirective, DbxActionButtonDirective, DbxActionButtonTriggerDirective, DbxActionContextBaseSource, DbxActionContextLoggerDirective, DbxActionContextMachine, DbxActionContextMachineAsService, DbxActionContextMapDirective, DbxActionContextStoreSourceInstance, DbxActionDirective, DbxActionDisabledDirective, DbxActionDisabledOnSuccessDirective, DbxActionEnforceModifiedDirective, DbxActionErrorHandlerDirective, DbxActionFromMapDirective, DbxActionHandlerDirective, DbxActionHandlerInstance, DbxActionHandlerValueDirective, DbxActionHasSuccessDirective, DbxActionIdleDirective, DbxActionIsWorkingDirective, DbxActionMapSourceDirective, DbxActionMapWorkingDisableDirective, DbxActionPreSuccessDirective, DbxActionSourceDirective, DbxActionState, DbxActionSuccessHandlerDirective, DbxActionTriggeredDirective, DbxActionValueDirective, DbxActionValueGetterInstance, DbxActionValueStreamDirective, DbxActionValueTriggerDirective, DbxActionWorkInstanceDelegate, DbxAnchor, DbxAngularRouterService, DbxAppAuthRouterEffects, DbxAppAuthRouterService, DbxAppAuthRoutes, DbxAppAuthStateService, DbxAppContextService, DbxAppContextStateDirective, DbxAppContextStateModule, DbxAppEnviroment, DbxAppEnviromentService, DbxAsyncPipeModule, DbxAuthHasAnyRoleDirective, DbxAuthHasRolesDirective, DbxAuthNotAnyRoleDirective, DbxAuthService, DbxButton, DbxButtonDirective, DbxButtonSegueDirective, DbxCoreActionModule, DbxCoreAngularRouterSegueModule, DbxCoreAuthModule, DbxCoreButtonModule, DbxCoreFilterModule, DbxCoreRouterModelModule, DbxCoreUIRouterSegueModule, DbxDatePipeModule, DbxFilterConnectSourceDirective, DbxFilterMapDirective, DbxFilterMapSourceConnectorDirective, DbxFilterMapSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterSourceDirective, DbxInjectionArrayComponent, DbxInjectionComponent, DbxInjectionComponentModule, DbxInjectionContext, DbxInjectionContextDirective, DbxInjectionInstance, DbxLoadingButtonDirective, DbxMiscPipeModule, DbxPipesModule, DbxRouteModelIdDirective, DbxRouteModelIdDirectiveDelegate, DbxRouteModelIdFromAuthUserIdDirective, DbxRouteModelKeyDirective, DbxRouteModelKeyDirectiveDelegate, DbxRouteParamDefaultRedirectInstance, DbxRouterService, DbxRouterTransitionEventType, DbxRouterTransitionService, DbxUIRouterService, DbxValuePipeModule, DollarAmountPipe, FILTER_SOURCE_DIRECTIVE_DEFAULT_FILTER_TOKEN, FilterSourceDirective, FullLocalStorageObject, GetValueOncePipe, GetValuePipe, InstantStorageAccessor, LimitedStorageAccessor, LockSetComponentStore, MemoryStorageObject, MinutesStringPipe, NO_AUTH_USER_IDENTIFIER, PrettyJsonPipe, SecondaryActionContextStoreSource, SimpleStorageAccessor, SimpleStorageAccessorFactory, StorageAccessor, StringStorageAccessor, StringifySimpleStorageAccessorConverter, SystemDateToTargetDatePipe, TargetDateToSystemDatePipe, TimeDistanceCountdownPipe, TimeDistancePipe, TimezoneAbbreviationPipe, ToJsDatePipe, ToMinutesPipe, WrapperSimpleStorageAccessorDelegate, actionContextHasNoErrorAndIsModifiedAndCanTrigger, actionContextIsModifiedAndCanTrigger, actionContextStoreSourceMap, actionContextStoreSourceMapReader, actionContextStoreSourcePipe, anchorTypeForAnchor, asSegueRef, asSegueRefString, assertValidStorageKeyPrefix, authRolesSetContainsAllRolesFrom, authRolesSetContainsAnyRoleFrom, authRolesSetContainsNoRolesFrom, authUserIdentifier, canReadyValue, canTriggerAction, canTriggerActionState, checkNgContentWrapperHasContent, clean, cleanDestroy, cleanListLoadingContext, cleanLoadingContext, cleanLockSet, cleanSubscription, cleanSubscriptionWithLockSet, cleanWithLockSet, clickableUrlInNewTab, clickableUrlMailTo, clickableUrlTel, completeOnDestroy, dbxActionWorkProgress, dbxButtonDisplayType, dbxRouteModelIdParamRedirect, dbxRouteModelKeyParamRedirect, dbxRouteParamReaderInstance, defaultStorageObjectFactory, enableHasAuthRoleHook, enableHasAuthStateHook, enableIsLoggedInHook, expandClickableAnchorLinkTree, expandClickableAnchorLinkTreeNode, expandClickableAnchorLinkTrees, filterTransitionEvent, filterTransitionSuccess, flattenExpandedClickableAnchorLinkTree, flattenExpandedClickableAnchorLinkTreeToLinks, fromAllActionContextStoreSourceMapSources, index as fromDbxAppAuth, index$2 as fromDbxAppContext, goWithRouter, hasAuthRoleDecisionPipe, isActionContextDisabled, isActionContextEnabled, isClickableFilterPreset, isClickablePartialFilterPreset, isDisabledActionContextState, isIdleActionState, isLatestSuccessfulRoute, isSegueRef, isSegueRefActive, isSegueRefActiveFunction, isSegueRefActiveOnTransitionSuccess, isValidStorageKeyPrefix, isWorkingActionState, latestSuccessfulRoutes, loadingStateForActionContextState, loadingStateTypeForActionContextState, loadingStateTypeForActionState, loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, makeAuthTransitionHook, makeDbxActionContextSourceReference, mapRefStringObsToSegueRefObs, mergeDbxInjectionComponentConfigs, mergeStaticProviders, newWithInjector, index$1 as onDbxAppAuth, index$3 as onDbxAppContext, onRouterTransitionEventType, onRouterTransitionSuccessEvent, pipeActionStore, provideActionStoreSource, provideDbxAnchor, provideDbxAppAuth, provideDbxAppAuthRouter, provideDbxAppAuthRouterState, provideDbxAppAuthState, provideDbxAppContextState, provideDbxAppEnviroment, provideDbxButton, provideDbxInjectionContext, provideDbxRouteModelIdDirectiveDelegate, provideDbxRouteModelKeyDirectiveDelegate, provideDbxStorage, provideDbxUIRouterService, provideFilterSource, provideFilterSourceConnector, provideFilterSourceDirective, provideSecondaryActionStoreSource, redirectBasedOnAuthUserState, redirectForIdentifierParamHook, redirectForUserIdentifierParamHook, refStringToSegueRef, safeDetectChanges, safeMarkForCheck, safeUseCdRef, successTransition, switchMapDbxInjectionComponentConfig, tapDetectChanges, tapSafeMarkForCheck, transformEmptyStringInputToUndefined, useActionStore };
+export { APP_ACTION_DISABLED_DIRECTIVE_KEY, APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY, APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY, AbstractDbxActionHandlerDirective, AbstractDbxActionValueGetterDirective, AbstractDbxAnchorDirective, AbstractDbxButtonDirective, AbstractDbxFilterMapInstanceDirective, AbstractDbxFilterMapSourceDirective, AbstractDbxInjectionDirective, AbstractFilterSourceConnectorDirective, AbstractFilterSourceDirective, AbstractForwardDbxInjectionContextDirective, AbstractIfDirective, AbstractTransitionDirective, AbstractTransitionWatcherDirective, ActionContextStore, ActionContextStoreSource, ActionContextStoreSourceMap, AsObservablePipe, CutTextPipe, DBX_ACTION_HANDLER_LOCK_KEY, DBX_APP_APP_CONTEXT_STATE, DBX_APP_AUTH_ROUTER_EFFECTS_TOKEN, DBX_AUTH_APP_CONTEXT_STATE, DBX_INIT_APP_CONTEXT_STATE, DBX_INJECTION_COMPONENT_DATA, DBX_KNOWN_APP_CONTEXT_STATES, DBX_ONBOARD_APP_CONTEXT_STATE, DBX_PUBLIC_APP_CONTEXT_STATE, DBX_ROUTE_MODEL_ID_PARAM_DEFAULT_ID_PARAM_KEY, DBX_ROUTE_MODEL_ID_PARAM_DEFAULT_KEY_PARAM_KEY, DBX_ROUTE_MODEL_ID_PARAM_DEFAULT_USE_PARAM_VALUE, DEFAULT_ACTION_DISABLED_KEY, DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY, DEFAULT_REDIRECT_FOR_IDENTIFIER_PARAM_KEY, DEFAULT_REDIRECT_FOR_IDENTIFIER_PARAM_VALUE, DEFAULT_REDIRECT_FOR_USER_IDENTIFIER_PARAM_KEY, DEFAULT_REDIRECT_FOR_USER_IDENTIFIER_PARAM_VALUE, DEFAULT_STORAGE_ACCESSOR_FACTORY_TOKEN, DEFAULT_STORAGE_OBJECT_TOKEN, DateDayRangePipe, DateDayTimeRangePipe, DateDistancePipe, DateFormatDistancePipe, DateFormatFromToPipe, DateRangeDistancePipe, DateTimeRangeOnlyDistancePipe, DateTimeRangeOnlyPipe, DateTimeRangePipe, DbxActionAutoModifyDirective, DbxActionAutoTriggerDirective, DbxActionButtonDirective, DbxActionButtonTriggerDirective, DbxActionContextBaseSource, DbxActionContextLoggerDirective, DbxActionContextMachine, DbxActionContextMachineAsService, DbxActionContextMapDirective, DbxActionContextStoreSourceInstance, DbxActionDirective, DbxActionDisabledDirective, DbxActionDisabledOnSuccessDirective, DbxActionEnforceModifiedDirective, DbxActionErrorHandlerDirective, DbxActionFromMapDirective, DbxActionHandlerDirective, DbxActionHandlerInstance, DbxActionHandlerValueDirective, DbxActionHasSuccessDirective, DbxActionIdleDirective, DbxActionIsWorkingDirective, DbxActionMapSourceDirective, DbxActionMapWorkingDisableDirective, DbxActionPreSuccessDirective, DbxActionSourceDirective, DbxActionState, DbxActionSuccessHandlerDirective, DbxActionTriggeredDirective, DbxActionValueDirective, DbxActionValueGetterInstance, DbxActionValueStreamDirective, DbxActionValueTriggerDirective, DbxActionWorkInstanceDelegate, DbxAnchor, DbxAngularRouterService, DbxAppAuthRouterEffects, DbxAppAuthRouterService, DbxAppAuthRoutes, DbxAppAuthStateService, DbxAppContextService, DbxAppContextStateDirective, DbxAppEnviroment, DbxAppEnviromentService, DbxAuthHasAnyRoleDirective, DbxAuthHasRolesDirective, DbxAuthNotAnyRoleDirective, DbxAuthService, DbxButton, DbxButtonDirective, DbxButtonSegueDirective, DbxCoreActionModule, DbxCoreAngularRouterSegueModule, DbxCoreButtonModule, DbxCoreFilterModule, DbxFilterConnectSourceDirective, DbxFilterMapDirective, DbxFilterMapSourceConnectorDirective, DbxFilterMapSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterSourceDirective, DbxInjectionArrayComponent, DbxInjectionComponent, DbxInjectionContext, DbxInjectionContextDirective, DbxInjectionInstance, DbxLoadingButtonDirective, DbxRouteModelIdDirective, DbxRouteModelIdDirectiveDelegate, DbxRouteModelIdFromAuthUserIdDirective, DbxRouteModelKeyDirective, DbxRouteModelKeyDirectiveDelegate, DbxRouteParamDefaultRedirectInstance, DbxRouterService, DbxRouterTransitionEventType, DbxRouterTransitionService, DbxUIRouterService, DollarAmountPipe, FILTER_SOURCE_DIRECTIVE_DEFAULT_FILTER_TOKEN, FilterSourceDirective, FullLocalStorageObject, GetValueOncePipe, GetValuePipe, InstantStorageAccessor, LimitedStorageAccessor, LockSetComponentStore, MemoryStorageObject, MinutesStringPipe, NO_AUTH_USER_IDENTIFIER, PrettyJsonPipe, SecondaryActionContextStoreSource, SimpleStorageAccessor, SimpleStorageAccessorFactory, StorageAccessor, StringStorageAccessor, StringifySimpleStorageAccessorConverter, SystemDateToTargetDatePipe, TargetDateToSystemDatePipe, TimeDistanceCountdownPipe, TimeDistancePipe, TimezoneAbbreviationPipe, ToJsDatePipe, ToMinutesPipe, WrapperSimpleStorageAccessorDelegate, actionContextHasNoErrorAndIsModifiedAndCanTrigger, actionContextIsModifiedAndCanTrigger, actionContextStoreSourceMap, actionContextStoreSourceMapReader, actionContextStoreSourcePipe, anchorTypeForAnchor, asSegueRef, asSegueRefString, assertValidStorageKeyPrefix, authRolesSetContainsAllRolesFrom, authRolesSetContainsAnyRoleFrom, authRolesSetContainsNoRolesFrom, authUserIdentifier, canReadyValue, canTriggerAction, canTriggerActionState, checkNgContentWrapperHasContent, clean, cleanDestroy, cleanListLoadingContext, cleanLoadingContext, cleanLockSet, cleanSubscription, cleanSubscriptionWithLockSet, cleanWithLockSet, clickableUrlInNewTab, clickableUrlMailTo, clickableUrlTel, completeOnDestroy, dbxActionWorkProgress, dbxButtonDisplayType, dbxRouteModelIdParamRedirect, dbxRouteModelKeyParamRedirect, dbxRouteParamReaderInstance, defaultStorageObjectFactory, enableHasAuthRoleHook, enableHasAuthStateHook, enableIsLoggedInHook, expandClickableAnchorLinkTree, expandClickableAnchorLinkTreeNode, expandClickableAnchorLinkTrees, filterTransitionEvent, filterTransitionSuccess, flattenExpandedClickableAnchorLinkTree, flattenExpandedClickableAnchorLinkTreeToLinks, fromAllActionContextStoreSourceMapSources, index as fromDbxAppAuth, index$2 as fromDbxAppContext, goWithRouter, hasAuthRoleDecisionPipe, isActionContextDisabled, isActionContextEnabled, isClickableFilterPreset, isClickablePartialFilterPreset, isDisabledActionContextState, isIdleActionState, isLatestSuccessfulRoute, isSegueRef, isSegueRefActive, isSegueRefActiveFunction, isSegueRefActiveOnTransitionSuccess, isValidStorageKeyPrefix, isWorkingActionState, latestSuccessfulRoutes, loadingStateForActionContextState, loadingStateTypeForActionContextState, loadingStateTypeForActionState, loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, makeAuthTransitionHook, makeDbxActionContextSourceReference, mapRefStringObsToSegueRefObs, mergeDbxInjectionComponentConfigs, mergeStaticProviders, newWithInjector, index$1 as onDbxAppAuth, index$3 as onDbxAppContext, onRouterTransitionEventType, onRouterTransitionSuccessEvent, pipeActionStore, provideActionStoreSource, provideDbxAnchor, provideDbxAppAuth, provideDbxAppAuthRouter, provideDbxAppAuthRouterState, provideDbxAppAuthState, provideDbxAppContextState, provideDbxAppEnviroment, provideDbxButton, provideDbxInjectionContext, provideDbxRouteModelIdDirectiveDelegate, provideDbxRouteModelKeyDirectiveDelegate, provideDbxStorage, provideDbxUIRouterService, provideFilterSource, provideFilterSourceConnector, provideFilterSourceDirective, provideSecondaryActionStoreSource, redirectBasedOnAuthUserState, redirectForIdentifierParamHook, redirectForUserIdentifierParamHook, refStringToSegueRef, safeDetectChanges, safeMarkForCheck, safeUseCdRef, successTransition, switchMapDbxInjectionComponentConfig, tapDetectChanges, tapSafeMarkForCheck, transformEmptyStringInputToUndefined, useActionStore };
 //# sourceMappingURL=dereekb-dbx-core.mjs.map