@dereekb/dbx-core 12.6.21 → 13.0.0

package/fesm2022/dereekb-dbx-core.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, 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 { SubscriptionObject, LockSet, 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 { 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';
-import { isNotFalse, isDefinedAndNotFalse, BooleanStringKeyArrayUtility, reduceBooleansWithOrFn, asGetter, getValueFromGetter, 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 { toObservable, outputToObservable, toSignal } from '@angular/core/rxjs-interop';
 import { ComponentStore } from '@ngrx/component-store';
 import { Actions, ofType, createEffect, provideEffects } from '@ngrx/effects';
@@ -10,44 +10,129 @@ 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';
 
 /**
- * Abstract component that contains a SubscriptionObject and will clean it up automatically.
+ * Wraps a Destroyable in a function that registers the input Destroyable to be destroyed
+ * when the DestroyRef is destroyed in the context.
+ *
+ * Must be run in an Angular injection context.
  */
-class AbstractSubscriptionDirective {
-    _subscriptionObject = new SubscriptionObject();
-    ngOnDestroy() {
-        this._subscriptionObject.destroy();
+function clean(input) {
+    const destroyRef = inject(DestroyRef);
+    if (input.destroy) {
+        destroyRef.onDestroy(() => input.destroy());
     }
-    set sub(subscription) {
-        this._subscriptionObject.subscription = subscription;
+    else {
+        destroyRef.onDestroy(input);
     }
-    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 });
+    return input;
 }
-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.
+ * Wraps a Subject in a function that registers the input Subject to be completed
+ * when the DestroyRef is destroyed in the context.
+ *
+ * Must be run in an Angular injection context.
+ */
+function completeOnDestroy(input) {
+    clean(() => input.complete());
+    return input;
+}
+
+// MARK: cleanSubscription()
+/**
+ * Creates a new SubscriptionObject that is automatically destroyed when the context is destroyed.
+ *
+ * Must be run within an Angular injection context.
  */
-class AbstractLockSetSubscriptionDirective extends AbstractSubscriptionDirective {
-    lockSet = new LockSet();
-    ngOnDestroy() {
-        this.lockSet.onNextUnlock(() => this.onLockSetDestroy());
-    }
-    onLockSetDestroy() {
-        super.ngOnDestroy();
+function cleanSubscription(sub) {
+    const subscription = getValueFromGetter(sub);
+    const subscriptionObject = new SubscriptionObject(subscription);
+    clean(subscriptionObject);
+    return subscriptionObject;
+}
+
+/**
+ * Creates a new LockSet that is automatically destroyed when the component is destroyed.
+ *
+ * Must be run within an Angular injection context.
+ *
+ * @param onLockSetDestroy Optional callback to run when the lockset is unlocked.
+ */
+function cleanLockSet(config) {
+    const { onDestroy, onLockSetDestroy, destroyLocksetTiming } = config ?? {};
+    const destroyRef = inject(DestroyRef);
+    const lockSet = new LockSet();
+    destroyRef.onDestroy(() => {
+        onDestroy?.();
+        lockSet.destroyOnNextUnlock(destroyLocksetTiming); // flag to be destroyed on the next complete unlock
+    });
+    if (onLockSetDestroy) {
+        const _destroySub = cleanSubscription(lockSet.onDestroy$.subscribe(() => {
+            onLockSetDestroy();
+            _destroySub.destroy();
+        }));
     }
-    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 });
+    return lockSet;
+}
+// MARK: cleanWithLockSet()
+/**
+ * Runs the given onDestroy function when the context is destroyed, and the lock set's next unlock occurs.
+ *
+ * Must be run within an Angular injection context.
+ *
+ * @param lockSet The lockset to use.
+ * @param onDestroy The function to run when the lockset is unlocked.
+ */
+function cleanWithLockSet(lockSet, onDestroy) {
+    const destroyRef = inject(DestroyRef);
+    destroyRef.onDestroy(() => {
+        lockSet.onNextUnlock(() => {
+            onDestroy();
+        });
+    });
+}
+/**
+ * Creates a new SubscriptionObject that is automatically destroyed when the context is destroyed, and the lock set's next unlock occurs.
+ *
+ * Must be run within an Angular injection context.
+ */
+function cleanSubscriptionWithLockSet(input) {
+    const subscription = getValueFromGetter(input.sub);
+    const subscriptionObject = new SubscriptionObject(subscription);
+    cleanWithLockSet(input.lockSet, () => subscriptionObject.destroy());
+    return subscriptionObject;
+}
+
+/**
+ * Creates a new LoadingStateContext that is automatically destroyed when the context is destroyed.
+ *
+ * Must be run within an Angular injection context.
+ */
+function cleanLoadingContext(input) {
+    return clean(loadingStateContext(input));
+}
+/**
+ * Creates a new ListLoadingStateContext that is automatically destroyed when the context is destroyed.
+ *
+ * Must be run within an Angular injection context.
+ */
+function cleanListLoadingContext(input) {
+    return clean(listLoadingStateContext(input));
+}
+
+/**
+ * Creates a new DestroyFunctionObject that is automatically destroyed when the context is destroyed.
+ *
+ * Must be run within an Angular injection context.
+ */
+function cleanDestroy(input) {
+    const destroyFunction = new DestroyFunctionObject(input);
+    clean(destroyFunction);
+    return destroyFunction;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractLockSetSubscriptionDirective, decorators: [{
-            type: Directive
-        }] });
 
 /**
  * Source that provides a ActionContextStore observable.
@@ -209,9 +294,9 @@ class DbxActionContextStoreSourceInstance {
     }
 }
 
-class DbxActionAutoModifyDirective extends AbstractSubscriptionDirective {
+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) {
@@ -222,21 +307,21 @@ class DbxActionAutoModifyDirective extends AbstractSubscriptionDirective {
         }
         return obs;
     }));
-    ngOnInit() {
-        this.sub = this.markAsModified$.subscribe(() => {
+    constructor() {
+        cleanSubscription(this.markAsModified$.subscribe(() => {
             this.source.setIsModified(true);
-        });
+        }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionAutoModifyDirective, deps: null, 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 } }, usesInheritance: true, 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: () => [], propDecorators: { autoModifyEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionAutoModify", required: false }] }] } });
 
 const DEFAULT_DEBOUNCE_MS = 2 * 1000;
 const DEFAULT_THROTTLE_MS = 10 * 1000;
@@ -249,16 +334,16 @@ const DBX_ACTION_AUTO_TRIGGER_INSTANT_TRIGGER_DEBOUNCE = 10;
  *
  * When using auto triggers be sure to make sure that the action is not triggering too often due to misconfiguration.
  */
-class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
+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) {
@@ -272,7 +357,7 @@ class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
             }
         }
         return debounce ?? DEFAULT_DEBOUNCE_MS;
-    });
+    }, ...(ngDevMode ? [{ debugName: "triggerDebounceSignal" }] : []));
     triggerThrottleSignal = computed(() => {
         let throttle = this.triggerThrottle();
         if (throttle == null) {
@@ -286,8 +371,8 @@ class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
             }
         }
         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
@@ -323,26 +408,24 @@ class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
     isTriggerAllowedToRun$ = this._isTriggerLimited$.pipe(map((x) => x[1]), shareReplay(1));
     automaticTrigger$ = this._isTriggerLimited$.pipe(filter((x) => x[1]), distinctUntilChanged((a, b) => a[0] === b[0]), // Only trigger when the count changes.
     map(() => undefined));
-    ngOnInit() {
-        this.sub = this.automaticTrigger$.subscribe(() => {
-            this.source.trigger();
-        });
-    }
-    ngOnDestroy() {
-        this.source.lockSet.onNextUnlock(() => {
-            super.ngOnDestroy();
+    constructor() {
+        cleanSubscriptionWithLockSet({
+            lockSet: this.source.lockSet,
+            sub: this.automaticTrigger$.subscribe(() => {
+                this.source.trigger();
+            })
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionAutoTriggerDirective, deps: null, 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 } }, usesInheritance: true, 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: () => [], 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.
@@ -515,7 +598,12 @@ const INITIAL_STATE = {
     actionState: DbxActionState.IDLE
 };
 class ActionContextStore extends ComponentStore {
-    lockSet = new LockSet();
+    lockSet = cleanLockSet({
+        onLockSetDestroy: () => super.ngOnDestroy(),
+        destroyLocksetTiming: {
+            delayTime: 2000
+        }
+    });
     constructor() {
         super({ ...INITIAL_STATE });
         this.lockSet.addLock('working', this.isWorking$);
@@ -717,15 +805,13 @@ class ActionContextStore extends ComponentStore {
     }
     // MARK: Cleanup
     ngOnDestroy() {
-        // Wait for any actions to complete before destroying.
-        this.lockSet.onNextUnlock(() => {
-            super.ngOnDestroy();
-        }, 2000);
+        // 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) {
@@ -859,7 +945,7 @@ class DbxActionContextMachine extends DbxActionContextBaseSource {
     }
 }
 /**
- * DbxActionContextMachine that implements OnDestroy and is configured for use as a Service/Injectable.
+ * DbxActionContextMachine configured for use as a Service/Injectable.
  */
 class DbxActionContextMachineAsService extends DbxActionContextMachine {
     constructor() {
@@ -867,23 +953,15 @@ class DbxActionContextMachineAsService extends DbxActionContextMachine {
             oneTimeUse: false,
             handleValueReady: false
         });
+        clean(() => this.destroy());
     }
-    ngOnDestroy() {
-        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: () => [] });
 
-const actionContextStoreSourceInstanceFactory = (source) => {
-    return new DbxActionContextStoreSourceInstance(source);
-};
-const actionContextStoreSourceMachineFactory = () => {
-    return new DbxActionContextMachineAsService();
-};
 /**
  * Provides an ActionContextStoreSource, as well as an DbxActionContextStoreSourceInstance.
  */
@@ -895,13 +973,13 @@ function provideActionStoreSource(sourceType) {
         }
         : {
             provide: ActionContextStoreSource,
-            useFactory: actionContextStoreSourceMachineFactory
+            useFactory: () => new DbxActionContextMachineAsService()
         };
     return [
         storeSourceProvider,
         {
             provide: DbxActionContextStoreSourceInstance,
-            useFactory: actionContextStoreSourceInstanceFactory,
+            useFactory: (source) => clean(new DbxActionContextStoreSourceInstance(source)),
             deps: [ActionContextStoreSource]
         }
     ];
@@ -917,24 +995,25 @@ function provideSecondaryActionStoreSource(sourceType) {
 }
 
 /**
- * Provides an DbxActionContext.
+ * Provides an DbxAction/DbxActionContext.
  */
 class DbxActionDirective extends DbxActionContextBaseSource {
     constructor() {
         super(inject((SecondaryActionContextStoreSource), { optional: true, host: true }));
-    }
-    ngOnDestroy() {
-        this.lockSet.destroyOnNextUnlock(() => {
-            this.destroy();
+        // during cleaning/onDestroy, queue the lockset for cleanup
+        clean(() => {
+            this.lockSet.destroyOnNextUnlock(() => {
+                this.destroy();
+            });
         });
     }
-    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
@@ -945,40 +1024,40 @@ 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.
  */
-class DbxActionContextLoggerDirective extends AbstractSubscriptionDirective {
+class DbxActionContextLoggerDirective {
     source = inject(DbxActionContextStoreSourceInstance, { host: true });
-    ngOnInit() {
-        this.sub = this.source.state$.subscribe((state) => {
+    constructor() {
+        cleanSubscription(this.source.state$.subscribe((state) => {
             console.log('dbxActionLogger - state: ', state);
-        });
+        }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionContextLoggerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionContextLoggerDirective, isStandalone: true, selector: "[dbxActionLogger],[dbxActionContextLogger]", usesInheritance: true, 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]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Map that returns sources for ActionKey values.
@@ -1025,14 +1104,15 @@ function actionContextStoreSourceMap() {
             return actionKeySourceMap;
         });
     }
+    function destroy() {
+        _actionKeySourceMap.complete();
+    }
     const result = {
         actionKeySourceMap$: actionKeySourceMap$,
         sourceForKey: sourceForKey,
         addStoreSource: addStoreSource,
         removeStoreSource: removeStoreSource,
-        destroy: () => {
-            _actionKeySourceMap.complete();
-        }
+        destroy
     };
     return result;
 }
@@ -1043,19 +1123,16 @@ function actionContextStoreSourceMap() {
  * This is useful for passing action contexts around via the providers instead of explicit injection.
  */
 class DbxActionContextMapDirective {
-    actionContextStoreSourceMap = inject(ActionContextStoreSourceMap);
-    ngOnDestroy() {
-        this.actionContextStoreSourceMap.destroy();
-    }
-    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: [
+    actionContextStoreSourceMap = clean(inject(ActionContextStoreSourceMap));
+    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]',
@@ -1075,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.
@@ -1096,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();
@@ -1105,7 +1182,7 @@ class DbxActionMapSourceDirective {
         }
         this._currentKey = nextKey;
         this._addToStore();
-    }, { allowSignalWrites: true });
+    }, ...(ngDevMode ? [{ debugName: "_keyEffect" }] : []));
     ngOnDestroy() {
         this._removeFromToStore();
     }
@@ -1119,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.
@@ -1168,88 +1245,79 @@ const DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY = 'action_map_working_disable';
 /**
  * Used to communicate with an dbxActionMap and set the ActionContextStore to be disabled if any other element in the map is working.
  */
-class DbxActionMapWorkingDisableDirective extends AbstractSubscriptionDirective {
+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);
-    ngOnInit() {
-        this.sub = this.areAnySourcesWorking$.subscribe((x) => {
+    constructor() {
+        cleanSubscription(this.areAnySourcesWorking$.subscribe((x) => {
             this.source.disable(this.disabledKey() || DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY, x);
+        }));
+        clean(() => {
+            this.source.enable(this.disabledKey() || DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY);
         });
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        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: null, 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 } }, usesInheritance: true, 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: () => [], propDecorators: { disabledKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionMapWorkingDisable", required: false }] }] } });
 
 const APP_ACTION_DISABLED_DIRECTIVE_KEY = 'dbx_action_disabled';
 /**
  * Directive that allows disabling an action using the inputs.
  */
-class DbxActionDisabledDirective extends AbstractSubscriptionDirective {
+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() {
-        super();
-        this.sub = this.disabled$.subscribe((x) => {
+        cleanSubscription(this.disabled$.subscribe((x) => {
             this.source.disable(APP_ACTION_DISABLED_DIRECTIVE_KEY, x);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.source.enable(APP_ACTION_DISABLED_DIRECTIVE_KEY);
+        }));
+        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 } }, usesInheritance: true, 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';
 /**
  * Directive that will disable the action after the action completes successfully.
  */
-class DbxActionDisabledOnSuccessDirective extends AbstractSubscriptionDirective {
+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() {
-        super();
-        this.sub = combineLatest([this.disabledOnSuccess$, this.source.isSuccess$]).subscribe(([disableOnSuccess, success]) => {
+        cleanSubscription(combineLatest([this.disabledOnSuccess$, this.source.isSuccess$]).subscribe(([disableOnSuccess, success]) => {
             this.source.disable(APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY, disableOnSuccess && success);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.source.enable(APP_ACTION_DISABLED_ON_SUCCESS_DIRECTIVE_KEY);
+        }));
+        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 } }, usesInheritance: true, 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';
 /**
@@ -1313,64 +1381,62 @@ class DbxActionHandlerInstance {
  */
 class AbstractDbxActionHandlerDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    _dbxActionHandlerInstance = new DbxActionHandlerInstance(this.source);
+    _dbxActionHandlerInstance = clean(new DbxActionHandlerInstance(this.source));
     constructor() {
         this._dbxActionHandlerInstance.init();
     }
-    ngOnDestroy() {
-        this._dbxActionHandlerInstance.destroy();
-    }
-    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.
  */
-class AbstractIfDirective extends AbstractSubscriptionDirective {
+class AbstractIfDirective {
     _templateRef = inject(TemplateRef);
     _viewContainer = inject(ViewContainerRef);
+    _sub = cleanSubscription();
     ngOnInit() {
-        this.sub = this.show$.pipe(distinctUntilChanged()).subscribe((show) => {
+        this._sub.subscription = this.show$.pipe(distinctUntilChanged()).subscribe((show) => {
             if (show) {
                 this._viewContainer.createEmbeddedView(this._templateRef);
             }
@@ -1379,10 +1445,10 @@ class AbstractIfDirective extends AbstractSubscriptionDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractIfDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractIfDirective, usesInheritance: true, 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
         }] });
 
@@ -1400,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());
@@ -1409,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.
@@ -1427,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());
@@ -1436,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.
@@ -1454,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());
@@ -1463,66 +1529,66 @@ 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 extends AbstractSubscriptionDirective {
+class DbxActionSuccessHandlerDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    dbxActionSuccessHandler = input();
+    dbxActionSuccessHandler = input(...(ngDevMode ? [undefined, { debugName: "dbxActionSuccessHandler" }] : []));
     successFunction$ = toObservable(this.dbxActionSuccessHandler).pipe(filterMaybe(), shareReplay(1));
-    ngOnInit() {
-        this.sub = this.successFunction$
+    constructor() {
+        cleanSubscription(this.successFunction$
             .pipe(switchMap((successFunction) => this.source.success$.pipe(map((x) => [successFunction, x]), tap(([successFn, result]) => {
             successFn(result);
         }))))
-            .subscribe();
+            .subscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSuccessHandlerDirective, deps: null, 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 } }, usesInheritance: true, 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: () => [], propDecorators: { dbxActionSuccessHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionSuccessHandler", required: false }] }] } });
 
 /**
  * Directive that executes a function on ActionContextStore error.
  */
-class DbxActionErrorHandlerDirective extends AbstractSubscriptionDirective {
+class DbxActionErrorHandlerDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    dbxActionErrorHandler = input();
+    dbxActionErrorHandler = input(...(ngDevMode ? [undefined, { debugName: "dbxActionErrorHandler" }] : []));
     errorFunction$ = toObservable(this.dbxActionErrorHandler).pipe(filterMaybe(), shareReplay(1));
-    ngOnInit() {
-        this.sub = this.errorFunction$
+    constructor() {
+        cleanSubscription(this.errorFunction$
             .pipe(switchMap((errorFunction) => this.source.error$.pipe(filterMaybe(), map((x) => [errorFunction, x]), tap(([errorFn, error]) => {
             errorFn(error);
         }))))
-            .subscribe();
+            .subscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionErrorHandlerDirective, deps: null, 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 } }, usesInheritance: true, 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: () => [], propDecorators: { dbxActionErrorHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionErrorHandler", required: false }] }] } });
 
 /**
  * Directive that provides a default value when triggered.
@@ -1533,39 +1599,30 @@ 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 extends AbstractSubscriptionDirective {
-    valueOrFunction = input('', { alias: 'dbxActionValue' });
+class DbxActionValueDirective {
+    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));
     constructor() {
-        super();
-    }
-    ngOnInit() {
-        this.sub = this.valueOrFunction$.pipe(switchMap((valueOrFunction) => this.source.triggered$.pipe(map(() => valueOrFunction)))).subscribe((valueOrFunction) => {
+        cleanSubscription(this.valueOrFunction$.pipe(switchMap((valueOrFunction) => this.source.triggered$.pipe(map(() => valueOrFunction)))).subscribe((valueOrFunction) => {
             const value = getValueFromGetter(valueOrFunction);
             this.source.readyValue(value);
-        });
+        }));
     }
     setValueOrFunction(value) {
         this._valueOrFunctionOverride.next(value);
     }
-    ngOnDestroy() {
-        this.source.lockSet.onNextUnlock(() => {
-            super.ngOnDestroy();
-            this._valueOrFunctionOverride.complete();
-        });
-    }
-    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 } }, usesInheritance: true, 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.
@@ -1574,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) {
@@ -1590,47 +1647,44 @@ 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';
 /**
  * Directive that toggles disabling an action if the action is not marked modified.
  */
-class DbxActionEnforceModifiedDirective extends AbstractSubscriptionDirective {
+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);
-    ngOnInit() {
-        this.sub = combineLatest([this.source.isModified$, this.enabled$])
+    constructor() {
+        cleanSubscription(combineLatest([this.source.isModified$, this.enabled$])
             .pipe(delay(0))
             .subscribe(([modified, enableDirective]) => {
             const disable = enableDirective && !modified;
             this.source.disable(APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY, disable);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.source.enable(APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY);
+        }));
+        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: null, 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 } }, usesInheritance: true, 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: () => [], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxActionEnforceModified", required: false }] }] } });
 
 /**
  * Utility class that handles trigger events to retrieve a value.
@@ -1697,11 +1751,9 @@ class AbstractDbxActionValueGetterDirective {
     _triggerInstance = new DbxActionValueGetterInstance({
         source: this.source
     });
-    ngOnInit() {
+    constructor() {
         this._triggerInstance.init();
-    }
-    ngOnDestroy() {
-        this._triggerInstance.destroy();
+        clean(this._triggerInstance);
     }
     setValueGetterFunction(valueGetterFunction) {
         this._triggerInstance.setValueGetterFunction(valueGetterFunction);
@@ -1724,12 +1776,12 @@ 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: () => [] });
 /**
  * Action directive that uses a getter function instead and waits for the trigger to be called before calling the function.
  *
@@ -1737,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({
@@ -1748,28 +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();
-    _modifiedSub = new SubscriptionObject();
-    _triggerSub = new SubscriptionObject();
+    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)
@@ -1784,35 +1834,35 @@ class DbxActionValueStreamDirective {
         }
         return result;
     }), shareReplay(1))));
-    ngOnInit() {
+    constructor() {
         // Update isModified on source
-        this._modifiedSub.subscription = this.modifiedValue$.subscribe(([isModified]) => {
-            this.source.setIsModified(isModified);
+        cleanSubscriptionWithLockSet({
+            lockSet: this.source.lockSet,
+            sub: this.modifiedValue$.subscribe(([isModified]) => {
+                this.source.setIsModified(isModified);
+            })
         });
         // Set the value on triggers.
-        this._triggerSub.subscription = this.source.triggered$.pipe(switchMap(() => this.modifiedValue$)).subscribe(([isModified, value]) => {
-            // only mark ready once modified
-            if (isModified) {
-                this.source.readyValue(value);
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.source.lockSet.onNextUnlock(() => {
-            this._modifiedSub.destroy();
-            this._triggerSub.destroy();
+        cleanSubscriptionWithLockSet({
+            lockSet: this.source.lockSet,
+            sub: this.source.triggered$.pipe(switchMap(() => this.modifiedValue$)).subscribe(([isModified, value]) => {
+                // only mark ready once modified
+                if (isModified) {
+                    this.source.readyValue(value);
+                }
+            })
         });
     }
-    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: () => [], 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.
@@ -1821,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());
@@ -1830,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,
@@ -1869,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,
@@ -1913,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
                 }]
         }] });
 
@@ -2492,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'
@@ -2524,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: () => [] });
 
@@ -2596,289 +2646,261 @@ function authRolesSetContainsNoRolesFrom(roles) {
     return setContainsNoValueFrom(roles);
 }
 
+/**
+ * Set of ngrx effects that repeat events from DbxAuthService.
+ */
+class DbxAppAuthEffects {
+    dbxAuthService = inject(DbxAuthService);
+    actions$ = inject(Actions);
+    store = inject((Store));
+    // MARK: Auth
+    emitLoggedIn = createEffect(() => this.dbxAuthService.onLogIn$.pipe(map(() => loggedIn())));
+    emitLoggedOut = createEffect(() => this.dbxAuthService.onLogOut$.pipe(map(() => loggedOut())));
+    forwardLogoutToAuthService = createEffect(() => this.actions$.pipe(ofType(logout), tap(() => {
+        // Perform the logout
+        this.dbxAuthService.logOut();
+    })), { dispatch: false });
+    // MARK: Auth
+    setUserIdentifier = createEffect(() => this.dbxAuthService.userIdentifier$.pipe(map((id) => setUserIdentifier({ id }))));
+    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: "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: "21.2.0", ngImport: i0, type: DbxAppAuthEffects, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Creates EnvironmentProviders for providing the DbxAppAuth state and effects.
+ *
+ * @returns EnvironmentProviders
+ */
+function provideDbxAppAuthState() {
+    return makeEnvironmentProviders([provideState(featureKey, reducers), provideEffects(DbxAppAuthEffects)]);
+}
+
+/**
+ * The "all-in-one" provider for an app's dbx-core auth providers.
+ *
+ * @param config Configuration
+ * @returns EnvironmentProviders
+ */
+function provideDbxAppAuth(config) {
+    const { dbxAppAuthRoutes, activeRoutesToApplyEffects } = config;
+    const providers = [provideDbxAppAuthState(), provideDbxAppAuthRouter({ dbxAppAuthRoutes }), provideDbxAppAuthRouterState({ activeRoutesToApplyEffects })];
+    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, { alias: 'dbxAuthHasAnyRole' });
+    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: "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 });
+    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: "18.2.13", ngImport: i0, type: DbxAuthHasAnyRoleDirective, decorators: [{
+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, { alias: 'dbxAuthHasRoles' });
+    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: "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 });
+    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: "18.2.13", ngImport: i0, type: DbxAuthHasRolesDirective, decorators: [{
+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, { alias: 'dbxAuthNotAnyRole' });
+    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: "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 });
+    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: "18.2.13", ngImport: i0, type: DbxAuthNotAnyRoleDirective, decorators: [{
+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 }] }] } });
 
 /**
- * @deprecated import the directives directly instead of using this module.
- *
- * @see DbxAuthHasRolesDirective
- * @see DbxAuthHasAnyRoleDirective
- * @see DbxAuthNotAnyRoleDirective
+ * State for accessing the app's DbxAppAuthState defined within the DbxAppAuthFullState for the ngrx store.
  */
-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 });
+class DbxAppAuthStateService {
+    store = inject((Store));
+    authStateUser$ = this.store.select(selectDbxAppAuthUser);
+    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: DbxCoreAuthModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxAppAuthStateService, decorators: [{
+            type: Injectable,
             args: [{
-                    imports: [DbxAuthHasRolesDirective, DbxAuthHasAnyRoleDirective, DbxAuthNotAnyRoleDirective],
-                    exports: [DbxAuthHasRolesDirective, DbxAuthHasAnyRoleDirective, DbxAuthNotAnyRoleDirective]
+                    providedIn: 'root'
                 }]
         }] });
 
+class DbxButton {
+}
+function provideDbxButton(sourceType) {
+    return [
+        {
+            provide: DbxButton,
+            useExisting: forwardRef(() => sourceType)
+        }
+    ];
+}
 /**
- * Set of ngrx effects that repeat events from DbxAuthService.
+ * Returns the DbxButtonDisplayType given the input content.
+ *
+ * @param content
+ * @returns
  */
-class DbxAppAuthEffects {
-    dbxAuthService = inject(DbxAuthService);
-    actions$ = inject(Actions);
-    store = inject((Store));
-    // MARK: Auth
-    emitLoggedIn = createEffect(() => this.dbxAuthService.onLogIn$.pipe(map(() => loggedIn())));
-    emitLoggedOut = createEffect(() => this.dbxAuthService.onLogOut$.pipe(map(() => loggedOut())));
-    forwardLogoutToAuthService = createEffect(() => this.actions$.pipe(ofType(logout), tap(() => {
-        // Perform the logout
-        this.dbxAuthService.logOut();
-    })), { dispatch: false });
-    // MARK: Auth
-    setUserIdentifier = createEffect(() => this.dbxAuthService.userIdentifier$.pipe(map((id) => setUserIdentifier({ id }))));
-    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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthEffects, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Creates EnvironmentProviders for providing the DbxAppAuth state and effects.
- *
- * @returns EnvironmentProviders
- */
-function provideDbxAppAuthState() {
-    return makeEnvironmentProviders([provideState(featureKey, reducers), provideEffects(DbxAppAuthEffects)]);
-}
-
-/**
- * The "all-in-one" provider for an app's dbx-core auth providers.
- *
- * @param config Configuration
- * @returns EnvironmentProviders
- */
-function provideDbxAppAuth(config) {
-    const { dbxAppAuthRoutes, activeRoutesToApplyEffects } = config;
-    const providers = [provideDbxAppAuthState(), provideDbxAppAuthRouter({ dbxAppAuthRoutes }), provideDbxAppAuthRouterState({ activeRoutesToApplyEffects })];
-    return makeEnvironmentProviders(providers);
-}
-
-/**
- * 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' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAppAuthStateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class DbxButton {
-}
-function provideDbxButton(sourceType) {
-    return [
-        {
-            provide: DbxButton,
-            useExisting: forwardRef(() => sourceType)
-        }
-    ];
-}
-/**
- * Returns the DbxButtonDisplayType given the input content.
- *
- * @param content
- * @returns
- */
-function dbxButtonDisplayType(content) {
-    return !content.text && content.icon ? 'icon_button' : 'text_button';
+function dbxButtonDisplayType(content) {
+    return !content.text && content.icon ? 'icon_button' : 'text_button';
 }
 
 /**
  * Context used for linking a button to an ActionContext and only look for triggers.
  */
-class DbxActionButtonTriggerDirective extends AbstractSubscriptionDirective {
+class DbxActionButtonTriggerDirective {
     dbxButton = inject(DbxButton, { host: true });
     source = inject(DbxActionContextStoreSourceInstance);
-    ngOnInit() {
-        this.sub = this.dbxButton.clicked$.subscribe(() => {
+    constructor() {
+        cleanSubscription(this.dbxButton.clicked$.subscribe(() => {
             this._buttonClicked();
-        });
+        }));
     }
     _buttonClicked() {
         this.source.trigger();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionButtonTriggerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionButtonTriggerDirective, isStandalone: true, selector: "[dbxActionButtonTrigger]", usesInheritance: true, 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]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Context used for linking a button to an ActionContext.
  */
 class DbxActionButtonDirective extends DbxActionButtonTriggerDirective {
-    _workingSub = new SubscriptionObject();
-    _disabledSub = new SubscriptionObject();
-    ngOnInit() {
-        super.ngOnInit();
-        this._workingSub.subscription = this.source.isWorkingOrWorkProgress$.subscribe((working) => {
+    constructor() {
+        super();
+        cleanSubscription(this.source.isWorkingOrWorkProgress$.subscribe((working) => {
             this.dbxButton.setWorking(working);
-        });
-        this._disabledSub.subscription = this.source.isDisabled$.subscribe((disabled) => {
+        }));
+        cleanSubscription(this.source.isDisabled$.subscribe((disabled) => {
             this.dbxButton.setDisabled(disabled);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._workingSub.destroy();
-        this._disabledSub.destroy();
+        }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionButtonDirective, deps: null, 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]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 // MARK: Button Directives
-class DbxButtonSegueDirective extends AbstractSubscriptionDirective {
+class DbxButtonSegueDirective {
     dbxButton = inject(DbxButton);
     dbxRouterService = inject(DbxRouterService);
-    segueRef = input(undefined, { alias: 'dbxButtonSegue' });
+    segueRef = input(undefined, { ...(ngDevMode ? { debugName: "segueRef" } : {}), alias: 'dbxButtonSegue' });
     constructor() {
-        super();
-        this.sub = this.dbxButton.clicked$.subscribe(() => {
+        cleanSubscription(() => this.dbxButton.clicked$.subscribe(() => {
             const segueRef = this.segueRef();
             if (segueRef) {
                 this.dbxRouterService.go(segueRef);
             }
-        });
+        }));
     }
-    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 } }, usesInheritance: true, 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.
  */
-class AbstractDbxButtonDirective extends AbstractSubscriptionDirective {
+class AbstractDbxButtonDirective {
     /**
      * Pre-interceptor button click.
      */
-    _buttonClick = new Subject();
-    _buttonInterceptor = new BehaviorSubject(undefined);
+    _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);
     clicked$ = outputToObservable(this.buttonClick);
-    ngOnInit() {
-        this.sub = this._buttonClick
+    constructor() {
+        cleanSubscription(this._buttonClick
             .pipe(switchMap(() => this._buttonInterceptor.pipe(switchMap((x) => {
             if (x) {
                 return x.interceptButtonClick().pipe(first());
@@ -2890,12 +2912,7 @@ class AbstractDbxButtonDirective extends AbstractSubscriptionDirective {
         )))
             .subscribe(() => {
             this._forceButtonClicked();
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._buttonClick.complete();
-        this._buttonInterceptor.complete();
+        }));
     }
     setDisabled(disabled) {
         this._disabledSignal.set(disabled);
@@ -2926,21 +2943,21 @@ class AbstractDbxButtonDirective extends AbstractSubscriptionDirective {
     _forceButtonClicked() {
         this.buttonClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxButtonDirective, deps: null, 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" }, usesInheritance: true, 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: () => [], 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]',
@@ -2955,31 +2972,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  *
  * It will be set working when the context is set loading.
  */
-class DbxLoadingButtonDirective extends AbstractSubscriptionDirective {
+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();
     _loadingEffect = effect(() => {
         const context = this.contextSignal();
         let subscription;
         if (context) {
             subscription = context.stream$.subscribe((x) => this.dbxButton.setWorking(x.loading));
         }
-        this.sub = subscription;
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLoadingButtonDirective, deps: null, 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 } }, usesInheritance: true, ngImport: i0 });
+        this._loadingEffectSub.setSub(subscription);
+    }, ...(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
@@ -2989,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
                 }]
         }] });
 
@@ -3013,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'
@@ -3028,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.
@@ -3097,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
         }] });
 
@@ -3174,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();
@@ -3186,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);
@@ -3221,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 {
@@ -3389,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
         }] });
 
@@ -3413,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: [{}]
         }] });
@@ -3502,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.
  *
@@ -3616,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
         }] });
 
@@ -3627,15 +3600,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Abstract directive that listens to onSuccess transition events and runs a function.
  */
 class AbstractTransitionWatcherDirective extends AbstractTransitionDirective {
-    _transitionSub = new SubscriptionObject();
     ngZone = inject(NgZone);
-    ngOnInit() {
-        this._transitionSub.subscription = this.transitionSuccess$.subscribe(() => {
+    constructor() {
+        super();
+        cleanSubscription(this.transitionSuccess$.subscribe(() => {
             this.updateForSuccessfulTransition();
-        });
-    }
-    ngOnDestroy() {
-        this._transitionSub.destroy();
+        }));
     }
     // MARK: Action
     zoneUpdateForSuccessfulTransition() {
@@ -3643,12 +3613,12 @@ 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: null, 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: () => [] });
 
 /**
  * Creates an IsSegueRefActiveFunction
@@ -3913,100 +3883,39 @@ 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 extends AbstractSubscriptionDirective {
-    dbxRouterService = inject(DbxRouterService);
-    dbxRouteModelKeyDelegate = inject(DbxRouteModelKeyDirectiveDelegate, { host: true });
-    _redirectInstance = dbxRouteModelKeyParamRedirect(this.dbxRouterService);
-    keyFromParams$ = this._redirectInstance.paramValue$;
-    key$ = this._redirectInstance.value$;
-    ngOnInit() {
-        this.sub = this.dbxRouteModelKeyDelegate.useRouteModelKeyParamsObservable(this.keyFromParams$, this.key$);
-        this._redirectInstance.init();
-    }
-    ngOnDestroy() {
-        this._redirectInstance.destroy();
-    }
-    // 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: null, 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" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelKeyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxRouteModelKey]',
-                    standalone: true
-                }]
-        }], 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.
  */
-class DbxRouteModelIdFromAuthUserIdDirective extends AbstractSubscriptionDirective {
+class DbxRouteModelIdFromAuthUserIdDirective {
     dbxAuthService = inject(DbxAuthService);
     dbxRouteModelIdDelegate = inject(DbxRouteModelIdDirectiveDelegate, { host: true });
-    ngOnInit() {
-        this.sub = this.dbxRouteModelIdDelegate.useRouteModelIdParamsObservable(this.dbxAuthService.userIdentifier$, this.dbxAuthService.userIdentifier$);
+    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: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxRouteModelIdFromAuthUserIdDirective, isStandalone: true, selector: "[dbxRouteModelIdFromAuthUserId]", usesInheritance: true, 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]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Used for retrieving the model's id from the current route using the configured parameter and passes it to its delegate.
  */
-class DbxRouteModelIdDirective extends AbstractSubscriptionDirective {
+class DbxRouteModelIdDirective {
     dbxRouterService = inject(DbxRouterService);
     dbxRouteModelIdDelegate = inject(DbxRouteModelIdDirectiveDelegate, { host: true });
-    _redirectInstance = dbxRouteModelIdParamRedirect(this.dbxRouterService);
+    _redirectInstance = clean(dbxRouteModelIdParamRedirect(this.dbxRouterService));
     idFromParams$ = this._redirectInstance.paramValue$;
     id$ = this._redirectInstance.value$;
-    ngOnInit() {
-        this.sub = this.dbxRouteModelIdDelegate.useRouteModelIdParamsObservable(this.idFromParams$, this.id$);
+    constructor() {
+        cleanSubscription(this.dbxRouteModelIdDelegate.useRouteModelIdParamsObservable(this.idFromParams$, this.id$));
         this._redirectInstance.init();
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._redirectInstance.destroy();
-    }
     // MARK: Input
     get idParam() {
         return this._redirectInstance.getParamKey();
@@ -4026,16 +3935,16 @@ class DbxRouteModelIdDirective extends AbstractSubscriptionDirective {
     set dbxRouteModelIdDefaultDecision(decider) {
         this._redirectInstance.setDecider(decider);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxRouteModelIdDirective, deps: null, 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" }, usesInheritance: true, 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]',
                     standalone: true
                 }]
-        }], propDecorators: { idParam: [{
+        }], ctorParameters: () => [], propDecorators: { idParam: [{
                 type: Input,
                 args: ['dbxRouteModelId']
             }], dbxRouteModelIdDefault: [{
@@ -4046,26 +3955,59 @@ 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
+ * If the key does not exist in the params, then the p
  */
-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 });
+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: DbxCoreRouterModelModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxRouteModelKeyDirective, decorators: [{
+            type: Directive,
             args: [{
-                    imports: importsAndExports$6,
-                    exports: importsAndExports$6
+                    selector: '[dbxRouteModelKey]',
+                    standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { keyParam: [{
+                type: Input,
+                args: ['dbxRouteModelKey']
+            }], dbxRouteModelKeyDefault: [{
+                type: Input
+            }], dbxRouteModelKeyDefaultRedirect: [{
+                type: Input
+            }], dbxRouteModelKeyDefaultDecision: [{
+                type: Input
+            }] } });
 
 /**
  * Pipes an ObservableOrValueGetter to an Observable value.
@@ -4074,10 +4016,10 @@ 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" });
+    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: AsObservablePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AsObservablePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'asObservable',
@@ -4085,86 +4027,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAsyncPipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports$5,
-                    exports: importsAndExports$5
-                }]
-        }] });
-
-/**
- * Pipe that takes in a date and number of minutes and outputs a formatted date.
- */
-class DateFromToTimePipe {
-    locale = inject(LOCALE_ID);
-    static formatFromTo(input, format, minutes, locale) {
+class DateDayRangePipe {
+    transform(input, unavailable = 'Not Available') {
         if (input) {
-            const date = toJsDate(input);
-            const endDate = addMinutes(date, minutes);
-            const dateString = formatDate(date, format, locale);
-            return dateString + ' - ' + formatToTimeString(endDate);
+            return formatToDayRangeString(input);
+        }
+        else {
+            return unavailable;
         }
-        return undefined;
-    }
-    transform(input, format, minutes) {
-        return DateFromToTimePipe.formatFromTo(input, format, minutes, this.locale);
     }
-    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: 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: DateFromToTimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateDayRangePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'dateFromPlusTo',
+                    name: 'dateDayRange',
                     standalone: true,
                     pure: 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';
-            }
-        }
-        else {
-            return undefined;
-        }
-    }
-    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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinutesStringPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'minutesString',
-                    standalone: true,
-                    pure: false
-                }]
-        }] });
-
 class ToJsDatePipe {
     static toJsDate(input) {
         let date;
@@ -4179,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',
@@ -4191,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.
  */
@@ -4282,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',
@@ -4294,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;
     }
-    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 });
+    transform(input, format, minutes) {
+        return DateFormatFromToPipe.formatFromTo(input, format, minutes, this.locale);
+    }
+    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
                 }]
@@ -4347,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',
@@ -4359,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
                 }]
         }] });
 
@@ -4389,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',
@@ -4401,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
                 }]
         }] });
 
@@ -4458,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',
@@ -4482,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',
@@ -4494,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
                 }]
         }] });
 
@@ -4622,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',
@@ -4633,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.
  */
@@ -4658,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',
@@ -4677,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',
@@ -4695,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',
@@ -4716,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',
@@ -4728,63 +4545,19 @@ 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.
  */
 class AbstractFilterSourceConnectorDirective {
-    _source = new BehaviorSubject(undefined);
+    _source = completeOnDestroy(new BehaviorSubject(undefined));
     filter$ = this._source.pipe(switchMap((x) => x?.filter$ ?? of(undefined)), filterMaybe(), shareReplay(1));
-    ngOnDestroy() {
-        this._source.complete();
-    }
     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
         }] });
 
@@ -4866,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
         }] });
 
@@ -4889,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]',
@@ -4904,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]',
@@ -4930,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
         }] });
 
@@ -4945,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]',
@@ -4968,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) => {
@@ -4985,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]',
@@ -4996,20 +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 = inject((FilterMap));
-    ngOnDestroy() {
-        this.filterMap.destroy();
-    }
-    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 });
+    filterMap = clean(inject((FilterMap)));
+    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]',
@@ -5030,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]',
@@ -5042,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
                 }]
         }] });
 
@@ -5173,7 +4936,7 @@ class DbxInjectionInstance {
         const componentRef = content.createComponent(componentClass, { injector, ngModuleRef });
         const instance = componentRef.instance;
         if (init) {
-            init(instance);
+            runInInjectionContext(componentRef.injector, () => init(instance));
         }
         this.componentRef = componentRef;
     }
@@ -5216,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
         }] });
 
@@ -5227,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',
@@ -5272,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.
@@ -5309,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();
@@ -5329,7 +5092,7 @@ class DbxInjectionContextDirective {
     }
     ngOnDestroy() {
         this._instance.destroy();
-        this._embeddedView?.destroy(); // destroy our embedded view too.
+        this._embeddedView?.destroy(); // destroy our embedded view too if it is set.
     }
     async showContext(config) {
         // clear the current context before showing something new.
@@ -5411,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.
@@ -5459,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
         }] });
 
@@ -5508,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;
@@ -5549,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,
@@ -5796,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
         }] });
 
@@ -6000,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, actionContextStoreSourceInstanceFactory, actionContextStoreSourceMachineFactory, actionContextStoreSourceMap, actionContextStoreSourceMapReader, actionContextStoreSourcePipe, anchorTypeForAnchor, asSegueRef, asSegueRefString, assertValidStorageKeyPrefix, authRolesSetContainsAllRolesFrom, authRolesSetContainsAnyRoleFrom, authRolesSetContainsNoRolesFrom, authUserIdentifier, canReadyValue, canTriggerAction, canTriggerActionState, checkNgContentWrapperHasContent, clickableUrlInNewTab, clickableUrlMailTo, clickableUrlTel, 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