@dereekb/dbx-core 1.2.0 → 3.0.0

package/fesm2015/dereekb-dbx-core.mjs

@@ -1,22 +1,25 @@
 import * as i0 from '@angular/core';
-import { Directive, forwardRef, Host, Input, Injectable, Optional, Component, NgModule, EventEmitter, Output, LOCALE_ID, Pipe, Inject, ViewChild, InjectionToken, Injector, ViewContainerRef } from '@angular/core';
-import * as i1$3 from '@dereekb/rxjs';
-import { SubscriptionObject, LockSet, filterMaybe, scanCount, combineLatestFromMapValuesObsFn, skipFirstMaybe, FilterSourceInstance, FilterSource, FilterSourceConnector, FilterMap } from '@dereekb/rxjs';
+import { Directive, Injectable, forwardRef, Host, Input, Optional, NgModule, InjectionToken, Inject, EventEmitter, Output, LOCALE_ID, Pipe, ViewChild, Injector, ViewContainerRef, Component } from '@angular/core';
+import * as i1$5 from '@dereekb/rxjs';
+import { SubscriptionObject, LockSet, filterMaybe, LoadingStateType, beginLoading, idleLoadingState, errorResult, successResult, scanCount, combineLatestFromMapValuesObsFn, workFactory, emitDelayObs, asObservable, returnIfIs, skipFirstMaybe, onFalseToTrue, onTrueToFalse, setContainsAllValuesFrom, FilterSourceInstance, FilterSource, FilterSourceConnector, FilterMap } from '@dereekb/rxjs';
 import * as i1 from 'rxjs';
-import { BehaviorSubject, combineLatest, Subject, interval, EMPTY, of, isObservable, delay as delay$1, filter as filter$1, startWith as startWith$1, switchMap as switchMap$1, shareReplay as shareReplay$1, first as first$1, Observable, tap as tap$1 } from 'rxjs';
-import { switchMap, first, distinctUntilChanged, filter, debounce, throttle, exhaustMap, mergeMap, map, shareReplay, withLatestFrom, startWith, tap, delay } from 'rxjs/operators';
-import * as i1$4 from '@dereekb/util';
-import { hasValueOrNotEmpty, BooleanStringKeyArrayUtilityInstance, reduceBooleansWithOrFn, getValueFromObjectOrGetter, expandTreeFunction, flattenTreeToArrayFunction, expandFlattenTreeFunction, mergeArrayIntoArray, objectFlatMergeMatrix, mergeArrays, filterMaybeValues, mergeObjects, mergeArrayOrValueIntoArray, DataIsExpiredError, DataDoesNotExistError, filterMaybeValuesFn, StorageObjectUtility, SHARED_MEMORY_STORAGE } from '@dereekb/util';
+import { BehaviorSubject, combineLatest, Subject, interval, EMPTY, of, distinctUntilChanged as distinctUntilChanged$1, exhaustMap as exhaustMap$1, shareReplay as shareReplay$1, delay, switchMap as switchMap$1, map as map$1, catchError, first as first$1, firstValueFrom, filter as filter$1, takeUntil, startWith as startWith$1, tap as tap$1, Observable } from 'rxjs';
+import { switchMap, first, distinctUntilChanged, filter, debounce, throttle, exhaustMap, mergeMap, map, shareReplay, withLatestFrom, startWith, tap, delay as delay$1 } from 'rxjs/operators';
+import * as i1$6 from '@dereekb/util';
+import { isDefinedAndNotFalse, hasValueOrNotEmpty, BooleanStringKeyArrayUtilityInstance, reduceBooleansWithOrFn, getValueFromGetter, isGetter, setIncludesFunction, maybeSet, isAllowed, expandTreeFunction, flattenTreeToArrayFunction, expandFlattenTreeFunction, mergeArrayIntoArray, objectFlatMergeMatrix, mergeArrays, filterMaybeValues, mergeObjects, mergeArrayOrValueIntoArray, makePromiseFullRef, DataIsExpiredError, DataDoesNotExistError, filterMaybeValuesFn, StorageObjectUtility, SHARED_MEMORY_STORAGE } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
-import * as i2 from '@angular/common';
 import { CommonModule, formatDate } from '@angular/common';
-import ms from 'ms';
+import * as i1$3 from '@ngrx/effects';
+import { ofType, createEffect, EffectsModule } from '@ngrx/effects';
+import * as i1$4 from '@ngrx/store';
+import { createAction, props, createReducer, on, combineReducers, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
 import * as i1$1 from '@angular/router';
 import { NavigationStart, NavigationEnd } from '@angular/router';
 import { isArray } from 'class-validator';
 import * as i1$2 from '@uirouter/core';
-import { addMinutes, isPast, formatDistance, isValid, formatDistanceToNow, startOfDay, isSameDay } from 'date-fns';
+import { addMinutes, isValid, isPast, formatDistance, formatDistanceToNow, startOfDay, isSameDay } from 'date-fns';
 import { toJsDate, formatToTimeString, unixTimeNumberForNow, timeHasExpired } from '@dereekb/date';
+import { __awaiter } from 'tslib';
 
 /**
  * Abstract component that contains a SubscriptionObject and will clean it up automatically.
@@ -33,9 +36,9 @@ class AbstractSubscriptionDirective {
         this._subscriptionObject.subscription = subscription;
     }
 }
-AbstractSubscriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractSubscriptionDirective, deps: [{ token: i1.Subscription }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractSubscriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractSubscriptionDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractSubscriptionDirective, decorators: [{
+AbstractSubscriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractSubscriptionDirective, deps: [{ token: i1.Subscription }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractSubscriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractSubscriptionDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractSubscriptionDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.Subscription }]; } });
 /**
@@ -53,9 +56,9 @@ class AbstractLockSetSubscriptionDirective extends AbstractSubscriptionDirective
         super.ngOnDestroy();
     }
 }
-AbstractLockSetSubscriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractLockSetSubscriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractLockSetSubscriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractLockSetSubscriptionDirective, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractLockSetSubscriptionDirective, decorators: [{
+AbstractLockSetSubscriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractLockSetSubscriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AbstractLockSetSubscriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractLockSetSubscriptionDirective, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractLockSetSubscriptionDirective, decorators: [{
             type: Directive
         }] });
 
@@ -81,8 +84,10 @@ function pipeActionStore(source, pipeFn) {
 function useActionStore(source, useFn) {
     return source.store$.pipe(first()).subscribe(useFn);
 }
-// tslint:disable-next-line: directive-class-suffix
-class ActionContextStoreSourceInstance {
+/**
+ * Service that wraps a ActionContextStoreSource.
+ */
+class DbxActionContextStoreSourceInstance {
     constructor(source) {
         this.source = source;
         this.lockSet = new LockSet();
@@ -124,6 +129,9 @@ class ActionContextStoreSourceInstance {
     get isModified$() {
         return this.pipeStore(x => x.isModified$);
     }
+    get canTrigger$() {
+        return this.pipeStore(x => x.canTrigger$);
+    }
     get isModifiedAndCanTriggerUpdates$() {
         return this.pipeStore(x => x.isModifiedAndCanTriggerUpdates$);
     }
@@ -133,12 +141,21 @@ class ActionContextStoreSourceInstance {
     get actionState$() {
         return this.pipeStore(x => x.actionState$);
     }
+    get loadingState$() {
+        return this.pipeStore(x => x.loadingState$);
+    }
+    get loadingStateType$() {
+        return this.pipeStore(x => x.loadingStateType$);
+    }
     get isWorking$() {
         return this.pipeStore(x => x.isWorking$);
     }
     get isSuccess$() {
         return this.pipeStore(x => x.isSuccess$);
     }
+    get disabledKeys$() {
+        return this.pipeStore(x => x.disabledKeys$);
+    }
     get isDisabled$() {
         return this.pipeStore(x => x.isDisabled$);
     }
@@ -166,23 +183,23 @@ class ActionContextStoreSourceInstance {
     reject(error) {
         this.useStore((x) => x.reject(error));
     }
-    success(value) {
-        this.useStore((x) => x.success(value));
+    resolve(value) {
+        this.useStore((x) => x.resolve(value));
     }
     reset() {
         this.useStore((x) => x.reset());
     }
 }
-ActionContextStoreSourceInstance.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ActionContextStoreSourceInstance, deps: [{ token: ActionContextStoreSource }], target: i0.ɵɵFactoryTarget.Directive });
-ActionContextStoreSourceInstance.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: ActionContextStoreSourceInstance, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ActionContextStoreSourceInstance, decorators: [{
-            type: Directive
+DbxActionContextStoreSourceInstance.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionContextStoreSourceInstance, deps: [{ token: ActionContextStoreSource }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxActionContextStoreSourceInstance.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionContextStoreSourceInstance });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionContextStoreSourceInstance, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: ActionContextStoreSource }]; } });
 const actionContextStoreSourceInstanceFactory = (source) => {
-    return new ActionContextStoreSourceInstance(source);
+    return new DbxActionContextStoreSourceInstance(source);
 };
 /**
- * Provides an ActionContextStoreSource, as well as an ActionContextStoreSourceInstance.
+ * Provides an ActionContextStoreSource, as well as an DbxActionContextStoreSourceInstance.
  */
 function ProvideActionStoreSource(sourceType) {
     return [{
@@ -190,7 +207,7 @@ function ProvideActionStoreSource(sourceType) {
             useExisting: forwardRef(() => sourceType)
         },
         {
-            provide: ActionContextStoreSourceInstance,
+            provide: DbxActionContextStoreSourceInstance,
             useFactory: actionContextStoreSourceInstanceFactory,
             deps: [ActionContextStoreSource]
         }];
@@ -214,7 +231,7 @@ class DbxActionAutoModifyDirective extends AbstractSubscriptionDirective {
         return this._autoModifyEnabled.value;
     }
     set autoModifyEnabled(autoModifyEnabled) {
-        this._autoModifyEnabled.next(autoModifyEnabled !== 'false');
+        this._autoModifyEnabled.next(autoModifyEnabled !== false);
     }
     ngOnInit() {
         const obs = combineLatest([
@@ -234,15 +251,15 @@ class DbxActionAutoModifyDirective extends AbstractSubscriptionDirective {
         });
     }
 }
-DbxActionAutoModifyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionAutoModifyDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionAutoModifyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionAutoModifyDirective, selector: "[dbxActionAutoModify]", inputs: { autoModifyEnabled: ["dbxActionAutoModify", "autoModifyEnabled"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionAutoModifyDirective, decorators: [{
+DbxActionAutoModifyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionAutoModifyDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionAutoModifyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionAutoModifyDirective, selector: "[dbxActionAutoModify]", inputs: { autoModifyEnabled: ["dbxActionAutoModify", "autoModifyEnabled"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionAutoModifyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionAutoModify]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     }, propDecorators: { autoModifyEnabled: [{
@@ -255,19 +272,19 @@ const DEFAULT_THROTTLE_MS = 10 * 1000;
 const DEFAULT_ERROR_THROTTLE_MS = 3 * 1000;
 const MAX_ERRORS_TO_THROTTLE_ON = 6;
 /**
- * Extension of DbxActionTransitionSafetyDirective that automatically triggers the action periodically when it is in a modified state.
+ * Directive that automatically triggers the action periodically when it is in a modified state.
  */
 class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
     constructor(source) {
         super();
         this.source = source;
         this._triggerEnabled = new BehaviorSubject(true);
+        this._triggerLimit = new BehaviorSubject(undefined);
+        this._trigger = new Subject();
         this.triggerDebounce = DEFAULT_DEBOUNCE_MS;
         this.triggerThrottle = DEFAULT_THROTTLE_MS;
         this.triggerErrorThrottle = DEFAULT_ERROR_THROTTLE_MS;
         this.maxErrorsForThrottle = MAX_ERRORS_TO_THROTTLE_ON;
-        this._triggerLimit = new BehaviorSubject(undefined);
-        this._trigger = new Subject();
         this._triggerCount = 0;
         this._errorCount$ = this.source.errorCountSinceLastSuccess$;
         this._triggerCount$ = this.source.isModifiedAndCanTriggerUpdates$.pipe(filter(() => this.isEnabled), filter((x) => x), debounce(() => interval(this.triggerDebounce)), throttle(() => this._errorCount$.pipe(first(), exhaustMap((count) => interval(this.triggerThrottle + (Math.min(count, this.maxErrorsForThrottle) * this.triggerErrorThrottle)))), { leading: true, trailing: true }), 
@@ -307,7 +324,7 @@ class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
      * Used in forms that are simple.
      */
     set fastTrigger(fastTrigger) {
-        if (fastTrigger) {
+        if (isDefinedAndNotFalse(fastTrigger)) {
             this.triggerDebounce = 200;
             this.triggerThrottle = 500;
         }
@@ -318,7 +335,7 @@ class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
      * Used in forms that generally return a single value.
      */
     set instantTrigger(instantTrigger) {
-        if (instantTrigger) {
+        if (isDefinedAndNotFalse(instantTrigger)) {
             this.triggerDebounce = 10;
             this.triggerThrottle = 0;
         }
@@ -341,20 +358,21 @@ class DbxActionAutoTriggerDirective extends AbstractSubscriptionDirective {
     ngOnDestroy() {
         this.source.lockSet.onNextUnlock(() => {
             super.ngOnDestroy();
+            this._triggerEnabled.complete();
             this._trigger.complete();
             this._triggerLimit.complete();
         });
     }
 }
-DbxActionAutoTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionAutoTriggerDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionAutoTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger, [dbxActionAutoTrigger]", inputs: { triggerEnabled: ["dbxActionAutoTrigger", "triggerEnabled"], triggerDebounce: "triggerDebounce", triggerThrottle: "triggerThrottle", triggerErrorThrottle: "triggerErrorThrottle", fastTrigger: "fastTrigger", instantTrigger: "instantTrigger", triggerLimit: "triggerLimit" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionAutoTriggerDirective, decorators: [{
+DbxActionAutoTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionAutoTriggerDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionAutoTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger, [dbxActionAutoTrigger]", inputs: { triggerEnabled: ["dbxActionAutoTrigger", "triggerEnabled"], triggerDebounce: "triggerDebounce", triggerThrottle: "triggerThrottle", triggerErrorThrottle: "triggerErrorThrottle", fastTrigger: "fastTrigger", instantTrigger: "instantTrigger", triggerLimit: "triggerLimit" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionAutoTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbxActionAutoTrigger, [dbxActionAutoTrigger]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     }, propDecorators: { triggerEnabled: [{
@@ -375,19 +393,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
             }] } });
 
 /**
- * Directive that watches an observable for changes and sets the new value and modified states as necessary.
+ * Directive that watches a value observable for changes and sets the new value and modified states as necessary.
  */
-class DbxActionAutoTriggerValueDirective {
+class dbxActionValueStreamDirective {
     constructor(source) {
         this.source = source;
         this._valueObs = new BehaviorSubject(EMPTY);
         this._isModifiedFn = new BehaviorSubject(undefined);
         this._modifiedSub = new SubscriptionObject();
         this._triggerSub = new SubscriptionObject();
-        this.modifiedValue$ = this._valueObs.pipe(switchMap((obs) => obs.pipe(withLatestFrom(this._isModifiedFn), mergeMap(([value, dbxActionAutoTriggerModified]) => {
+        this.modifiedValue$ = this._valueObs.pipe(switchMap((obs) => obs.pipe(withLatestFrom(this._isModifiedFn), mergeMap(([value, dbxActionValueStreamModified]) => {
             let result;
-            if (dbxActionAutoTriggerModified) {
-                result = dbxActionAutoTriggerModified(value).pipe(map((isModified) => [isModified, value]));
+            if (dbxActionValueStreamModified) {
+                result = dbxActionValueStreamModified(value).pipe(map((isModified) => [isModified, value]));
             }
             else {
                 result = of([true, value]);
@@ -395,18 +413,18 @@ class DbxActionAutoTriggerValueDirective {
             return result;
         }), shareReplay(1))));
     }
-    set dbxActionAutoTriggerValue(dbxActionAutoTriggerValue) {
-        this._valueObs.next(dbxActionAutoTriggerValue);
+    set dbxActionValueStream(dbxActionValueStream) {
+        this._valueObs.next(dbxActionValueStream);
     }
-    set dbxActionAutoTriggerModifiedNonEmptyValue(requireNonEmpty) {
-        if (requireNonEmpty) {
-            this.dbxActionAutoTriggerModified = (value) => {
+    set dbxActionValueStreamIsNotEmpty(requireNonEmpty) {
+        if (isDefinedAndNotFalse(requireNonEmpty)) {
+            this.dbxActionValueStreamModified = (value) => {
                 return of(hasValueOrNotEmpty(value));
             };
         }
     }
-    set dbxActionAutoTriggerModified(dbxActionAutoTriggerModified) {
-        this._isModifiedFn.next(dbxActionAutoTriggerModified);
+    set dbxActionValueStreamModified(dbxActionValueStreamModified) {
+        this._isModifiedFn.next(dbxActionValueStreamModified);
     }
     ngOnInit() {
         // Update Modified value.
@@ -414,89 +432,109 @@ class DbxActionAutoTriggerValueDirective {
             this.source.setIsModified(isModified);
         });
         // Set the value on triggers.
-        this._triggerSub.subscription = this.source.triggered$.pipe(mergeMap(x => this.modifiedValue$)).subscribe(([isModified, value]) => {
-            this.source.readyValue(value);
+        this._triggerSub.subscription = this.source.triggered$.pipe(switchMap(_ => this.modifiedValue$)).subscribe(([isModified, value]) => {
+            if (isModified) {
+                this.source.readyValue(value);
+            }
         });
     }
     ngOnDestroy() {
         this.source.lockSet.onNextUnlock(() => {
-            this._isModifiedFn.complete();
             this._valueObs.complete();
+            this._isModifiedFn.complete();
             this._modifiedSub.destroy();
             this._triggerSub.destroy();
         });
     }
 }
-DbxActionAutoTriggerValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionAutoTriggerValueDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionAutoTriggerValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionAutoTriggerValueDirective, selector: "[dbxActionAutoTriggerValue]", inputs: { dbxActionAutoTriggerValue: "dbxActionAutoTriggerValue", dbxActionAutoTriggerModifiedNonEmptyValue: "dbxActionAutoTriggerModifiedNonEmptyValue", dbxActionAutoTriggerModified: "dbxActionAutoTriggerModified" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionAutoTriggerValueDirective, decorators: [{
+dbxActionValueStreamDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: dbxActionValueStreamDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+dbxActionValueStreamDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: { dbxActionValueStream: "dbxActionValueStream", dbxActionValueStreamIsNotEmpty: "dbxActionValueStreamIsNotEmpty", dbxActionValueStreamModified: "dbxActionValueStreamModified" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: dbxActionValueStreamDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[dbxActionAutoTriggerValue]',
+                    selector: '[dbxActionValueStream]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
-    }, propDecorators: { dbxActionAutoTriggerValue: [{
-                type: Input,
-                args: ['dbxActionAutoTriggerValue']
-            }], dbxActionAutoTriggerModifiedNonEmptyValue: [{
+    }, propDecorators: { dbxActionValueStream: [{
+                type: Input
+            }], dbxActionValueStreamIsNotEmpty: [{
                 type: Input
-            }], dbxActionAutoTriggerModified: [{
+            }], dbxActionValueStreamModified: [{
                 type: Input
             }] } });
 
 /**
  * Used by ActionContextState to denote what state the action is in.
  */
-var ActionState;
-(function (ActionState) {
+var DbxActionState;
+(function (DbxActionState) {
     /**
      * No action in progress. Waiting for the trigger.
      */
-    ActionState["Idle"] = "idle";
+    DbxActionState["IDLE"] = "idle";
     /**
      * Idle state that can be set to show that the source is not yet ready.
      */
-    ActionState["Disabled"] = "disabled";
+    DbxActionState["DISABLED"] = "disabled";
     /**
      * The action was triggered. We wait (and allow) the value to be updated.
      */
-    ActionState["Triggered"] = "triggered";
+    DbxActionState["TRIGGERED"] = "triggered";
     /**
      * The trigger was accepted and the value is updated. It should begin working immediately.
      *
      * ValueReady cannot be set until triggered is set.
      */
-    ActionState["ValueReady"] = "valueReady";
+    DbxActionState["VALUE_READY"] = "valueReady";
     /**
      * The action is in progress.
      */
-    ActionState["Working"] = "working";
+    DbxActionState["WORKING"] = "working";
     /**
      * The trigger, action, or value was rejected due to an error or other issue.
      *
      * An error may be specified optionally.
      */
-    ActionState["Rejected"] = "rejected";
+    DbxActionState["REJECTED"] = "rejected";
     /**
-     * The action was successful.
+     * The action resolved without issue.
      */
-    ActionState["Success"] = "success";
-})(ActionState || (ActionState = {}));
-const DEFAULT_ACTION_DISABLED_KEY = 'default';
+    DbxActionState["RESOLVED"] = "resolved";
+})(DbxActionState || (DbxActionState = {}));
+const DEFAULT_ACTION_DISABLED_KEY = 'dbx_action_disabled';
 function isIdleActionState(actionState) {
     switch (actionState) {
-        case ActionState.Idle:
-        case ActionState.Disabled:
-        case ActionState.Rejected:
-        case ActionState.Success:
+        case DbxActionState.IDLE:
+        case DbxActionState.DISABLED:
+        case DbxActionState.REJECTED:
+        case DbxActionState.RESOLVED:
             return true;
         default:
             return false;
     }
 }
+function loadingStateTypeForActionState(actionState) {
+    let loadingStateType;
+    switch (actionState) {
+        case DbxActionState.RESOLVED:
+            loadingStateType = LoadingStateType.SUCCESS;
+            break;
+        case DbxActionState.REJECTED:
+            loadingStateType = LoadingStateType.ERROR;
+            break;
+        case DbxActionState.IDLE:
+        case DbxActionState.DISABLED:
+            loadingStateType = LoadingStateType.IDLE;
+            break;
+        default:
+            loadingStateType = LoadingStateType.LOADING;
+            break;
+    }
+    return loadingStateType;
+}
 
 function isActionContextEnabled(state) {
     return BooleanStringKeyArrayUtilityInstance.isFalse(state.disabled);
@@ -511,13 +549,13 @@ function isWorkingActionState(actionState) {
     return !isIdleActionState(actionState);
 }
 function canTriggerActionState(actionState) {
-    return actionState !== ActionState.Disabled && isIdleActionState(actionState);
+    return actionState !== DbxActionState.DISABLED && isIdleActionState(actionState);
 }
 function canTriggerAction(state) {
     return isActionContextEnabled(state) && isIdleActionState(state.actionState);
 }
 function canReadyValue(state) {
-    return state.actionState === ActionState.Triggered;
+    return state.actionState === DbxActionState.TRIGGERED;
 }
 function actionContextIsModifiedAndCanTrigger(state) {
     // console.log('check: ', state, state.isModified, canTriggerAction(state));
@@ -526,20 +564,42 @@ function actionContextIsModifiedAndCanTrigger(state) {
 function actionContextHasNoErrorAndIsModifiedAndCanTrigger(state) {
     return !state.error && actionContextIsModifiedAndCanTrigger(state);
 }
+function loadingStateForActionContextState(state) {
+    let loadingState;
+    switch (state.actionState) {
+        case DbxActionState.RESOLVED:
+            loadingState = successResult(state.result);
+            break;
+        case DbxActionState.REJECTED:
+            loadingState = errorResult(state.error);
+            break;
+        case DbxActionState.IDLE:
+        case DbxActionState.DISABLED:
+            loadingState = idleLoadingState();
+            break;
+        default:
+            loadingState = beginLoading();
+            break;
+    }
+    return loadingState;
+}
+function loadingStateTypeForActionContextState(state) {
+    return loadingStateTypeForActionState(state.actionState);
+}
 const INITIAL_STATE = {
     isModified: false,
-    actionState: ActionState.Idle
+    actionState: DbxActionState.IDLE
 };
 class ActionContextStore extends ComponentStore {
     constructor() {
         super(Object.assign({}, INITIAL_STATE));
         this.lockSet = new LockSet();
         // MARK: Accessors
-        this.actionState$ = this.state$.pipe(map(x => isDisabledActionContextState(x) ? ActionState.Disabled : x.actionState), shareReplay(1));
+        this.actionState$ = this.state$.pipe(map(x => isDisabledActionContextState(x) ? DbxActionState.DISABLED : x.actionState), shareReplay(1));
         /**
-         * Returns the current disabled reasons.
+         * Returns the current disabled reasons/keys.
          */
-        this.disabled$ = this.state$.pipe(map(x => { var _a; return [...(_a = x.disabled) !== null && _a !== void 0 ? _a : []]; }), distinctUntilChanged(), shareReplay(1));
+        this.disabledKeys$ = this.state$.pipe(map(x => { var _a; return [...(_a = x.disabled) !== null && _a !== void 0 ? _a : []]; }), distinctUntilChanged(), shareReplay(1));
         /**
          * Maps the current state to true or not when the action state changes to/from disabled.
          */
@@ -551,19 +611,19 @@ class ActionContextStore extends ComponentStore {
         /**
          * Pipes true when triggered.
          */
-        this.triggered$ = this.afterDistinctActionState(ActionState.Triggered, () => true);
+        this.triggered$ = this.afterDistinctActionState(DbxActionState.TRIGGERED, () => true);
         /**
          * Pipes the readied value on ValueReady.
          */
-        this.valueReady$ = this.afterDistinctActionState(ActionState.ValueReady, x => x.value);
+        this.valueReady$ = this.afterDistinctActionState(DbxActionState.VALUE_READY, x => x.value);
         /**
          * Pipes the error on the rejection state.
          */
-        this.rejected$ = this.afterDistinctActionState(ActionState.Rejected, x => x.error);
+        this.rejected$ = this.afterDistinctActionState(DbxActionState.REJECTED, x => x.error);
         /**
          * Pipes the result when the ActionState becomes working.
          */
-        this.working$ = this.afterDistinctActionState(ActionState.Working, () => true);
+        this.working$ = this.afterDistinctActionState(DbxActionState.WORKING, () => true);
         /**
          * Whether or not it is currently in a working state.
          */
@@ -575,11 +635,19 @@ class ActionContextStore extends ComponentStore {
         /**
          * Pipes the result when the ActionState becomes success.
          */
-        this.success$ = this.afterDistinctActionState(ActionState.Success, x => x.result);
+        this.success$ = this.afterDistinctActionState(DbxActionState.RESOLVED, x => x.result);
         /**
          * Whether or not it is currently in a success state.
          */
-        this.isSuccess$ = this.afterDistinctBoolean(x => x.actionState === ActionState.Success);
+        this.isSuccess$ = this.afterDistinctBoolean(x => x.actionState === DbxActionState.RESOLVED);
+        /**
+         * Returns a loading state based on the current state.
+         */
+        this.loadingState$ = this.afterDistinctLoadingStateTypeChange().pipe(map(x => loadingStateForActionContextState(x)), shareReplay(1));
+        /**
+         * Returns the current LoadingStateType based on the current state.
+         */
+        this.loadingStateType$ = this.state$.pipe(map(x => loadingStateTypeForActionContextState(x)), distinctUntilChanged(), shareReplay(1));
         /**
          * Number of errors since last success.
          */
@@ -611,35 +679,35 @@ class ActionContextStore extends ComponentStore {
         /**
          * Triggers the modified state, if not disabled.
          */
-        this.setIsModified = this.updater((state, isModified) => (Object.assign(Object.assign({}, state), { actionState: (state.actionState === ActionState.Success) ? ActionState.Idle : state.actionState, isModified: isModified !== null && isModified !== void 0 ? isModified : true })));
+        this.setIsModified = this.updater((state, isModified) => (Object.assign(Object.assign({}, state), { actionState: (state.actionState === DbxActionState.RESOLVED) ? DbxActionState.IDLE : state.actionState, isModified: isModified !== null && isModified !== void 0 ? isModified : true })));
         /**
          * Triggers the action if the state is currently not idle. The current state is cleared, but the error is retained (as we may need the error from the previous attempt).
          *
          * Will not fire if the action is disabled.
          */
         this.trigger = this.updater((state) => canTriggerAction(state)
-            ? ({ isModified: state.isModified, actionState: ActionState.Triggered, error: state.error, value: undefined })
+            ? ({ isModified: state.isModified, actionState: DbxActionState.TRIGGERED, error: state.error, value: undefined })
             : state);
         /**
          * Updates the value, setting value ready. The current result is cleared.
          */
         this.readyValue = this.updater((state, value) => canReadyValue(state)
-            ? (Object.assign(Object.assign({}, state), { actionState: ActionState.ValueReady, value, result: undefined }))
+            ? (Object.assign(Object.assign({}, state), { actionState: DbxActionState.VALUE_READY, value, result: undefined }))
             : state);
         /**
          * Notifys the context that the action is in progress.
          */
-        this.startWorking = this.updater((state) => (Object.assign(Object.assign({}, state), { actionState: ActionState.Working })));
+        this.startWorking = this.updater((state) => (Object.assign(Object.assign({}, state), { actionState: DbxActionState.WORKING })));
         /**
          * Triggers rejection of the action. The value is cleared.
          */
-        this.reject = this.updater((state, error) => { var _a; return ({ isModified: state.isModified, actionState: ActionState.Rejected, error, errorCount: ((_a = state.errorCount) !== null && _a !== void 0 ? _a : 0) + 1 }); });
+        this.reject = this.updater((state, error) => { var _a; return ({ isModified: state.isModified, actionState: DbxActionState.REJECTED, error, errorCount: ((_a = state.errorCount) !== null && _a !== void 0 ? _a : 0) + 1, disabled: state.disabled }); });
         /**
          * Updates the state to success, and optionally sets a result.
          *
          * Clears modified state, and any errors.
          */
-        this.success = this.updater((state, result) => ({ isModified: false, actionState: ActionState.Success, value: state.value, result, error: undefined }));
+        this.resolve = this.updater((state, result) => ({ isModified: false, actionState: DbxActionState.RESOLVED, value: state.value, result, error: undefined, disabled: state.disabled }));
         /**
          * Completely resets the store.
          */
@@ -651,9 +719,16 @@ class ActionContextStore extends ComponentStore {
         return this.state$.pipe(map(x => fromState(x)), distinctUntilChanged(), shareReplay(1));
     }
     afterDistinctActionState(actionState, fromState) {
+        return this.afterDistinctActionStateChange().pipe(filter((x) => x.actionState === actionState), // Only pipe when the new action state matches.
+        map(x => fromState(x)), shareReplay(1));
+    }
+    afterDistinctActionStateChange() {
         return this.state$.pipe(map((x) => ([x, x.actionState])), distinctUntilChanged((a, b) => (a === null || a === void 0 ? void 0 : a[1]) === (b === null || b === void 0 ? void 0 : b[1])), // Filter out when the state remains the same.
-        filter(([x, y]) => y === actionState), // Only pipe when the action state matches.
-        map(x => fromState(x[0])), shareReplay(1));
+        map(x => x[0]), shareReplay(1));
+    }
+    afterDistinctLoadingStateTypeChange() {
+        return this.state$.pipe(map((x) => ([x, loadingStateForActionContextState(x)])), distinctUntilChanged((a, b) => (a === null || a === void 0 ? void 0 : a[1]) === (b === null || b === void 0 ? void 0 : b[1])), // Filter out when the loading state remains the same.
+        map(x => x[0]), shareReplay(1));
     }
     // MARK: Cleanup
     ngOnDestroy() {
@@ -663,16 +738,16 @@ class ActionContextStore extends ComponentStore {
         }, 2000);
     }
 }
-ActionContextStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ActionContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ActionContextStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ActionContextStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ActionContextStore, decorators: [{
+ActionContextStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ActionContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ActionContextStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ActionContextStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ActionContextStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
 /**
  * Abstract class that can either use SecondaryActionContextStoreSource or create it's own.
  */
-class ActionContextBaseSource {
+class DbxActionContextBaseSource {
     constructor(inputSource) {
         this.inputSource = inputSource;
         if (this.inputSource) {
@@ -682,7 +757,7 @@ class ActionContextBaseSource {
             this._store = new ActionContextStore();
             this._store$ = of(this._store);
         }
-        this._instance = new ActionContextStoreSourceInstance(this);
+        this._instance = new DbxActionContextStoreSourceInstance(this);
         this.isModified$ = this._instance.isModified$;
         this.triggered$ = this._instance.triggered$;
         this.success$ = this._instance.success$;
@@ -714,12 +789,21 @@ class ActionContextBaseSource {
     reset() {
         this._instance.reset();
     }
+    enable(key, enable) {
+        this._instance.enable(key, enable);
+    }
+    disable(key, disable) {
+        this._instance.disable(key, disable);
+    }
+    setIsModified(isModified) {
+        this._instance.setIsModified(isModified);
+    }
 }
 
 /**
  * Provides an DbxActionContext.
  */
-class DbxActionDirective extends ActionContextBaseSource {
+class DbxActionDirective extends DbxActionContextBaseSource {
     constructor(inputSource) {
         super(inputSource);
     }
@@ -729,13 +813,13 @@ class DbxActionDirective extends ActionContextBaseSource {
         });
     }
 }
-DbxActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionDirective, deps: [{ token: SecondaryActionContextStoreSource, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", providers: ProvideActionStoreSource(DbxActionDirective), exportAs: ["action"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionDirective, decorators: [{
+DbxActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionDirective, deps: [{ token: SecondaryActionContextStoreSource, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", providers: ProvideActionStoreSource(DbxActionDirective), exportAs: ["action", "dbxAction"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]',
-                    exportAs: 'action',
+                    exportAs: 'action,dbxAction',
                     providers: ProvideActionStoreSource(DbxActionDirective)
                 }]
         }], ctorParameters: function () {
@@ -767,9 +851,9 @@ class DbxActionSourceDirective {
         this._source.next(source);
     }
 }
-DbxActionSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: { source: ["dbxActionSource", "source"] }, providers: ProvideSecondaryActionStoreSource(DbxActionSourceDirective), ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSourceDirective, decorators: [{
+DbxActionSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: { source: ["dbxActionSource", "source"] }, providers: ProvideSecondaryActionStoreSource(DbxActionSourceDirective), ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionSource]',
@@ -794,15 +878,15 @@ class DbxActionContextLoggerDirective extends AbstractSubscriptionDirective {
         });
     }
 }
-DbxActionContextLoggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionContextLoggerDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionContextLoggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionContextLoggerDirective, selector: "[dbxActionLogger],[dbxActionContextLogger]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionContextLoggerDirective, decorators: [{
+DbxActionContextLoggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionContextLoggerDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionContextLoggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionContextLoggerDirective, selector: "[dbxActionLogger],[dbxActionContextLogger]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionContextLoggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionLogger],[dbxActionContextLogger]'
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     } });
@@ -854,9 +938,9 @@ class DbxActionContextMapDirective {
         return this.map$.pipe(switchMap(combineLatestFromMapValuesObsFn((x) => x.store$.pipe(switchMap(mapFn)))));
     }
 }
-DbxActionContextMapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionContextMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionContextMapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionContextMapDirective, selector: "[dbxActionContextMap]", providers: [], exportAs: ["actionMap"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionContextMapDirective, decorators: [{
+DbxActionContextMapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionContextMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionContextMapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionContextMapDirective, selector: "[dbxActionContextMap]", providers: [], exportAs: ["actionMap"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionContextMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionContextMap]',
@@ -893,9 +977,9 @@ class DbxActionFromMapDirective {
         this._key.next(key);
     }
 }
-DbxActionFromMapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionFromMapDirective, deps: [{ token: DbxActionContextMapDirective }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionFromMapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionFromMapDirective, selector: "[dbxActionFromMap]", inputs: { key: ["dbxActionFromMap", "key"] }, providers: ProvideSecondaryActionStoreSource(DbxActionFromMapDirective), ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionFromMapDirective, decorators: [{
+DbxActionFromMapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionFromMapDirective, deps: [{ token: DbxActionContextMapDirective }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionFromMapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionFromMapDirective, selector: "[dbxActionFromMap]", inputs: { key: ["dbxActionFromMap", "key"] }, providers: ProvideSecondaryActionStoreSource(DbxActionFromMapDirective), ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionFromMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionFromMap]',
@@ -935,9 +1019,9 @@ class DbxActionMapSourceDirective {
         }
     }
 }
-DbxActionMapSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionMapSourceDirective, deps: [{ token: ActionContextStoreSource, host: true }, { token: DbxActionContextMapDirective }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionMapSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionMapSourceDirective, selector: "[dbxActionMapSource]", inputs: { key: ["dbxActionMapSource", "key"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionMapSourceDirective, decorators: [{
+DbxActionMapSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionMapSourceDirective, deps: [{ token: ActionContextStoreSource, host: true }, { token: DbxActionContextMapDirective }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionMapSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionMapSourceDirective, selector: "[dbxActionMapSource]", inputs: { key: ["dbxActionMapSource", "key"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionMapSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionMapSource]'
@@ -957,7 +1041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
 class ActionContextStoreSourceMap {
 }
 
-const DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY = '__disabled';
+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.
  */
@@ -977,15 +1061,15 @@ class DbxActionMapWorkingDisableDirective extends AbstractSubscriptionDirective
         this.source.enable(this.disabledKey || DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY);
     }
 }
-DbxActionMapWorkingDisableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionMapWorkingDisableDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }, { token: DbxActionContextMapDirective }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionMapWorkingDisableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionMapWorkingDisableDirective, selector: "[dbxActionMapWorkingDisable]", inputs: { disabledKey: ["dbxActionMapWorkingDisable", "disabledKey"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionMapWorkingDisableDirective, decorators: [{
+DbxActionMapWorkingDisableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionMapWorkingDisableDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }, { token: DbxActionContextMapDirective }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionMapWorkingDisableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionMapWorkingDisableDirective, selector: "[dbxActionMapWorkingDisable]", inputs: { disabledKey: ["dbxActionMapWorkingDisable", "disabledKey"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionMapWorkingDisableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionMapWorkingDisable]'
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }, { type: DbxActionContextMapDirective }];
     }, propDecorators: { disabledKey: [{
@@ -1018,18 +1102,19 @@ class DbxActionDisabledDirective extends AbstractSubscriptionDirective {
         return this._disabled.value;
     }
     set disabled(disabled) {
-        this._disabled.next(disabled);
+        const disable = disabled !== false;
+        this._disabled.next(disable);
     }
 }
-DbxActionDisabledDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionDisabledDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionDisabledDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionDisabledDirective, selector: "[dbxActionDisabled]", inputs: { disabled: ["dbxActionDisabled", "disabled"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionDisabledDirective, decorators: [{
+DbxActionDisabledDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionDisabledDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionDisabledDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionDisabledDirective, selector: "[dbxActionDisabled]", inputs: { disabled: ["dbxActionDisabled", "disabled"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionDisabledDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionDisabled]'
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     }, propDecorators: { disabled: [{
@@ -1037,42 +1122,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 args: ['dbxActionDisabled']
             }] } });
 
-const APP_ACTION_DISABLED_UNTIL_MODIFIED_DIRECTIVE_KEY = 'dbx_action_is_not_modified';
-/**
- * Directive that sets the disabled state based on the current isModified state.
- */
-class DbxActionDisabledUntilModifiedDirective extends AbstractSubscriptionDirective {
-    constructor(source) {
-        super();
-        this.source = source;
-    }
-    ngOnInit() {
-        this.sub = this.source.isModified$.subscribe((x) => {
-            this.source.disable(APP_ACTION_DISABLED_UNTIL_MODIFIED_DIRECTIVE_KEY, !x);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.source.enable(APP_ACTION_DISABLED_UNTIL_MODIFIED_DIRECTIVE_KEY);
-    }
-}
-DbxActionDisabledUntilModifiedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionDisabledUntilModifiedDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionDisabledUntilModifiedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionDisabledUntilModifiedDirective, selector: "[dbxActionDisabledUntilModified]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionDisabledUntilModifiedDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxActionDisabledUntilModified]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
-                        type: Host
-                    }] }];
-    } });
-
 /**
- * WorkHandlerContextDelegate implementation using an ActionContextStoreSourceInstance.
+ * WorkInstanceDelegate implementation using an DbxActionContextStoreSourceInstance.
  */
-class WorkHandlerContextSourceDelegate {
+class DbxActionWorkInstanceDelegate {
     constructor(source) {
         this.source = source;
     }
@@ -1080,134 +1133,12 @@ class WorkHandlerContextSourceDelegate {
         this.source.startWorking();
     }
     success(result) {
-        this.source.success(result);
+        this.source.resolve(result);
     }
     reject(error) {
         this.source.reject(error);
     }
 }
-/**
- * Used by DbxActionHandlerDirective when handling a function.
- */
-class WorkHandlerContext {
-    constructor(value, delegate) {
-        this.value = value;
-        this.delegate = delegate;
-        this._done = false;
-        this._doneActionBegan = false;
-        this._actionBegan = new BehaviorSubject(false);
-        this._isComplete = new BehaviorSubject(false);
-        // Schedule to cleanup self once isComplete is true.
-        this._isComplete.subscribe((done) => {
-            if (done) {
-                this.destroy();
-            }
-        });
-    }
-    get actionBegan() {
-        var _a;
-        return (_a = this._doneActionBegan) !== null && _a !== void 0 ? _a : this._actionBegan.value;
-    }
-    get actionBegan$() {
-        return this._done ? of(this._doneActionBegan) : this._actionBegan.asObservable();
-    }
-    get isComplete() {
-        return this._done || this._isComplete.value;
-    }
-    get isComplete$() {
-        return this._done ? of(true) : this._isComplete.asObservable();
-    }
-    /**
-     * Begins working using an observable.
-     */
-    startWorkingWithObservable(actionObs) {
-        this.startWorking();
-        actionObs.pipe(first()).subscribe((actionResult) => {
-            this.success(actionResult);
-        }, (error) => {
-            var _a, _b;
-            const message = (_b = (_a = error.message) !== null && _a !== void 0 ? _a : error.code) !== null && _b !== void 0 ? _b : undefined;
-            this.reject((message) ? ({ message }) : undefined);
-        });
-    }
-    /**
-     * Notifies the system that the action has begun.
-     */
-    startWorking() {
-        this._setWorking();
-        this.delegate.startWorking();
-    }
-    /**
-     * Sets success on the action.
-     */
-    success(result) {
-        this._setComplete();
-        this.delegate.success(result);
-    }
-    /**
-     * Sets rejected on the action.
-     */
-    reject(error) {
-        this._setComplete();
-        this.delegate.reject(error);
-    }
-    destroy() {
-        this._doneActionBegan = this.actionBegan;
-        this._done = true;
-        // Delay to prevent error.
-        setTimeout(() => {
-            this._actionBegan.complete();
-            this._isComplete.complete();
-        });
-    }
-    _setWorking() {
-        if (this.actionBegan) {
-            throw new Error('Action already has been triggered for this context.');
-        }
-        this._actionBegan.next(true);
-    }
-    _setComplete() {
-        if (this.isComplete) {
-            throw new Error('Action has already been marked as completed.');
-        }
-        this._isComplete.next(true);
-    }
-}
-/**
- * Creates a function that uses a provider to always handle new values.
- */
-function handleWorkValueReadyWithConfigFn(providerFn) {
-    return (value) => {
-        const config = providerFn(value);
-        return handleWorkValueReadyFn(config)(value);
-    };
-}
-/**
- * Creates a function that handles the incoming value and creates a WorkHandlerContext.
- */
-function handleWorkValueReadyFn({ handlerFunction, delegate }) {
-    return (value) => {
-        const handler = new WorkHandlerContext(value, delegate);
-        let fnResult;
-        try {
-            fnResult = handlerFunction(value, handler);
-        }
-        catch (e) {
-            console.error('Action encountered an unexpected error.', e);
-            handler.reject(e);
-            return;
-        }
-        if (!handler.isComplete) {
-            if (fnResult && isObservable(fnResult)) {
-                if (handler.actionBegan) {
-                    throw new Error('Action already marked as begun from handlerFunction result. Either return an observable or use the handler directly.');
-                }
-                handler.startWorkingWithObservable(fnResult);
-            }
-        }
-        return handler;
-    };
-}
 
 /**
  * Context used for defining a function that performs an action using the input function on ValueReady.
@@ -1218,7 +1149,7 @@ class DbxActionHandlerDirective extends AbstractSubscriptionDirective {
         this.source = source;
         this._handlerFunction = new BehaviorSubject(undefined);
         this.handlerFunction$ = this._handlerFunction.pipe(filterMaybe(), shareReplay(1));
-        this._delegate = new WorkHandlerContextSourceDelegate(this.source);
+        this._delegate = new DbxActionWorkInstanceDelegate(this.source);
     }
     get handlerFunction() {
         return this._handlerFunction.value;
@@ -1227,29 +1158,30 @@ class DbxActionHandlerDirective extends AbstractSubscriptionDirective {
         this._handlerFunction.next(handlerFunction);
     }
     ngOnInit() {
-        this.sub = this.handlerFunction$.pipe(switchMap(handlerFunction => this.source.valueReady$.pipe(map((x) => [handlerFunction, x]), tap(([handlerFunction, value]) => {
-            const context = handleWorkValueReadyFn({ handlerFunction, delegate: this._delegate })(value);
+        this.sub = this.handlerFunction$.pipe(switchMap(work => this.source.valueReady$.pipe(tap((value) => {
+            const context = workFactory({ work, delegate: this._delegate })(value);
             if (context) {
                 // Add the action to the lockSet for the source to prevent it from being destroyed until the action completes.
-                this.source.lockSet.addLock('actionhandler', context.isComplete$.pipe(map(x => !x)));
+                this.source.lockSet.addLock('dbxActionHandler', context.isComplete$.pipe(map(x => !x)));
             }
         })))).subscribe();
     }
     ngOnDestroy() {
         this.source.lockSet.onNextUnlock(() => {
             super.ngOnDestroy();
+            this._handlerFunction.complete();
         });
     }
 }
-DbxActionHandlerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionHandlerDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionHandlerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: { handlerFunction: ["dbxActionHandler", "handlerFunction"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionHandlerDirective, decorators: [{
+DbxActionHandlerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionHandlerDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionHandlerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: { handlerFunction: ["dbxActionHandler", "handlerFunction"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionHandler]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     }, propDecorators: { handlerFunction: [{
@@ -1258,52 +1190,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
             }] } });
 
 /**
- * Displays the input content when success is set.
- *
- * Can be configured to show for a limited time afterwards, etc.
+ * Abstract directive class that watches a show$ observable and behaves like *ngIf.
  */
-class DbxActionSuccessComponent {
-    constructor(source) {
+class AbstractIfDirective extends AbstractSubscriptionDirective {
+    constructor(templateRef, viewContainer) {
+        super();
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+    }
+    ngOnInit() {
+        this.sub = this.show$.pipe(distinctUntilChanged$1()).subscribe((show) => {
+            if (show) {
+                this.viewContainer.createEmbeddedView(this.templateRef);
+            }
+            else {
+                this.viewContainer.clear();
+            }
+        });
+    }
+}
+AbstractIfDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractIfDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractIfDirective, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractIfDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
+
+/**
+ * Structural directive that displays the content when the store has a success value.
+ */
+class DbxActionHasSuccessDirective extends AbstractIfDirective {
+    constructor(templateRef, viewContainer, source) {
+        super(templateRef, viewContainer);
         this.source = source;
-        this.show$ = this.source.isSuccess$.pipe(exhaustMap((success) => {
+        this.show$ = this.source.isSuccess$.pipe(exhaustMap$1((success) => {
             if (success) {
-                if (this.hideAfter) {
-                    return of(false).pipe(delay(this.hideAfter), startWith(true));
-                }
-                else {
-                    return of(true);
-                }
+                return emitDelayObs(true, false, this.hideAfter || undefined);
             }
             else {
                 return of(false);
             }
-        }), shareReplay(1));
+        }), shareReplay$1(1));
     }
 }
-DbxActionSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSuccessComponent, deps: [{ token: ActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Component });
-DbxActionSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionSuccessComponent, selector: "dbx-action-success", inputs: { hideAfter: "hideAfter" }, ngImport: i0, template: `
-    <ng-container *ngIf="show$ | async">
-      <ng-content></ng-content>
-    </ng-container>
-  `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSuccessComponent, decorators: [{
-            type: Component,
+DbxActionHasSuccessDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionHasSuccessDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionHasSuccessDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionHasSuccessDirective, selector: "[dbxActionHasSuccess]", inputs: { hideAfter: ["dbxActionHasSuccess", "hideAfter"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionHasSuccessDirective, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'dbx-action-success',
-                    template: `
-    <ng-container *ngIf="show$ | async">
-      <ng-content></ng-content>
-    </ng-container>
-  `
+                    selector: '[dbxActionHasSuccess]'
                 }]
-        }], ctorParameters: function () { return [{ type: ActionContextStoreSourceInstance }]; }, propDecorators: { hideAfter: [{
-                type: Input
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: DbxActionContextStoreSourceInstance }]; }, propDecorators: { hideAfter: [{
+                type: Input,
+                args: ['dbxActionHasSuccess']
             }] } });
 
 /**
  * Directive that executes a function on ActionContextStore Success.
  */
-class DbxActionSuccessDirective extends AbstractSubscriptionDirective {
+class DbxActionSuccessHandlerDirective extends AbstractSubscriptionDirective {
     constructor(source) {
         super();
         this.source = source;
@@ -1317,7 +1261,7 @@ class DbxActionSuccessDirective extends AbstractSubscriptionDirective {
         this._successFunction.next(successFunction);
     }
     ngOnInit() {
-        this.sub = this.successFunction$.pipe(switchMap(successFunction => this.source.success$.pipe(map(x => ([successFunction, x])), tap(([successFn, result]) => {
+        this.sub = this.successFunction$.pipe(switchMap(successFunction => this.source.success$.pipe(map(x => [successFunction, x]), tap(([successFn, result]) => {
             successFn(result);
         })))).subscribe();
     }
@@ -1326,26 +1270,26 @@ class DbxActionSuccessDirective extends AbstractSubscriptionDirective {
         this._successFunction.complete();
     }
 }
-DbxActionSuccessDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSuccessDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionSuccessDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionSuccessDirective, selector: "[dbxActionSuccess]", inputs: { successFunction: ["dbxActionSuccess", "successFunction"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSuccessDirective, decorators: [{
+DbxActionSuccessHandlerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionSuccessHandlerDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionSuccessHandlerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: { successFunction: ["dbxActionSuccessHandler", "successFunction"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionSuccessHandlerDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[dbxActionSuccess]',
+                    selector: '[dbxActionSuccessHandler]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     }, propDecorators: { successFunction: [{
                 type: Input,
-                args: ['dbxActionSuccess']
+                args: ['dbxActionSuccessHandler']
             }] } });
 
 /**
  * Directive that provides a default value when triggered.
  *
- * No value is required, allowing the directive to automatically call readyValue with undefined.
+ * No value is required, allowing the directive to automatically call readyValue.
  */
 class DbxActionValueDirective extends AbstractSubscriptionDirective {
     constructor(source) {
@@ -1362,24 +1306,26 @@ class DbxActionValueDirective extends AbstractSubscriptionDirective {
     }
     ngOnInit() {
         this.sub = this.valueOrFunction$.pipe(switchMap(valueOrFunction => this.source.triggered$.pipe(tap(() => {
-            const value = getValueFromObjectOrGetter(valueOrFunction);
+            const value = getValueFromGetter(valueOrFunction);
             this.source.readyValue(value);
         })))).subscribe();
     }
     ngOnDestroy() {
-        super.ngOnDestroy();
-        this._valueOrFunction.complete();
+        this.source.lockSet.onNextUnlock(() => {
+            super.ngOnDestroy();
+            this._valueOrFunction.complete();
+        });
     }
 }
-DbxActionValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionValueDirective, deps: [{ token: ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionValueDirective, selector: "[dbxActionValue]", inputs: { valueOrFunction: ["dbxActionValue", "valueOrFunction"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionValueDirective, decorators: [{
+DbxActionValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionValueDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionValueDirective, selector: "[dbxActionValue]", inputs: { valueOrFunction: ["dbxActionValue", "valueOrFunction"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionValue]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     }, propDecorators: { valueOrFunction: [{
@@ -1388,83 +1334,223 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
             }] } });
 
 /**
- * Displays the input content when working is set.
+ * Structural directive that displays the content when the store is working.
+ *
+ * Can specify a period in milliseconds that shows how long to show up after working for a particular number of seconds.
+ */
+class DbxActionIsWorkingDirective extends AbstractIfDirective {
+    constructor(templateRef, viewContainer, source) {
+        super(templateRef, viewContainer);
+        this.source = source;
+        this.show$ = this.source.isWorking$.pipe(exhaustMap$1((isWorking) => {
+            if (isWorking && this.showAfter) {
+                return emitDelayObs(false, true, this.showAfter || undefined);
+            }
+            else {
+                return of(isWorking);
+            }
+        }), shareReplay$1(1));
+    }
+}
+DbxActionIsWorkingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionIsWorkingDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionIsWorkingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionIsWorkingDirective, selector: "[dbxActionIsWorking]", inputs: { showAfter: ["dbxActionIsWorking", "showAfter"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionIsWorkingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionIsWorking]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: DbxActionContextStoreSourceInstance }]; }, propDecorators: { showAfter: [{
+                type: Input,
+                args: ['dbxActionIsWorking']
+            }] } });
+
+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 DbxActionWorkingComponent {
+class DbxActionEnforceModifiedDirective extends AbstractSubscriptionDirective {
     constructor(source) {
+        super();
         this.source = source;
-        this.show$ = this.source.isWorking$;
+        this._enabled = new BehaviorSubject(true);
+    }
+    ngOnInit() {
+        this.sub = 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._enabled.complete();
+        this.source.enable(APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY);
+    }
+    get enabled() {
+        return this._enabled.value;
+    }
+    set enabled(enabled) {
+        var _a;
+        this._enabled.next((_a = Boolean(enabled)) !== null && _a !== void 0 ? _a : true);
     }
 }
-DbxActionWorkingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionWorkingComponent, deps: [{ token: ActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Component });
-DbxActionWorkingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionWorkingComponent, selector: "dbx-action-working", ngImport: i0, template: `
-    <ng-container *ngIf="show$ | async">
-      <ng-content></ng-content>
-    </ng-container>
-  `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionWorkingComponent, decorators: [{
-            type: Component,
+DbxActionEnforceModifiedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionEnforceModifiedDirective, deps: [{ token: DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionEnforceModifiedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionEnforceModifiedDirective, selector: "[dbxActionEnforceModified]", inputs: { enabled: ["dbxActionEnforceModified", "enabled"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionEnforceModifiedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionEnforceModified]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: DbxActionContextStoreSourceInstance, decorators: [{
+                        type: Host
+                    }] }];
+    }, propDecorators: { enabled: [{
+                type: Input,
+                args: ['dbxActionEnforceModified']
+            }] } });
+
+/**
+ * Utility class that handles trigger events to retrieve a value.
+ */
+class DbxActionValueOnTriggerInstance {
+    constructor(config) {
+        this._valueGetter = new BehaviorSubject(undefined);
+        this.valueGetter$ = this._valueGetter.pipe(filterMaybe());
+        this._triggeredSub = new SubscriptionObject();
+        this.source = config.source;
+        this._valueGetter.next(config.valueGetter);
+    }
+    get valueGetter() {
+        return this._valueGetter.value;
+    }
+    set valueGetter(valueGetter) {
+        this._valueGetter.next(valueGetter);
+    }
+    init() {
+        // Ready the value after the source is triggered. Do modified check one last time.
+        this._triggeredSub.subscription = this.source.triggered$.pipe(switchMap$1(() => this.valueGetter$.pipe(switchMap$1((valueGetter) => asObservable(valueGetter())))
+            .pipe(
+        // If the value is not null/undefined and is considered modified, then pass the value.
+        switchMap$1((value) => returnIfIs(this.isModifiedFunction, value, false).pipe(map$1((value) => ({ value })))), 
+        // Catch any errors and pass them to reject.
+        catchError((reject) => of({ reject }))))).subscribe((result) => {
+            if (result.value != null) {
+                this.source.readyValue(result.value);
+            }
+            else {
+                this.source.reject(result.reject);
+            }
+        });
+    }
+    destroy() {
+        this.source.lockSet.onNextUnlock(() => {
+            this._triggeredSub.destroy();
+            this._valueGetter.complete();
+        });
+    }
+}
+
+/**
+ * Abstract class for directives that may perform an action when trigger is called, and returns a value.
+ */
+class AbstractDbxActionValueOnTriggerDirective {
+    constructor(source, valueGetter) {
+        this.source = source;
+        this._triggeredSub = new SubscriptionObject();
+        this._instance = new DbxActionValueOnTriggerInstance({
+            source: this.source,
+            valueGetter
+        });
+    }
+    get valueGetter() {
+        return this._instance.valueGetter;
+    }
+    set valueGetter(valueGetter) {
+        this._instance.valueGetter = valueGetter;
+    }
+    get isModifiedFunction() {
+        return this._instance.isModifiedFunction;
+    }
+    set isModifiedFunction(isModifiedFunction) {
+        this._instance.isModifiedFunction = isModifiedFunction;
+    }
+    ngOnInit() {
+        this._instance.init();
+    }
+    ngOnDestroy() {
+        this._instance.destroy();
+        this._triggeredSub.destroy();
+    }
+}
+AbstractDbxActionValueOnTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxActionValueOnTriggerDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxActionValueOnTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractDbxActionValueOnTriggerDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxActionValueOnTriggerDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: DbxActionContextStoreSourceInstance }, { type: undefined }]; } });
+/**
+ * Action directive that is used to trigger/display a popover, then watches that popover for a value.
+ */
+class DbxActionValueTriggerDirective extends AbstractDbxActionValueOnTriggerDirective {
+    constructor(elementRef, source) {
+        super(source);
+        this.elementRef = elementRef;
+    }
+    set dbxActionValueOnTrigger(dbxActionValueTrigger) {
+        this.valueGetter = dbxActionValueTrigger;
+    }
+    set dbxActionValueTriggerModified(isModifiedFunction) {
+        this.isModifiedFunction = isModifiedFunction;
+    }
+}
+DbxActionValueTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionValueTriggerDirective, deps: [{ token: i0.ElementRef }, { token: DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionValueTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionValueTriggerDirective, selector: "[dbxActionValueOnTrigger]", inputs: { dbxActionValueOnTrigger: "dbxActionValueOnTrigger", dbxActionValueTriggerModified: "dbxActionValueTriggerModified" }, exportAs: ["dbxActionValueOnTrigger"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionValueTriggerDirective, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'dbx-action-working',
-                    template: `
-    <ng-container *ngIf="show$ | async">
-      <ng-content></ng-content>
-    </ng-container>
-  `
+                    exportAs: 'dbxActionValueOnTrigger',
+                    selector: '[dbxActionValueOnTrigger]'
                 }]
-        }], ctorParameters: function () { return [{ type: ActionContextStoreSourceInstance }]; } });
-
-const DEFAULT_SNACKBAR_DIRECTIVE_DURATION = ms('4s');
-const DEFAULT_SNACKBAR_UNDO_DIRECTIVE_DURATION = ms('30s');
-var ActionSnackbarDefaultType;
-(function (ActionSnackbarDefaultType) {
-    ActionSnackbarDefaultType["NONE"] = "none";
-    ActionSnackbarDefaultType["CREATE"] = "create";
-    ActionSnackbarDefaultType["SAVE"] = "save";
-    ActionSnackbarDefaultType["DELETE"] = "delete";
-    ActionSnackbarDefaultType["MERGE"] = "merge";
-    ActionSnackbarDefaultType["SEND"] = "send";
-    ActionSnackbarDefaultType["CANCEL"] = "cancel";
-    ActionSnackbarDefaultType["RESTORE"] = "restore";
-    ActionSnackbarDefaultType["REFRESH"] = "refresh";
-    ActionSnackbarDefaultType["MARK_READ"] = "read";
-    ActionSnackbarDefaultType["MARK_UNREAD"] = "unread";
-})(ActionSnackbarDefaultType || (ActionSnackbarDefaultType = {}));
-var ActionSnackbarEventType;
-(function (ActionSnackbarEventType) {
-    ActionSnackbarEventType[ActionSnackbarEventType["WORKING"] = 0] = "WORKING";
-    ActionSnackbarEventType[ActionSnackbarEventType["SUCCESS"] = 1] = "SUCCESS";
-    ActionSnackbarEventType[ActionSnackbarEventType["REJECTED"] = 2] = "REJECTED";
-})(ActionSnackbarEventType || (ActionSnackbarEventType = {}));
-
-// export * from './snackbar.directive';
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: DbxActionContextStoreSourceInstance }]; }, propDecorators: { dbxActionValueOnTrigger: [{
+                type: Input,
+                args: ['dbxActionValueOnTrigger']
+            }], dbxActionValueTriggerModified: [{
+                type: Input
+            }] } });
 
 /**
  * Configurable machine that handles components of the ActionContextStore lifecycle.
+ *
+ * It can be configured to activate only once before cleaning itself up. It can be used directly as a DbxActionContextSourceReference in cases where it is created as a one-off action.
  */
-class ActionContextMachine extends ActionContextBaseSource {
+class DbxActionContextMachine extends DbxActionContextBaseSource {
     constructor(config, source) {
         super(source);
         this.config = config;
         this._isShutdown = true;
         this._handleValueReadySub = new SubscriptionObject();
+        this._successSub = new SubscriptionObject();
         // Handle Value Ready
         this._handleValueReadySub.subscription = this.sourceInstance.valueReady$.subscribe((value) => {
-            handleWorkValueReadyFn({ handlerFunction: config.handleValueReady, delegate: new WorkHandlerContextSourceDelegate(this.sourceInstance) })(value);
+            const doWork = workFactory({
+                work: config.handleValueReady,
+                delegate: new DbxActionWorkInstanceDelegate(this.sourceInstance)
+            });
+            doWork(value);
         });
         // If this is a one-time use, then destroy it after the first success comes through.
         if (this.config.oneTimeUse) {
-            this.sourceInstance.success$.pipe(first(), delay(1000)).subscribe(() => {
+            this.sourceInstance.success$.pipe(first(), delay$1(1000)).subscribe(() => {
                 this.destroy();
             });
         }
         if (this.config.onSuccess) {
-            this.sourceInstance.success$.subscribe(this.config.onSuccess);
+            this._successSub.subscription = this.sourceInstance.success$.subscribe(this.config.onSuccess);
         }
     }
     destroy() {
         super.destroy();
         this._handleValueReadySub.destroy();
+        this._successSub.destroy();
         this._isShutdown = true;
     }
     get isShutdown() {
@@ -1474,18 +1560,18 @@ class ActionContextMachine extends ActionContextBaseSource {
 
 class DbxCoreActionModule {
 }
-DbxCoreActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCoreActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreActionModule, declarations: [DbxActionDirective, DbxActionContextMapDirective, DbxActionFromMapDirective, DbxActionMapSourceDirective,
-        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionDisabledUntilModifiedDirective,
-        DbxActionAutoTriggerDirective, DbxActionAutoTriggerValueDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
-        DbxActionSuccessComponent, DbxActionSuccessDirective, DbxActionWorkingComponent], imports: [CommonModule], exports: [DbxActionDirective, DbxActionContextMapDirective, DbxActionFromMapDirective, DbxActionMapSourceDirective,
-        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionDisabledUntilModifiedDirective,
-        DbxActionAutoTriggerDirective, DbxActionAutoTriggerValueDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
-        DbxActionSuccessComponent, DbxActionSuccessDirective, DbxActionWorkingComponent] });
-DbxCoreActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreActionModule, imports: [[
+DbxCoreActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCoreActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreActionModule, declarations: [DbxActionDirective, DbxActionContextMapDirective, DbxActionFromMapDirective, DbxActionMapSourceDirective,
+        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionEnforceModifiedDirective,
+        DbxActionAutoTriggerDirective, dbxActionValueStreamDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
+        DbxActionHasSuccessDirective, DbxActionSuccessHandlerDirective, DbxActionIsWorkingDirective], imports: [CommonModule], exports: [DbxActionDirective, DbxActionContextMapDirective, DbxActionFromMapDirective, DbxActionMapSourceDirective,
+        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionEnforceModifiedDirective,
+        DbxActionAutoTriggerDirective, dbxActionValueStreamDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
+        DbxActionHasSuccessDirective, DbxActionSuccessHandlerDirective, DbxActionIsWorkingDirective] });
+DbxCoreActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreActionModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreActionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreActionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1493,98 +1579,433 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                     ],
                     declarations: [
                         DbxActionDirective, DbxActionContextMapDirective, DbxActionFromMapDirective, DbxActionMapSourceDirective,
-                        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionDisabledUntilModifiedDirective,
-                        DbxActionAutoTriggerDirective, DbxActionAutoTriggerValueDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
-                        DbxActionSuccessComponent, DbxActionSuccessDirective, DbxActionWorkingComponent
+                        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionEnforceModifiedDirective,
+                        DbxActionAutoTriggerDirective, dbxActionValueStreamDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
+                        DbxActionHasSuccessDirective, DbxActionSuccessHandlerDirective, DbxActionIsWorkingDirective,
                     ],
                     exports: [
                         DbxActionDirective, DbxActionContextMapDirective, DbxActionFromMapDirective, DbxActionMapSourceDirective,
-                        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionDisabledUntilModifiedDirective,
-                        DbxActionAutoTriggerDirective, DbxActionAutoTriggerValueDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
-                        DbxActionSuccessComponent, DbxActionSuccessDirective, DbxActionWorkingComponent
+                        DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionHandlerDirective, DbxActionDisabledDirective, DbxActionEnforceModifiedDirective,
+                        DbxActionAutoTriggerDirective, dbxActionValueStreamDirective, DbxActionAutoModifyDirective, DbxActionValueDirective, DbxActionContextLoggerDirective,
+                        DbxActionHasSuccessDirective, DbxActionSuccessHandlerDirective, DbxActionIsWorkingDirective
                     ]
                 }]
         }] });
 
-class DbxButton {
-}
-function ProvideDbxButton(sourceType) {
-    return [{
-            provide: DbxButton,
-            useExisting: forwardRef(() => sourceType)
-        }];
+function makeDbxActionContextSourceReference(sourceInstance) {
+    return {
+        sourceInstance,
+        destroy: () => 0
+    };
 }
 
 /**
- * Context used for linking a button to an ActionContext and only look for triggers.
+ * Client auth service used to retrieve info about the current state of client authentication and client roles they may have.
  */
-class DbxActionButtonTriggerDirective extends AbstractSubscriptionDirective {
-    constructor(button, source) {
-        super();
-        this.button = button;
-        this.source = source;
-    }
-    ngOnInit() {
-        this.sub = this.button.clicked$.subscribe(() => {
-            this._buttonClicked();
-        });
-    }
-    _buttonClicked() {
-        this.source.trigger();
-    }
+class DbxAuthService {
 }
-DbxActionButtonTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionButtonTriggerDirective, deps: [{ token: DbxButton, host: true }, { token: ActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionButtonTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionButtonTriggerDirective, selector: "[dbxActionButtonTrigger]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionButtonTriggerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxActionButtonTrigger]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: DbxButton, decorators: [{
-                        type: Host
-                    }] }, { type: ActionContextStoreSourceInstance }];
-    } });
 
 /**
- * Context used for linking a button to an ActionContext.
+ * This generates a TransitionHookFn that can be used with redirecting routes.
  */
-class DbxActionButtonDirective extends DbxActionButtonTriggerDirective {
-    constructor(button, source, ngZone) {
-        super(button, source);
-        this.ngZone = ngZone;
-        this._workingSub = new SubscriptionObject();
-        this._disabledSub = new SubscriptionObject();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this._workingSub.subscription = this.source.isWorking$.subscribe((working) => {
-            // console.log('Working: ', working);
-            this.ngZone.run(() => this.button.working = working);
-        });
-        this._disabledSub.subscription = this.source.isDisabled$.subscribe((disabled) => {
-            // console.log('Disabled: ', disabled);
-            this.ngZone.run(() => this.button.disabled = disabled);
-        });
+function makeAuthTransitionHook(config) {
+    const { defaultRedirectTarget, errorRedirectTarget = defaultRedirectTarget } = config;
+    // https://ui-router.github.io/ng2/docs/latest/modules/transition.html#hookresult
+    const assertIsAuthenticated = (transition) => {
+        const injector = transition.injector();
+        const authService = injector.get(DbxAuthService);
+        const $state = transition.router.stateService;
+        const decisionObs = config.makeDecisionsObs(transition, authService, injector);
+        function redirectOut() {
+            const stateData = transition.targetState().state().data;
+            const redirectTo = stateData === null || stateData === void 0 ? void 0 : stateData.redirectTo;
+            let redirectToObs;
+            if (redirectTo) {
+                let resultObs;
+                if (isGetter(redirectTo)) {
+                    resultObs = getValueFromGetter(redirectTo, { authService, injector, transition });
+                }
+                else {
+                    resultObs = of(redirectTo);
+                }
+                redirectToObs = resultObs.pipe(map$1((stateRef) => {
+                    let redirectTarget;
+                    let redirectParams;
+                    if (stateRef) {
+                        redirectTarget = stateRef.ref;
+                        redirectParams = stateRef.refParams;
+                    }
+                    if (!redirectTarget) {
+                        redirectTarget = defaultRedirectTarget;
+                    }
+                    return $state.target(redirectTarget, redirectParams);
+                }));
+            }
+            else {
+                redirectToObs = of($state.target(defaultRedirectTarget));
+            }
+            return redirectToObs;
+        }
+        const resultObs = decisionObs.pipe(first$1(), switchMap$1((decision) => {
+            if (typeof decision === 'boolean') {
+                if (decision) {
+                    return of(true);
+                }
+                else {
+                    return redirectOut();
+                }
+            }
+            else {
+                return of($state.target(decision.ref, decision.refParams, decision.refOptions));
+            }
+        }), catchError((x) => {
+            console.warn('Encountered error in auth transition hook.', x);
+            return of($state.target(errorRedirectTarget, { location: true })); // Redirect to home
+        }));
+        return firstValueFrom(resultObs);
+    };
+    return assertIsAuthenticated;
+}
+
+/**
+ * Creates a AuthTransitionRedirectTargetGetter that can redirect values based on the current authUserState.
+ *
+ * @param stateMap
+ * @returns
+ */
+function redirectBasedOnAuthUserState(stateMap) {
+    return (input) => {
+        return input.authService.authUserState$.pipe(first$1(), switchMap$1((authUserState) => {
+            const getter = stateMap[authUserState];
+            let result;
+            if (getter) {
+                if (isGetter(getter)) {
+                    result = getValueFromGetter(getter, input);
+                }
+                else {
+                    result = of(getter);
+                }
+            }
+            if (!result) {
+                result = of(undefined);
+            }
+            return result;
+        }));
+    };
+}
+
+/**
+ * This hook redirects to the configured default state when a user is not logged in for configured states.
+ */
+function enableIsLoggedInHook(transitionService, config) {
+    // Matches if the destination state's data property has a truthy 'isSecure' property
+    const isSecureCriteria = {
+        entering: (state) => {
+            const data = state === null || state === void 0 ? void 0 : state.data;
+            const match = Boolean(data === null || data === void 0 ? void 0 : data.requiredLogIn);
+            return match;
+        }
+    };
+    const assertIsLoggedIn = makeAuthTransitionHook(Object.assign(Object.assign({}, config.options), { makeDecisionsObs(transition, authService) {
+            return authService.isLoggedIn$;
+        } }));
+    // Register the "requires auth" hook with the TransitionsService
+    transitionService.onBefore(isSecureCriteria, assertIsLoggedIn, { priority: 100 });
+}
+
+/**
+ * This hook redirects to the configured default state when a user:
+ *
+ * - does not have an allowed state
+ * - has a disallowed state
+ */
+function enableHasAuthRoleHook(transitionService, config) {
+    // Matches if the destination state's data property has a truthy 'isSecure' property
+    const isSecureCriteria = {
+        entering: (state) => {
+            const data = state === null || state === void 0 ? void 0 : state.data;
+            const match = Boolean(data === null || data === void 0 ? void 0 : data.authRoles);
+            return match;
+        }
+    };
+    const assertHasAuthRole = makeAuthTransitionHook(Object.assign(Object.assign({}, config.options), { makeDecisionsObs(transition, authService) {
+            const targetState = transition.targetState();
+            const data = targetState.state().data;
+            const requiredRoles = new Set(data.authRoles);
+            const setIncludes = setIncludesFunction(requiredRoles, data.authRolesMode);
+            return authService.authUserState$.pipe(map$1(x => setIncludes(x)));
+        } }));
+    // Register the "requires auth" hook with the TransitionsService
+    transitionService.onBefore(isSecureCriteria, assertHasAuthRole, { priority: 100 });
+}
+
+/**
+ * This hook redirects to the configured default state when a user:
+ *
+ * - does not have an allowed state
+ * - has a disallowed state
+ */
+function enableHasAuthStateHook(transitionService, config) {
+    // Matches if the destination state's data property has a truthy 'isSecure' property
+    const isSecureCriteria = {
+        entering: (state) => {
+            const data = state === null || state === void 0 ? void 0 : state.data;
+            const match = Boolean(data === null || data === void 0 ? void 0 : data.authStates);
+            return match;
+        }
+    };
+    const assertHasAuthState = makeAuthTransitionHook(Object.assign(Object.assign({}, config.options), { makeDecisionsObs(transition, authService) {
+            const targetState = transition.targetState();
+            const data = targetState.state().data;
+            const config = toHasAuthStateObjectConfig(data.authStates);
+            const parsed = toParsedHasAuthStateConfig(config);
+            return authService.authUserState$.pipe(map$1(x => isAllowed(x, parsed)));
+        } }));
+    // Register the "requires auth" hook with the TransitionsService
+    transitionService.onBefore(isSecureCriteria, assertHasAuthState, { priority: 100 });
+}
+// MARK: Utility
+function toHasAuthStateObjectConfig(input) {
+    const isString = typeof input === 'string';
+    if ((Array.isArray(input) || isString)) {
+        if (isString) {
+            input = [input];
+        }
+        return {
+            allowedStates: input
+        };
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._workingSub.destroy();
-        this._disabledSub.destroy();
+    else {
+        return input;
     }
 }
-DbxActionButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionButtonDirective, deps: [{ token: DbxButton, host: true }, { token: ActionContextStoreSourceInstance }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionButtonDirective, selector: "[dbxActionButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxActionButton]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: DbxButton, decorators: [{
-                        type: Host
-                    }] }, { type: ActionContextStoreSourceInstance }, { type: i0.NgZone }];
-    } });
+function toParsedHasAuthStateConfig(input) {
+    return {
+        allowed: maybeSet(input.allowedStates),
+        disallowed: maybeSet(input.disallowedStates)
+    };
+}
+
+const DBX_INIT_APP_CONTEXT_STATE = 'init';
+/**
+ *
+ */
+const DBX_PUBLIC_APP_CONTEXT_STATE = 'public';
+/**
+ *
+ */
+const DBX_AUTH_APP_CONTEXT_STATE = 'auth';
+/**
+ *
+ */
+const DBX_ONBOARDING_APP_CONTEXT_STATE = 'onboarding';
+/**
+ *
+ */
+const DBX_APP_APP_CONTEXT_STATE = 'app';
+/**
+ * Array of all DbxKnownAppContextState values, minus the init state.
+ */
+const DBX_KNOWN_APP_CONTEXT_STATES = [DBX_PUBLIC_APP_CONTEXT_STATE, DBX_AUTH_APP_CONTEXT_STATE, DBX_ONBOARDING_APP_CONTEXT_STATE, DBX_APP_APP_CONTEXT_STATE];
+
+/**
+ * Action to set the current DbxAppContextState value.
+ */
+const setState = createAction('[App/Context] Set State', props());
+/**
+ * Resets the app back to the init context.
+ */
+const resetState = createAction('[App/Context] Reset');
+
+var data_action = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    setState: setState,
+    resetState: resetState
+});
+
+var index$3 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DbxAppContextActions: data_action
+});
+
+/**
+ * The feature key for these items/reducers.
+ */
+const dbxAppContextStateFeatureKey = 'data';
+const initialState$1 = {
+    state: DBX_INIT_APP_CONTEXT_STATE
+};
+const reducer$1 = createReducer(initialState$1, 
+/**
+ * When DbxAppContextActions.dbxAppContextSetState is pushed, update the app's state to match the argument state.
+ */
+on(setState, (_, { state }) => ({ state })));
+
+/**
+ * Global feature key for our app.
+ */
+const featureKey$1 = 'app.context';
+/**
+ * Reducers mapping for the DbxAppContextFeatureState
+ */
+function reducers$1(state, action) {
+    return combineReducers({
+        [dbxAppContextStateFeatureKey]: reducer$1
+    })(state, action);
+}
+/**
+ * Selects the DbxAppContextFeatureState feature context.
+ *
+ * Used by createSelector() to retrieve more specific data from the DbxAppContextFeatureState.
+ */
+const selectAppContextFeature = createFeatureSelector(featureKey$1);
+/**
+ * Selector to retrieve the state value from our DbxAppContextStateData in our DbxAppContextFeatureState.
+ */
+const selectDbxAppContextState = createSelector(selectAppContextFeature, (featureState) => featureState[dbxAppContextStateFeatureKey].state);
+
+var index$2 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    featureKey: featureKey$1,
+    reducers: reducers$1,
+    selectAppContextFeature: selectAppContextFeature,
+    selectDbxAppContextState: selectDbxAppContextState
+});
+
+// MARK: Abstract Context Effects
+/**
+ * Abstract effects class that only runs/allows effects when the DbxAppContextState in the ngrx state matches input activeState value.
+ */
+class AbstractOnDbxAppContextStateEffects {
+    constructor(
+    /**
+     * The state(s) to activate on.
+     */
+    activeStates, 
+    /**
+     * ngrx Actions
+     */
+    actions$, 
+    /**
+     * ngrx Store
+     */
+    store) {
+        this.actions$ = actions$;
+        this.store = store;
+        this._activeStatesSet = new Set(activeStates);
+    }
+    /**
+     * Configures all actions of the sub-class to only activate when the DbxAppContextState in App
+     *
+     * @param resolvedEffects$
+     * @returns
+     */
+    ngrxOnRunEffects(resolvedEffects$) {
+        return this.actions$.pipe(ofType(setState), filter$1(({ state }) => {
+            return this._activeStatesSet.has(state);
+        }), exhaustMap$1(() => resolvedEffects$.pipe(takeUntil(this.actions$.pipe(ofType(setState), filter$1(({ state }) => !this._activeStatesSet.has(state)))))));
+    }
+}
+
+const NO_AUTH_USER_IDENTIFIER = '0';
+/**
+ * Creates an AuthUserIdentifier from the input. If the input is undefined, returns the NoAuthUserIdentifier.
+ *
+ * @param inputId
+ * @returns
+ */
+function authUserIdentifier(inputId) {
+    return (inputId) ? inputId : NO_AUTH_USER_IDENTIFIER;
+}
+
+/**
+ * Action for when the user has logged in.
+ */
+const loggedIn = createAction('[App/Auth] Auth Logged In');
+/**
+ * Action for when the user has logged out.
+ */
+const loggedOut = createAction('[App/Auth] Auth Logged Out');
+/**
+ * Action to log the user out.
+ */
+const logout = createAction('[App/Auth] Auth Logout');
+
+var auth_action = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    loggedIn: loggedIn,
+    loggedOut: loggedOut,
+    logout: logout
+});
+
+/**
+ * Sets the user's identifier in the auth.
+ */
+const setUserIdentifier = createAction('[App/Auth] Set User Identifier', props());
+/**
+ * Sets the user's state in the auth.
+ */
+const setUserState = createAction('[App/Auth] Set User State', props());
+/**
+ * Sets the user's roles in the auth.
+ */
+const setUserRoles = createAction('[App/Auth] Set User Roles', props());
+/**
+ * Sets the user's onboarding state.
+ */
+const setUserIsOnboarded = createAction('[App/Auth] Set User Is Onboarded', props());
+
+var user_action = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    setUserIdentifier: setUserIdentifier,
+    setUserState: setUserState,
+    setUserRoles: setUserRoles,
+    setUserIsOnboarded: setUserIsOnboarded
+});
+
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DbxAppAuthActions: auth_action,
+    DbxAppAuthUserActions: user_action
+});
+
+const dbxAppAuthUserFeatureKey = 'user';
+const initialState = {
+    userId: NO_AUTH_USER_IDENTIFIER,
+    isOnboarded: false,
+    userState: 'none',
+    userRoles: []
+};
+const reducer = createReducer(initialState, on(loggedOut, () => (Object.assign({}, initialState))), on(setUserIdentifier, (state, { id: userId }) => (Object.assign(Object.assign({}, state), { userId }))), on(setUserIsOnboarded, (state, { isOnboarded }) => (Object.assign(Object.assign({}, state), { isOnboarded }))), on(setUserState, (state, { state: userState }) => (Object.assign(Object.assign({}, state), { userState }))), on(setUserRoles, (state, { roles: userRoles }) => (Object.assign(Object.assign({}, state), { userRoles: Array.from(userRoles) }))));
+
+/**
+ * Global feature key
+ */
+const featureKey = 'app.auth';
+/**
+ * Reducers mapping for the DbxAppAuthFeatureState
+ */
+function reducers(state, action) {
+    return combineReducers({
+        [dbxAppAuthUserFeatureKey]: reducer
+    })(state, action);
+}
+/**
+ * Selects the DbxAppAuthFeatureState feature context.
+ */
+const selectAppAuthFeature = createFeatureSelector(featureKey);
+/**
+ * Selector to retrieve the state value from our DbxAppContextStateData in our DbxAppContextFeatureState.
+ */
+const selectDbxAppAuthUser = createSelector(selectAppAuthFeature, (featureState) => featureState[dbxAppAuthUserFeatureKey]);
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    featureKey: featureKey,
+    reducers: reducers,
+    selectAppAuthFeature: selectAppAuthFeature,
+    selectDbxAppAuthUser: selectDbxAppAuthUser
+});
 
 const expandClickableAnchorLinkTreeNode = expandTreeFunction({
     getChildren: (x) => x.children
@@ -1647,6 +2068,28 @@ function ProvideDbxAnchor(sourceType) {
         }];
 }
 
+function isSegueRef(input) {
+    return (typeof input === 'object') && input.ref != null;
+}
+function asSegueRef(input) {
+    const type = typeof input;
+    if (type === 'string') {
+        return refStringToSegueRef(input);
+    }
+    else if (isSegueRef(input)) {
+        return input;
+    }
+    else {
+        return { ref: undefined };
+    }
+}
+function refStringToSegueRef(ref, options) {
+    return Object.assign(Object.assign({}, options), { ref });
+}
+function mapRefStringObsToSegueRefObs(obs, options) {
+    return obs.pipe(map$1(x => refStringToSegueRef(x, options)));
+}
+
 /**
  * Abstract anchor directive.
  */
@@ -1656,7 +2099,17 @@ class AbstractDbxAnchorDirective {
         this._anchor = new BehaviorSubject(undefined);
         this.disabled$ = this._disabled.asObservable();
         this.anchor$ = this._anchor.pipe(skipFirstMaybe(), distinctUntilChanged(), shareReplay(1));
-        this.type$ = combineLatest([this.disabled$, this.anchor$]).pipe(delay$1(0), map(([disabled, anchor]) => anchorTypeForAnchor(anchor, disabled)), distinctUntilChanged(), shareReplay(1));
+        this.type$ = combineLatest([this.disabled$, this.anchor$]).pipe(delay(0), map(([disabled, anchor]) => anchorTypeForAnchor(anchor, disabled)), distinctUntilChanged(), shareReplay(1));
+    }
+    ngOnDestroy() {
+        this._disabled.complete();
+        this._anchor.complete();
+    }
+    /**
+     * Convenience input to create an Anchor from the input SegueRef.
+     */
+    set ref(ref) {
+        this.anchor = asSegueRef(ref);
     }
     get anchor() {
         return this._anchor.value;
@@ -1671,11 +2124,13 @@ class AbstractDbxAnchorDirective {
         this._disabled.next(disabled);
     }
 }
-AbstractDbxAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxAnchorDirective, inputs: { anchor: "anchor", disabled: "disabled" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxAnchorDirective, decorators: [{
+AbstractDbxAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractDbxAnchorDirective, inputs: { ref: "ref", anchor: "anchor", disabled: "disabled" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxAnchorDirective, decorators: [{
             type: Directive
-        }], propDecorators: { anchor: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { ref: [{
+                type: Input
+            }], anchor: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -1700,6 +2155,7 @@ class DbxAngularRouterService {
     constructor(router, activatedRoute) {
         this.router = router;
         this.activatedRoute = activatedRoute;
+        this.params$ = this.activatedRoute.params;
         this.transitions$ = this.router.events.pipe(map((x) => {
             let event;
             if (x instanceof NavigationStart) {
@@ -1715,7 +2171,8 @@ class DbxAngularRouterService {
             return event;
         }), filterMaybe());
     }
-    go(segueRef) {
+    go(input) {
+        const segueRef = asSegueRef(input);
         let ref = segueRef.ref;
         if (isArray(ref)) {
             return this.router.navigate(ref, Object.assign(Object.assign({}, segueRef.refOptions), { queryParams: segueRef.refParams }));
@@ -1731,9 +2188,9 @@ class DbxAngularRouterService {
         return 0; // TODO!
     }
 }
-DbxAngularRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAngularRouterService, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxAngularRouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAngularRouterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAngularRouterService, decorators: [{
+DbxAngularRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAngularRouterService, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxAngularRouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAngularRouterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAngularRouterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }]; } });
 
@@ -1743,6 +2200,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
 class DbxRouterService {
 }
 
+/**
+ * Creates a GoWithRouter function.
+ *
+ * @param dbxRouterService
+ * @returns
+ */
+function goWithRouter(dbxRouterService) {
+    return (route) => {
+        return firstValueFrom(asObservable(route)).then(x => dbxRouterService.go(x));
+    };
+}
+
 /**
  * Router service definition that provides high level information about router transitions.
  */
@@ -1767,10 +2236,10 @@ class DbxCoreAngularRouterSegueModule {
         };
     }
 }
-DbxCoreAngularRouterSegueModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCoreAngularRouterSegueModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
-DbxCoreAngularRouterSegueModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreAngularRouterSegueModule, decorators: [{
+DbxCoreAngularRouterSegueModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAngularRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCoreAngularRouterSegueModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
+DbxCoreAngularRouterSegueModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAngularRouterSegueModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAngularRouterSegueModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
@@ -1820,12 +2289,15 @@ class DbxUIRouterService {
         this.state = state;
         this.transitionService = transitionService;
         this.uiRouterGlobals = uiRouterGlobals;
+        this._params = new BehaviorSubject(this.uiRouterGlobals.params);
+        this.params$ = this._params.asObservable();
         this._transitions = new Subject();
         this.transitions$ = this._transitions.asObservable();
         const emitTransition = (type) => {
             this._transitions.next({
                 type
             });
+            this._params.next(this.uiRouterGlobals.params);
         };
         this.transitionService.onStart({}, () => {
             emitTransition(DbxRouterTransitionEventType.START);
@@ -1834,27 +2306,46 @@ class DbxUIRouterService {
             emitTransition(DbxRouterTransitionEventType.SUCCESS);
         });
     }
-    go(segueRef) {
+    ngOnDestroy() {
+        this._transitions.complete();
+    }
+    get params() {
+        return this.uiRouterGlobals.params;
+    }
+    go(input) {
+        const segueRef = asSegueRef(input);
         const params = Object.assign(Object.assign({}, this.uiRouterGlobals.current.params), segueRef.refParams);
         return this.state.go(segueRef.ref, params, segueRef.refOptions).then(_ => true).catch(_ => false);
     }
-    isActive(segueRef) {
+    isActive(input) {
+        const segueRef = asSegueRef(input);
         const { ref, refParams } = segueRef;
         const targetRef = (ref.startsWith('.') ? `^${ref}` : ref);
         const active = this.state.includes(targetRef, refParams);
         return active;
     }
-    comparePrecision(a, b) {
-        const aLength = a.ref.length;
-        const bLength = b.ref.length;
+    comparePrecision(aInput, bInput) {
+        const aRef = readSegueRefString(aInput);
+        const bRef = readSegueRefString(bInput);
+        const aLength = aRef.length;
+        const bLength = bRef.length;
         return (aLength > bLength) ? 1 : (aLength === bLength) ? 0 : -1;
     }
 }
-DbxUIRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxUIRouterService, deps: [{ token: i1$2.StateService }, { token: i1$2.TransitionService }, { token: i1$2.UIRouterGlobals }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxUIRouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxUIRouterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxUIRouterService, decorators: [{
+DbxUIRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxUIRouterService, deps: [{ token: i1$2.StateService }, { token: i1$2.TransitionService }, { token: i1$2.UIRouterGlobals }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxUIRouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxUIRouterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxUIRouterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$2.StateService }, { type: i1$2.TransitionService }, { type: i1$2.UIRouterGlobals }]; } });
+function readSegueRefString(input) {
+    var _a;
+    if (typeof input === 'string') {
+        return input;
+    }
+    else {
+        return (_a = input === null || input === void 0 ? void 0 : input.ref) !== null && _a !== void 0 ? _a : '';
+    }
+}
 
 class DbxCoreUIRouterSegueModule {
     static forRoot() {
@@ -1874,10 +2365,10 @@ class DbxCoreUIRouterSegueModule {
         };
     }
 }
-DbxCoreUIRouterSegueModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreUIRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCoreUIRouterSegueModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreUIRouterSegueModule });
-DbxCoreUIRouterSegueModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreUIRouterSegueModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreUIRouterSegueModule, decorators: [{
+DbxCoreUIRouterSegueModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreUIRouterSegueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCoreUIRouterSegueModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreUIRouterSegueModule });
+DbxCoreUIRouterSegueModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreUIRouterSegueModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreUIRouterSegueModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
@@ -1902,52 +2393,512 @@ function filterTransitionEvent(type) {
  * Abstract directive that listens to onSuccess transition events and runs a function.
  */
 class AbstractTransitionDirective {
-    constructor(dbNgxRouterTransitionService) {
-        this.dbNgxRouterTransitionService = dbNgxRouterTransitionService;
-        this.transitionSuccess$ = successTransition(this.dbNgxRouterTransitionService.transitions$);
+    constructor(dbxRouterTransitionService) {
+        this.dbxRouterTransitionService = dbxRouterTransitionService;
+        this.transitionSuccess$ = successTransition(this.dbxRouterTransitionService.transitions$);
         this.initAndUpdateOnTransitionSuccess$ = this.transitionSuccess$.pipe(startWith$1(undefined));
     }
 }
-AbstractTransitionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractTransitionDirective, deps: [{ token: DbxRouterTransitionService }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractTransitionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractTransitionDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractTransitionDirective, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return [{ type: DbxRouterTransitionService }]; } });
+AbstractTransitionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractTransitionDirective, deps: [{ token: DbxRouterTransitionService }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractTransitionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractTransitionDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractTransitionDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: DbxRouterTransitionService }]; } });
+
+/**
+ * Abstract directive that listens to onSuccess transition events and runs a function.
+ */
+class AbstractTransitionWatcherDirective extends AbstractTransitionDirective {
+    constructor(dbxRouterTransitionService, ngZone) {
+        super(dbxRouterTransitionService);
+        this.ngZone = ngZone;
+        this._transitionSub = new SubscriptionObject();
+    }
+    ngOnInit() {
+        this._transitionSub.subscription = this.transitionSuccess$.subscribe(() => {
+            this.updateForSuccessfulTransition();
+        });
+    }
+    ngOnDestroy() {
+        this._transitionSub.destroy();
+    }
+    // MARK: Action
+    zoneUpdateForSuccessfulTransition() {
+        this.ngZone.run(() => this.updateForSuccessfulTransition());
+    }
+}
+AbstractTransitionWatcherDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractTransitionWatcherDirective, deps: [{ token: DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractTransitionWatcherDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractTransitionWatcherDirective, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractTransitionWatcherDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: DbxRouterTransitionService }, { type: i0.NgZone }]; } });
+
+/**
+ * Auth routes configurations for an app.
+ */
+class DbxAppAuthRoutes {
+}
+
+/**
+ * Helper service for navigating to important auth-related routes.
+ */
+class DbxAppAuthRouterService {
+    constructor(dbxRouterService, dbxAppAuthRoutes) {
+        this.dbxRouterService = dbxRouterService;
+        this.dbxAppAuthRoutes = dbxAppAuthRoutes;
+    }
+    get hasOnboardingState() {
+        return Boolean(this.dbxAppAuthRoutes.onboardRef);
+    }
+    // MARK: Navigate
+    /**
+     * Navigates to the login state.
+     *
+     * @returns
+     */
+    goToLogin() {
+        return goWithRouter(this.dbxRouterService)(this.dbxAppAuthRoutes.loginRef);
+    }
+    /**
+     * Navigates to the logged out state, if it exists, otherwise navigates to the login state.
+     *
+     * @returns
+     */
+    goToLoggedOut() {
+        var _a;
+        return goWithRouter(this.dbxRouterService)((_a = this.dbxAppAuthRoutes.loggedOutRef) !== null && _a !== void 0 ? _a : this.dbxAppAuthRoutes.loginRef);
+    }
+    /**
+     * Navigates to the onboarding state if it is available, otherwise navigates to the app.
+     *
+     * @returns
+     */
+    goToOnboarding() {
+        var _a;
+        return goWithRouter(this.dbxRouterService)((_a = this.dbxAppAuthRoutes.onboardRef) !== null && _a !== void 0 ? _a : this.dbxAppAuthRoutes.appRef);
+    }
+    /**
+     * Navigates to the app state.
+     *
+     * @returns
+     */
+    goToApp() {
+        return goWithRouter(this.dbxRouterService)(this.dbxAppAuthRoutes.appRef);
+    }
+}
+DbxAppAuthRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterService, deps: [{ token: DbxRouterService }, { token: DbxAppAuthRoutes }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxAppAuthRouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: DbxRouterService }, { type: DbxAppAuthRoutes }]; } });
+
+/**
+ * Used by DbxAppAuthRouterEffects to configure the states that should be activve by default.
+ */
+const DBX_APP_AUTH_ROUTER_EFFECTS_TOKEN = new InjectionToken('DbxAppAuthRouterEffectsActiveStates');
+/**
+ * Set of ngrx effects that handle navigation in the app when the auth changes in certain ways.
+ *
+ * Is configurable via the DBX_APP_AUTH_ROUTER_EFFECTS_TOKEN to choose which states this effect is active or not. By default is equal to DBX_KNOWN_APP_CONTEXT_STATES.
+ */
+class DbxAppAuthRouterEffects extends AbstractOnDbxAppContextStateEffects {
+    constructor(activeStates, actions$, store, dbxAppAuthRouterService) {
+        super(activeStates !== null && activeStates !== void 0 ? activeStates : DBX_KNOWN_APP_CONTEXT_STATES, actions$, store);
+        this.dbxAppAuthRouterService = dbxAppAuthRouterService;
+        /**
+         * Effect to redirect to the login when logout occurs.
+         */
+        this.redirectToLoginOnLogout = createEffect(() => this.actions$.pipe(ofType(loggedOut), exhaustMap$1(() => this.dbxAppAuthRouterService.goToLogin())), { dispatch: false });
+        /**
+         * Effect to redirect to the app when login occurs.
+         */
+        this.redirectToOnboardOnLogIn = createEffect(() => this.actions$.pipe(ofType(loggedIn), exhaustMap$1(() => this.dbxAppAuthRouterService.goToApp())), { dispatch: false });
+    }
+}
+DbxAppAuthRouterEffects.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterEffects, deps: [{ token: DBX_APP_AUTH_ROUTER_EFFECTS_TOKEN, optional: true }, { token: i1$3.Actions }, { token: i1$4.Store }, { token: DbxAppAuthRouterService }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxAppAuthRouterEffects.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterEffects });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DBX_APP_AUTH_ROUTER_EFFECTS_TOKEN]
+                    }, {
+                        type: Optional
+                    }] }, { type: i1$3.Actions }, { type: i1$4.Store }, { type: DbxAppAuthRouterService }];
+    } });
+
+class DbxAppAuthRouterStateModule {
+    static forRoot(config) {
+        return {
+            ngModule: DbxAppAuthRouterStateModule,
+            providers: [{
+                    provide: DBX_APP_AUTH_ROUTER_EFFECTS_TOKEN,
+                    useValue: config.activeRoutesToApplyEffects
+                }]
+        };
+    }
+}
+DbxAppAuthRouterStateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxAppAuthRouterStateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterStateModule, imports: [i1$3.EffectsFeatureModule] });
+DbxAppAuthRouterStateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterStateModule, imports: [[
+            EffectsModule.forFeature([DbxAppAuthRouterEffects])
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterStateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        EffectsModule.forFeature([DbxAppAuthRouterEffects])
+                    ],
+                    declarations: [],
+                    exports: []
+                }]
+        }] });
+
+class DbxAppAuthRouterModule {
+    static forRoot(dbxAppAuthRoutes) {
+        return {
+            ngModule: DbxAppAuthRouterModule,
+            providers: [{
+                    provide: DbxAppAuthRoutes,
+                    useValue: dbxAppAuthRoutes
+                }]
+        };
+    }
+}
+DbxAppAuthRouterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxAppAuthRouterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterModule });
+DbxAppAuthRouterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthRouterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [],
+                    exports: []
+                }]
+        }] });
+
+/**
+ * Convenience operator that emits events when the input observable goes from false to true.
+ *
+ * @param isLoggedInObs
+ * @returns
+ */
+function loggedInObsFromIsLoggedIn(isLoggedInObs) {
+    return isLoggedInObs.pipe(onFalseToTrue(), map$1(_ => undefined));
+}
+/**
+ * Convenience operator that emits events when the input observable goes from true to false.
+ *
+ * @param isLoggedInObs
+ * @returns
+ */
+function loggedOutObsFromIsLoggedIn(isLoggedInObs) {
+    return isLoggedInObs.pipe(onTrueToFalse(), map$1(_ => undefined));
+}
+function authRolesSetContainsAllRolesFrom(roles) {
+    return setContainsAllValuesFrom(roles);
+}
+function authRolesSetContainsAnyRoleFrom(roles) {
+    return setContainsAllValuesFrom(roles);
+}
+
+/**
+ * Structural decorator directive similar to ngIf that embeds content if the current auth user has any of the target role(s).
+ */
+class DbxAuthHasAnyRoleDirective extends AbstractIfDirective {
+    constructor(templateRef, viewContainer, dbxAuthService) {
+        super(templateRef, viewContainer);
+        this.dbxAuthService = dbxAuthService;
+        this._targetRoles = new BehaviorSubject(undefined);
+        this.targetRoles$ = this._targetRoles.asObservable();
+        this.show$ = this.dbxAuthService.authRoles$.pipe(authRolesSetContainsAnyRoleFrom(this.targetRoles$));
+    }
+    ngOnDestroy() {
+        this._targetRoles.complete();
+    }
+    set targetRoles(roles) {
+        this._targetRoles.next(roles);
+    }
+}
+DbxAuthHasAnyRoleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAuthHasAnyRoleDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DbxAuthService }], target: i0.ɵɵFactoryTarget.Directive });
+DbxAuthHasAnyRoleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxAuthHasAnyRoleDirective, selector: "[dbxAuthHasAnyRole]", inputs: { targetRoles: ["dbxAuthHasAnyRole", "targetRoles"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAuthHasAnyRoleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxAuthHasAnyRole]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: DbxAuthService }]; }, propDecorators: { targetRoles: [{
+                type: Input,
+                args: ['dbxAuthHasAnyRole']
+            }] } });
+
+/**
+ * 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 {
+    constructor(templateRef, viewContainer, dbxAuthService) {
+        super(templateRef, viewContainer);
+        this.dbxAuthService = dbxAuthService;
+        this._targetRoles = new BehaviorSubject(undefined);
+        this.targetRoles$ = this._targetRoles.asObservable();
+        this.show$ = this.dbxAuthService.authRoles$.pipe(authRolesSetContainsAllRolesFrom(this.targetRoles$));
+    }
+    ngOnDestroy() {
+        this._targetRoles.complete();
+    }
+    set targetRoles(roles) {
+        this._targetRoles.next(roles);
+    }
+}
+DbxAuthHasRolesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAuthHasRolesDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DbxAuthService }], target: i0.ɵɵFactoryTarget.Directive });
+DbxAuthHasRolesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxAuthHasRolesDirective, selector: "[dbxAuthHasRoles]", inputs: { targetRoles: ["dbxAuthHasRoles", "targetRoles"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAuthHasRolesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxAuthHasRoles]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: DbxAuthService }]; }, propDecorators: { targetRoles: [{
+                type: Input,
+                args: ['dbxAuthHasRoles']
+            }] } });
+
+class DbxCoreAuthModule {
+}
+DbxCoreAuthModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCoreAuthModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAuthModule, declarations: [DbxAuthHasRolesDirective,
+        DbxAuthHasAnyRoleDirective], exports: [DbxAuthHasRolesDirective,
+        DbxAuthHasAnyRoleDirective] });
+DbxCoreAuthModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAuthModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreAuthModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [
+                        DbxAuthHasRolesDirective,
+                        DbxAuthHasAnyRoleDirective
+                    ],
+                    exports: [
+                        DbxAuthHasRolesDirective,
+                        DbxAuthHasAnyRoleDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Set of ngrx effects that repeat events from DbxAuthService.
+ */
+class DbxAppAuthEffects {
+    constructor(actions$, store, dbxAuthService) {
+        this.actions$ = actions$;
+        this.store = store;
+        this.dbxAuthService = dbxAuthService;
+        // MARK: Auth
+        this.emitLoggedIn = createEffect(() => this.dbxAuthService.onLogIn$
+            .pipe(map$1(() => loggedIn())));
+        this.emitLoggedOut = createEffect(() => this.dbxAuthService.onLogOut$
+            .pipe(map$1(() => loggedOut())));
+        this.forwardLogoutToAuthService = createEffect(() => this.actions$.pipe(ofType(logout), tap$1(() => {
+            // Perform the logout
+            this.dbxAuthService.logOut();
+        })), { dispatch: false });
+        // MARK: Auth
+        this.setUserIdentifier = createEffect(() => this.dbxAuthService.userIdentifier$
+            .pipe(map$1((id) => setUserIdentifier({ id }))));
+        this.setUserState = createEffect(() => this.dbxAuthService.authUserState$
+            .pipe(map$1((state) => setUserState({ state }))));
+        this.setUserRoles = createEffect(() => this.dbxAuthService.authRoles$
+            .pipe(map$1((roles) => setUserRoles({ roles: Array.from(roles !== null && roles !== void 0 ? roles : []) }))));
+        this.setUserIsOnboarded = createEffect(() => this.dbxAuthService.isOnboarded$
+            .pipe(map$1((isOnboarded) => setUserIsOnboarded({ isOnboarded }))));
+    }
+}
+DbxAppAuthEffects.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthEffects, deps: [{ token: i1$3.Actions }, { token: i1$4.Store }, { token: DbxAuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxAppAuthEffects.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthEffects });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: i1$4.Store }, { type: DbxAuthService }]; } });
+
+class DbxAppAuthStateModule {
+}
+DbxAppAuthStateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxAppAuthStateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthStateModule, imports: [i1$4.StoreFeatureModule, i1$3.EffectsFeatureModule] });
+DbxAppAuthStateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthStateModule, imports: [[
+            StoreModule.forFeature(featureKey, reducers),
+            EffectsModule.forFeature([DbxAppAuthEffects])
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthStateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        StoreModule.forFeature(featureKey, reducers),
+                        EffectsModule.forFeature([DbxAppAuthEffects])
+                    ],
+                    declarations: [],
+                    exports: []
+                }]
+        }] });
+
+/**
+ * State for accessing the app's DbxAppAuthState defined within the DbxAppAuthFullState for the ngrx store.
+ */
+class DbxAppAuthStateService {
+    constructor(store) {
+        this.store = store;
+        this.authStateUser$ = this.store.select(selectDbxAppAuthUser);
+    }
+}
+DbxAppAuthStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthStateService, deps: [{ token: i1$4.Store }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxAppAuthStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthStateService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppAuthStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$4.Store }]; } });
+
+/**
+ * Convenience function used within observables for views that need to detect changes after a value changes.
+ *
+ * @param cdRef
+ * @param timeout
+ * @returns
+ */
+function tapDetectChanges(cdRef, timeout = 0) {
+    return tap$1(() => setTimeout(() => safeDetectChanges(cdRef), timeout));
+}
+/**
+ * Triggers a detection change on the input view as long as the view has not been destroyed.
+ *
+ * @param cdRef
+ */
+function safeDetectChanges(cdRef) {
+    safeUseCdRef(cdRef, () => cdRef.detectChanges());
+}
+/**
+ * Marks the ChangeDetectorRef for changes as long as the view has not been destroyed.
+ *
+ * @param cdRef
+ */
+function safeMarkForCheck(cdRef) {
+    safeUseCdRef(cdRef, () => cdRef.markForCheck());
+}
+/**
+ * Triggers a detection change on the input view as long as the view has not been destroyed.
+ *
+ * @param cdRef
+ */
+function safeUseCdRef(cdRef, use) {
+    if (!cdRef.destroyed) {
+        cdRef.markForCheck();
+    }
+}
+/**
+ * Used to check an injected ElementRef that wraps an ng-content injection point whether or not any content was injected,
+ * or more specifically if the parent component passed any target content to the child. This will still return true if
+ * passed content is empty.
+ *
+ * TS:
+ * @ViewChild('customLoading', { static: false }) customCustom: ElementRef;
+ *
+ * HTML:
+ * <div #customContent>
+ *  <ng-content select="[content]"></ng-content>
+ * </div>
+ */
+function checkNgContentWrapperHasContent(ref) {
+    // https://github.com/angular/angular/issues/26083
+    let hasContent = false;
+    if (ref != null) {
+        const childNodes = ref.nativeElement.childNodes;
+        const hasChildNodes = childNodes && childNodes.length > 0;
+        hasContent = Boolean(hasChildNodes);
+    }
+    return hasContent;
+}
+
+class DbxButton {
+}
+function ProvideDbxButton(sourceType) {
+    return [{
+            provide: DbxButton,
+            useExisting: forwardRef(() => sourceType)
+        }];
+}
+
+/**
+ * Context used for linking a button to an ActionContext and only look for triggers.
+ */
+class DbxActionButtonTriggerDirective extends AbstractSubscriptionDirective {
+    constructor(button, source) {
+        super();
+        this.button = button;
+        this.source = source;
+    }
+    ngOnInit() {
+        this.sub = this.button.clicked$.subscribe(() => {
+            this._buttonClicked();
+        });
+    }
+    _buttonClicked() {
+        this.source.trigger();
+    }
+}
+DbxActionButtonTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionButtonTriggerDirective, deps: [{ token: DbxButton, host: true }, { token: DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionButtonTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionButtonTriggerDirective, selector: "[dbxActionButtonTrigger]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionButtonTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionButtonTrigger]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: DbxButton, decorators: [{
+                        type: Host
+                    }] }, { type: DbxActionContextStoreSourceInstance }];
+    } });
 
 /**
- * Abstract directive that listens to onSuccess transition events and runs a function.
+ * Context used for linking a button to an ActionContext.
  */
-class AbstractTransitionWatcherDirective extends AbstractTransitionDirective {
-    constructor(dbNgxRouterTransitionService, ngZone) {
-        super(dbNgxRouterTransitionService);
-        this.ngZone = ngZone;
-        this._transitionSub = new SubscriptionObject();
+class DbxActionButtonDirective extends DbxActionButtonTriggerDirective {
+    constructor(button, source, cdRef) {
+        super(button, source);
+        this.cdRef = cdRef;
+        this._workingSub = new SubscriptionObject();
+        this._disabledSub = new SubscriptionObject();
     }
     ngOnInit() {
-        this._transitionSub.subscription = this.transitionSuccess$.subscribe(() => {
-            this.updateForSuccessfulTransition();
+        super.ngOnInit();
+        this._workingSub.subscription = this.source.isWorking$.subscribe((working) => {
+            this.button.working = working;
+            safeDetectChanges(this.cdRef);
+        });
+        this._disabledSub.subscription = this.source.isDisabled$.subscribe((disabled) => {
+            this.button.disabled = disabled;
+            safeDetectChanges(this.cdRef);
         });
     }
     ngOnDestroy() {
-        this._transitionSub.destroy();
-    }
-    // MARK: Action
-    zoneUpdateForSuccessfulTransition() {
-        this.ngZone.run(() => this.updateForSuccessfulTransition());
+        super.ngOnDestroy();
+        this._workingSub.destroy();
+        this._disabledSub.destroy();
     }
 }
-AbstractTransitionWatcherDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractTransitionWatcherDirective, deps: [{ token: DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractTransitionWatcherDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractTransitionWatcherDirective, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractTransitionWatcherDirective, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return [{ type: DbxRouterTransitionService }, { type: i0.NgZone }]; } });
-
-function refStringToSegueRef(ref, options) {
-    return Object.assign(Object.assign({}, options), { ref });
-}
-function mapRefStringObsToSegueRefObs(obs, options) {
-    return obs.pipe(map(x => refStringToSegueRef(x, options)));
-}
+DbxActionButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionButtonDirective, deps: [{ token: DbxButton, host: true }, { token: DbxActionContextStoreSourceInstance }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionButtonDirective, selector: "[dbxActionButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionButton]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: DbxButton, decorators: [{
+                        type: Host
+                    }] }, { type: DbxActionContextStoreSourceInstance }, { type: i0.ChangeDetectorRef }];
+    } });
 
 // MARK: Button Directives
 class DbxButtonSegueDirective extends AbstractSubscriptionDirective {
@@ -1969,10 +2920,14 @@ class DbxButtonSegueDirective extends AbstractSubscriptionDirective {
             this.dbxRouterService.go(segueRef);
         })))).subscribe();
     }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._segueRef.complete();
+    }
 }
-DbxButtonSegueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonSegueDirective, deps: [{ token: DbxButton }, { token: DbxRouterService }], target: i0.ɵɵFactoryTarget.Directive });
-DbxButtonSegueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxButtonSegueDirective, selector: "[dbxButtonSegue]", inputs: { segueRef: ["dbxButtonSegue", "segueRef"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonSegueDirective, decorators: [{
+DbxButtonSegueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxButtonSegueDirective, deps: [{ token: DbxButton }, { token: DbxRouterService }], target: i0.ɵɵFactoryTarget.Directive });
+DbxButtonSegueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxButtonSegueDirective, selector: "[dbxButtonSegue]", inputs: { segueRef: ["dbxButtonSegue", "segueRef"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxButtonSegueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxButtonSegue]'
@@ -2053,9 +3008,9 @@ class AbstractDbxButtonDirective extends AbstractSubscriptionDirective {
         this.buttonClick.emit();
     }
 }
-AbstractDbxButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxButtonDirective, inputs: { disabled: "disabled", working: "working", icon: "icon", text: "text" }, outputs: { buttonClick: "buttonClick" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxButtonDirective, decorators: [{
+AbstractDbxButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractDbxButtonDirective, inputs: { disabled: "disabled", working: "working", icon: "icon", text: "text" }, outputs: { buttonClick: "buttonClick" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxButtonDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
                 type: Input
@@ -2074,9 +3029,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
  */
 class DbxButtonDirective extends AbstractDbxButtonDirective {
 }
-DbxButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DbxButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxButtonDirective, selector: "[dbxButton]", providers: ProvideDbxButton(DbxButtonDirective), exportAs: ["dbxButton"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonDirective, decorators: [{
+DbxButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DbxButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxButtonDirective, selector: "[dbxButton]", providers: ProvideDbxButton(DbxButtonDirective), exportAs: ["dbxButton"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxButton]',
@@ -2109,9 +3064,9 @@ class DbxLoadingButtonDirective extends AbstractSubscriptionDirective {
         this.sub = subscription;
     }
 }
-DbxLoadingButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingButtonDirective, deps: [{ token: DbxButton, host: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DbxLoadingButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxLoadingButtonDirective, selector: "[dbxLoadingButton]", inputs: { context: ["dbxLoadingButton", "context"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingButtonDirective, decorators: [{
+DbxLoadingButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxLoadingButtonDirective, deps: [{ token: DbxButton, host: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+DbxLoadingButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxLoadingButtonDirective, selector: "[dbxLoadingButton]", inputs: { context: ["dbxLoadingButton", "context"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxLoadingButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxLoadingButton]'
@@ -2127,8 +3082,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
 
 class DbxCoreButtonModule {
 }
-DbxCoreButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCoreButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreButtonModule, declarations: [DbxButtonDirective,
+DbxCoreButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCoreButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreButtonModule, declarations: [DbxButtonDirective,
         DbxLoadingButtonDirective,
         DbxActionButtonTriggerDirective,
         DbxActionButtonDirective,
@@ -2137,8 +3092,8 @@ DbxCoreButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         DbxActionButtonTriggerDirective,
         DbxActionButtonDirective,
         DbxButtonSegueDirective] });
-DbxCoreButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreButtonModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreButtonModule, decorators: [{
+DbxCoreButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreButtonModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -2159,6 +3114,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 }]
         }] });
 
+/**
+ * State for accessing the app's DbxAppContextState defined within the DbxAppContextFullState for the ngrx store.
+ */
+class DbxAppContextService {
+    constructor(store) {
+        this.store = store;
+        this.state$ = this.store.select(selectDbxAppContextState);
+    }
+    setState(state) {
+        this.store.dispatch(setState({ state }));
+    }
+    resetState() {
+        this.store.next(resetState());
+    }
+}
+DbxAppContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextService, deps: [{ token: i1$4.Store }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxAppContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$4.Store }]; } });
+
+/**
+ * Used to set the DbxAppContextState for an app to the input state using the DbxAppContextService.
+ */
+class DbxAppContextStateDirective extends AbstractSubscriptionDirective {
+    constructor(dbxAppContextStateService) {
+        super();
+        this.dbxAppContextStateService = dbxAppContextStateService;
+        this._state = new BehaviorSubject(undefined);
+    }
+    ngOnInit() {
+        this.sub = this._state.pipe(filterMaybe()).subscribe((state) => {
+            this.dbxAppContextStateService.setState(state);
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._state.complete();
+    }
+    set state(state) {
+        this._state.next(state);
+    }
+}
+DbxAppContextStateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextStateDirective, deps: [{ token: DbxAppContextService }], target: i0.ɵɵFactoryTarget.Directive });
+DbxAppContextStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxAppContextStateDirective, selector: "[dbxAppContextState]", inputs: { state: ["dbxAppContextState", "state"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxAppContextState]'
+                }]
+        }], ctorParameters: function () { return [{ type: DbxAppContextService }]; }, propDecorators: { state: [{
+                type: Input,
+                args: ['dbxAppContextState']
+            }] } });
+
+class DbxAppContextStateModule {
+}
+DbxAppContextStateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxAppContextStateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextStateModule, declarations: [DbxAppContextStateDirective], imports: [i1$4.StoreFeatureModule], exports: [DbxAppContextStateDirective] });
+DbxAppContextStateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextStateModule, imports: [[
+            StoreModule.forFeature(featureKey$1, reducers$1)
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAppContextStateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        StoreModule.forFeature(featureKey$1, reducers$1)
+                    ],
+                    declarations: [
+                        DbxAppContextStateDirective
+                    ],
+                    exports: [
+                        DbxAppContextStateDirective
+                    ]
+                }]
+        }] });
+
 /**
  * Pipe that takes in a date and number of minutes and outputs a formatted date.
  */
@@ -2179,9 +3214,9 @@ class DateFromToTimePipe {
         return undefined;
     }
 }
-DateFromToTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateFromToTimePipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
-DateFromToTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateFromToTimePipe, name: "dateFromPlusTo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateFromToTimePipe, decorators: [{
+DateFromToTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateFromToTimePipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
+DateFromToTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateFromToTimePipe, name: "dateFromPlusTo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateFromToTimePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'dateFromPlusTo' }]
         }], ctorParameters: function () {
@@ -2214,24 +3249,31 @@ class MinutesStringPipe {
         }
     }
 }
-MinutesStringPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: MinutesStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MinutesStringPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: MinutesStringPipe, name: "minutesString", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: MinutesStringPipe, decorators: [{
+MinutesStringPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: MinutesStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MinutesStringPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: MinutesStringPipe, name: "minutesString", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: MinutesStringPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'minutesString', pure: false }]
         }] });
 
 class ToJsDatePipe {
     static toJsDate(input) {
-        return (input) ? toJsDate(input) : undefined;
+        let date;
+        if (input != null) {
+            date = toJsDate(input);
+            if (!isValid(date)) {
+                date = undefined;
+            }
+        }
+        return date;
     }
     transform(input) {
         return ToJsDatePipe.toJsDate(input);
     }
 }
-ToJsDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ToJsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ToJsDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ToJsDatePipe, name: "toJsDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ToJsDatePipe, decorators: [{
+ToJsDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToJsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ToJsDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToJsDatePipe, name: "toJsDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToJsDatePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'toJsDate' }]
         }] });
@@ -2255,9 +3297,9 @@ class TimeDistanceCountdownPipe {
         }
     }
 }
-TimeDistanceCountdownPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeDistanceCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TimeDistanceCountdownPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeDistanceCountdownPipe, name: "timeCountdownDistance", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeDistanceCountdownPipe, decorators: [{
+TimeDistanceCountdownPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TimeDistanceCountdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+TimeDistanceCountdownPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TimeDistanceCountdownPipe, name: "timeCountdownDistance", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TimeDistanceCountdownPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'timeCountdownDistance', pure: false }]
         }] });
@@ -2274,9 +3316,9 @@ class TimeDistancePipe {
         }
     }
 }
-TimeDistancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TimeDistancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeDistancePipe, name: "timeDistance", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeDistancePipe, decorators: [{
+TimeDistancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TimeDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+TimeDistancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TimeDistancePipe, name: "timeDistance", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TimeDistancePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'timeDistance', pure: false }]
         }] });
@@ -2289,9 +3331,9 @@ class ToMinutesPipe {
         return milliseconds;
     }
 }
-ToMinutesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ToMinutesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ToMinutesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ToMinutesPipe, name: "toMinutes" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: ToMinutesPipe, decorators: [{
+ToMinutesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToMinutesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ToMinutesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToMinutesPipe, name: "toMinutes" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToMinutesPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'toMinutes' }]
         }] });
@@ -2318,9 +3360,9 @@ class DateFormatDistancePipe {
         return undefined;
     }
 }
-DateFormatDistancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateFormatDistancePipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
-DateFormatDistancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateFormatDistancePipe, name: "dateFormatDistance", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateFormatDistancePipe, decorators: [{
+DateFormatDistancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateFormatDistancePipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
+DateFormatDistancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateFormatDistancePipe, name: "dateFormatDistance", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateFormatDistancePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'dateFormatDistance', pure: false }]
         }], ctorParameters: function () {
@@ -2361,17 +3403,17 @@ class DateDistancePipe {
         }
     }
 }
-DateDistancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DateDistancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateDistancePipe, name: "dateDistance", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DateDistancePipe, decorators: [{
+DateDistancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateDistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DateDistancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateDistancePipe, name: "dateDistance", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DateDistancePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'dateDistance', pure: false }]
         }] });
 
 class DbxDatePipeModule {
 }
-DbxDatePipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxDatePipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDatePipeModule, declarations: [DateFromToTimePipe,
+DbxDatePipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxDatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxDatePipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxDatePipeModule, declarations: [DateFromToTimePipe,
         DateFormatDistancePipe,
         MinutesStringPipe,
         TimeDistanceCountdownPipe,
@@ -2386,8 +3428,8 @@ DbxDatePipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         DateDistancePipe,
         ToJsDatePipe,
         ToMinutesPipe] });
-DbxDatePipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDatePipeModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDatePipeModule, decorators: [{
+DbxDatePipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxDatePipeModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxDatePipeModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -2413,6 +3455,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 }]
         }] });
 
+class PrettyJsonPipe {
+    static toPrettyJson(input, spacing = 2) {
+        let json;
+        if (input) {
+            try {
+                json = JSON.stringify(input, null, spacing);
+            }
+            catch (e) {
+                console.error('prettyjson pipe failed parsing input: ', input);
+                json = 'ERROR';
+            }
+        }
+        return json;
+    }
+    transform(input, spacing) {
+        return PrettyJsonPipe.toPrettyJson(input, spacing);
+    }
+}
+PrettyJsonPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: PrettyJsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PrettyJsonPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: PrettyJsonPipe, name: "prettyjson" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: PrettyJsonPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'prettyjson' }]
+        }] });
+
+class DbxMiscPipeModule {
+}
+DbxMiscPipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxMiscPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxMiscPipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxMiscPipeModule, declarations: [PrettyJsonPipe], exports: [PrettyJsonPipe] });
+DbxMiscPipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxMiscPipeModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxMiscPipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        PrettyJsonPipe
+                    ],
+                    declarations: [
+                        PrettyJsonPipe
+                    ]
+                }]
+        }] });
+
+class DbxPipesModule {
+}
+DbxPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPipesModule, exports: [DbxMiscPipeModule,
+        DbxDatePipeModule] });
+DbxPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPipesModule, imports: [DbxMiscPipeModule,
+        DbxDatePipeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        DbxMiscPipeModule,
+                        DbxDatePipeModule,
+                    ]
+                }]
+        }] });
+
 /**
  * Abstract FilterSource implementation.
  */
@@ -2441,9 +3542,9 @@ class AbstractFilterSourceDirective {
         return of(undefined);
     }
 }
-AbstractFilterSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractFilterSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AbstractFilterSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractFilterSourceDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractFilterSourceDirective, decorators: [{
+AbstractFilterSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractFilterSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractFilterSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractFilterSourceDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractFilterSourceDirective, decorators: [{
             type: Directive
         }] });
 
@@ -2466,13 +3567,13 @@ class AbstractActionFilterSourceDirective extends AbstractFilterSourceDirective
         this.filterAction.trigger();
     }
 }
-AbstractActionFilterSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractActionFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractActionFilterSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractActionFilterSourceDirective, viewQueries: [{ propertyName: "filterAction", first: true, predicate: ActionContextStoreSourceInstance, descendants: true, read: ActionContextStoreSourceInstance, static: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractActionFilterSourceDirective, decorators: [{
+AbstractActionFilterSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractActionFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AbstractActionFilterSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractActionFilterSourceDirective, viewQueries: [{ propertyName: "filterAction", first: true, predicate: DbxActionContextStoreSourceInstance, descendants: true, read: DbxActionContextStoreSourceInstance, static: true }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractActionFilterSourceDirective, decorators: [{
             type: Directive
         }], propDecorators: { filterAction: [{
                 type: ViewChild,
-                args: [ActionContextStoreSourceInstance, { static: true, read: ActionContextStoreSourceInstance }]
+                args: [DbxActionContextStoreSourceInstance, { static: true, read: DbxActionContextStoreSourceInstance }]
             }] } });
 
 /**
@@ -2490,9 +3591,9 @@ class AbstractFilterSourceConnectorDirective {
         this._source.next(filterSource);
     }
 }
-AbstractFilterSourceConnectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractFilterSourceConnectorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AbstractFilterSourceConnectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractFilterSourceConnectorDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractFilterSourceConnectorDirective, decorators: [{
+AbstractFilterSourceConnectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractFilterSourceConnectorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractFilterSourceConnectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractFilterSourceConnectorDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractFilterSourceConnectorDirective, decorators: [{
             type: Directive
         }] });
 
@@ -2523,12 +3624,12 @@ function ProvideFilterSourceConnector(sourceType) {
  */
 class DbxFilterSourceConnectorDirective extends AbstractFilterSourceConnectorDirective {
 }
-DbxFilterSourceConnectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DbxFilterSourceConnectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterSourceConnectorDirective, selector: "[dbxFilterSourceConnector]", providers: [
+DbxFilterSourceConnectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DbxFilterSourceConnectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFilterSourceConnectorDirective, selector: "[dbxFilterSourceConnector]", providers: [
         ...ProvideFilterSource(DbxFilterSourceConnectorDirective),
         ...ProvideFilterSourceConnector(DbxFilterSourceConnectorDirective)
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterSourceConnectorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterSourceConnector]',
@@ -2553,11 +3654,11 @@ class AbstractDbxFilterMapInstanceDirective {
         this._key.complete();
     }
 }
-AbstractDbxFilterMapInstanceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, deps: [{ token: i1$3.FilterMap }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxFilterMapInstanceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxFilterMapInstanceDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, decorators: [{
+AbstractDbxFilterMapInstanceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, deps: [{ token: i1$5.FilterMap }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxFilterMapInstanceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractDbxFilterMapInstanceDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFilterMapInstanceDirective, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i1$3.FilterMap }]; } });
+        }], ctorParameters: function () { return [{ type: i1$5.FilterMap }]; } });
 
 /**
  * Provides a FilterSource from a parent FilterMap.
@@ -2577,11 +3678,11 @@ class DbxFilterMapSourceDirective extends AbstractDbxFilterMapInstanceDirective
         this.instance$.pipe(first$1()).subscribe((x) => x.initWithFilter(filterObs));
     }
 }
-DbxFilterMapSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DbxFilterMapSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterMapSourceDirective, selector: "[dbxFilterMapSource]", inputs: { key: ["dbxFilterMapSource", "key"] }, providers: [
+DbxFilterMapSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterMapSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DbxFilterMapSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFilterMapSourceDirective, selector: "[dbxFilterMapSource]", inputs: { key: ["dbxFilterMapSource", "key"] }, providers: [
         ...ProvideFilterSource(DbxFilterMapSourceDirective)
     ], exportAs: ["dbxFilterMapSource"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterMapSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterMapSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMapSource]',
@@ -2610,12 +3711,12 @@ class DbxFilterMapSourceConnectorDirective extends DbxFilterMapSourceDirective {
         this.instance$.pipe(first$1()).subscribe((x) => x.connectWithSource(filterSource));
     }
 }
-DbxFilterMapSourceConnectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DbxFilterMapSourceConnectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterMapSourceConnectorDirective, selector: "[dbxFilterMapSourceConnector]", inputs: { key: ["dbxFilterMapSourceConnector", "key"] }, providers: [
+DbxFilterMapSourceConnectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DbxFilterMapSourceConnectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFilterMapSourceConnectorDirective, selector: "[dbxFilterMapSourceConnector]", inputs: { key: ["dbxFilterMapSourceConnector", "key"] }, providers: [
         ...ProvideFilterSource(DbxFilterMapSourceConnectorDirective),
         ...ProvideFilterSourceConnector(DbxFilterMapSourceConnectorDirective)
     ], exportAs: ["dbxFilterMapSourceConnector"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterMapSourceConnectorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMapSourceConnector]',
@@ -2641,25 +3742,25 @@ class DbxFilterMapDirective {
         this.filterMap.destroy();
     }
 }
-DbxFilterMapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterMapDirective, deps: [{ token: i1$3.FilterMap }], target: i0.ɵɵFactoryTarget.Directive });
-DbxFilterMapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterMapDirective, selector: "[dbxFilterMap]", providers: [FilterMap], exportAs: ["dbxFilterMap"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterMapDirective, decorators: [{
+DbxFilterMapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterMapDirective, deps: [{ token: i1$5.FilterMap }], target: i0.ɵɵFactoryTarget.Directive });
+DbxFilterMapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFilterMapDirective, selector: "[dbxFilterMap]", providers: [FilterMap], exportAs: ["dbxFilterMap"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterMapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterMap]',
                     exportAs: 'dbxFilterMap',
                     providers: [FilterMap]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.FilterMap }]; } });
+        }], ctorParameters: function () { return [{ type: i1$5.FilterMap }]; } });
 
 /**
  * Basic filter source directive.
  */
 class DbxFilterSourceDirective extends AbstractFilterSourceDirective {
 }
-DbxFilterSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DbxFilterSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterSourceDirective, selector: "[dbxFilterSource]", providers: ProvideFilterSource(DbxFilterSourceDirective), usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterSourceDirective, decorators: [{
+DbxFilterSourceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DbxFilterSourceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFilterSourceDirective, selector: "[dbxFilterSource]", providers: ProvideFilterSource(DbxFilterSourceDirective), usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFilterSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFilterSource]',
@@ -2669,8 +3770,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
 
 class DbxCoreFilterModule {
 }
-DbxCoreFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCoreFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreFilterModule, declarations: [DbxFilterSourceDirective,
+DbxCoreFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCoreFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreFilterModule, declarations: [DbxFilterSourceDirective,
         DbxFilterSourceConnectorDirective,
         DbxFilterMapDirective,
         DbxFilterMapSourceConnectorDirective,
@@ -2679,10 +3780,10 @@ DbxCoreFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         DbxFilterMapDirective,
         DbxFilterMapSourceConnectorDirective,
         DbxFilterMapSourceDirective] });
-DbxCoreFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreFilterModule, imports: [[
+DbxCoreFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreFilterModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCoreFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCoreFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2705,14 +3806,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 }]
         }] });
 
-const DBX_INJECTED_COMPONENT_DATA = new InjectionToken('DbxInjectedComponentConfigData');
+const DBX_INJECTION_COMPONENT_DATA = new InjectionToken('DbxInjectionComponentConfigData');
 /**
  * Merges multiple configurations into a single configuration.
  *
  * @param configs
  * @returns
  */
-function mergeDbxInjectedComponentConfigs(configs) {
+function mergeDbxInjectionComponentConfigs(configs) {
     const providers = mergeArrays(filterMaybeValues(configs).map(x => x.providers));
     const result = mergeObjects(configs);
     result.providers = providers;
@@ -2722,7 +3823,7 @@ function mergeDbxInjectedComponentConfigs(configs) {
 /**
  * Instance used by components to inject content based on the configuration into the view.
  */
-class DbxInjectedComponentInstance {
+class DbxInjectionInstance {
     constructor(_injector) {
         this._injector = _injector;
         this._subscriptionObject = new SubscriptionObject();
@@ -2798,7 +3899,7 @@ class DbxInjectedComponentInstance {
             injector = Injector.create({
                 parent: parentInjector,
                 providers: mergeArrayOrValueIntoArray([{
-                        provide: DBX_INJECTED_COMPONENT_DATA,
+                        provide: DBX_INJECTION_COMPONENT_DATA,
                         useValue: data
                     }], providers !== null && providers !== void 0 ? providers : [])
             });
@@ -2832,10 +3933,10 @@ class DbxInjectedComponentInstance {
 /**
  * Abstract directive that injects content based on the configuration into the view.
  */
-class AbstractDbxInjectedDirective {
+class AbstractDbxInjectionDirective {
     constructor(_injector) {
         this._injector = _injector;
-        this._instance = new DbxInjectedComponentInstance(this._injector);
+        this._instance = new DbxInjectionInstance(this._injector);
     }
     ngOnInit() {
         this._instance.init();
@@ -2853,16 +3954,16 @@ class AbstractDbxInjectedDirective {
         this._instance.content = content;
     }
 }
-AbstractDbxInjectedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxInjectedDirective, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxInjectedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxInjectedDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxInjectedDirective, decorators: [{
+AbstractDbxInjectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxInjectionDirective, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxInjectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractDbxInjectionDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxInjectionDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
 /**
  * Component that injects content based on the configuration into the view.
  */
-class DbxInjectedComponent extends AbstractDbxInjectedDirective {
+class DbxInjectionComponent extends AbstractDbxInjectionDirective {
     set config(config) {
         this.setConfig(config);
     }
@@ -2873,12 +3974,12 @@ class DbxInjectedComponent extends AbstractDbxInjectedDirective {
         this.setContent(content);
     }
 }
-DbxInjectedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInjectedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxInjectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: { config: "config", template: "template" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-template #content></ng-template>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInjectedComponent, decorators: [{
+DbxInjectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxInjectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: { config: "config", template: "template" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-template #content></ng-template>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'dbx-injected-content, [dbx-injected-content]',
+                    selector: 'dbx-injection, [dbxInjection], [dbx-injection]',
                     template: `<ng-template #content></ng-template>`
                 }]
         }], propDecorators: { config: [{
@@ -2890,28 +3991,258 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 args: ['content', { static: true, read: ViewContainerRef }]
             }] } });
 
-class DbxInjectedComponentModule {
+/**
+ * View that can switch to show another arbitrary view, then switch back when the promise ends.
+ *
+ * It is similar to *ngIf/*ngSwitch, but the original child content is retained instead of discarded,
+ * and returns once the special context is done being used.
+ */
+class DbxInjectionContext {
+}
+/**
+ * Allows a directive to provide a formly context and form.
+ */
+function ProvideDbxInjectionContext(type) {
+    return [{
+            provide: DbxInjectionContext,
+            useExisting: type
+        }];
+}
+
+/**
+ * DbxInjectedViewContext implementation. Acts similar to *ngIf, but instead switches to a different view without destroying the original child view.
+ */
+class DbxInjectionContextDirective {
+    constructor(_injector, _templateRef, _viewContainer) {
+        this._injector = _injector;
+        this._templateRef = _templateRef;
+        this._viewContainer = _viewContainer;
+        this._instance = new DbxInjectionInstance(this._injector);
+        this._isDetached = false;
+    }
+    set config(config) {
+        let reattach = false;
+        if (config) {
+            if (!this._isDetached) {
+                // detach the original view before setting config.
+                this._viewContainer.detach();
+                this._isDetached = true;
+            }
+        }
+        else if (this._isDetached) {
+            reattach = true;
+        }
+        this._instance.config = config;
+        if (reattach) {
+            this._viewContainer.insert(this._embeddedView);
+            this._isDetached = false;
+        }
+    }
+    ngOnInit() {
+        this._instance.content = this._viewContainer;
+        this._instance.init();
+        this._embeddedView = this._viewContainer.createEmbeddedView(this._templateRef);
+        // detach the embedded view
+        this._viewContainer.detach();
+        // reattach it through the template configuration.
+        // the template configuration acts as the default.
+        this._instance.template = {
+            viewRef: this._embeddedView
+        };
+    }
+    ngOnDestroy() {
+        var _a;
+        this._instance.destroy();
+        (_a = this._embeddedView) === null || _a === void 0 ? void 0 : _a.destroy(); // destroy our embedded view too.
+    }
+    showContext(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // clear the current context before showing something new.
+            this.resetContext();
+            let promiseRef;
+            let result;
+            let error;
+            // wait for the promise to resolve and use to finish using that instance.
+            try {
+                promiseRef = makePromiseFullRef((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+                    const injectionConfig = Object.assign(Object.assign({}, config.config), { init: (instance) => __awaiter(this, void 0, void 0, function* () {
+                            // init if available in the base config.
+                            if (config.config.init) {
+                                config.config.init(instance);
+                            }
+                            try {
+                                resolve(config.use(instance));
+                            }
+                            catch (e) {
+                                reject(e);
+                            }
+                        }) });
+                    this.config = injectionConfig;
+                }));
+                this._currentPromise = promiseRef;
+                // await the promise
+                yield promiseRef.promise;
+            }
+            catch (e) {
+                error = e;
+            }
+            // if we're still using the same promiseRef
+            if (promiseRef && promiseRef === this._currentPromise) {
+                // clear the config to reshow the view
+                this.config = undefined;
+                // clear the current promise
+                this._currentPromise = undefined;
+            }
+            if (error != null) {
+                return Promise.reject(error);
+            }
+            else {
+                return result;
+            }
+        });
+    }
+    resetContext() {
+        let clearedValue = false;
+        if (this._currentPromise) {
+            const promise = this._currentPromise;
+            // clear the current promise too
+            this._currentPromise = undefined;
+            // clear the config.
+            this.config = undefined;
+            // send a rejection signal to bail out.
+            promise.reject(new Error('dbxInjectionContext bailout'));
+            clearedValue = true;
+        }
+        return clearedValue;
+    }
+}
+DbxInjectionContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionContextDirective, deps: [{ token: i0.Injector }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxInjectionContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxInjectionContextDirective, selector: "[dbxInjectionContext]", inputs: { config: "config" }, providers: ProvideDbxInjectionContext(DbxInjectionContextDirective), ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxInjectionContext]',
+                    providers: ProvideDbxInjectionContext(DbxInjectionContextDirective)
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class DbxInjectionComponentModule {
 }
-DbxInjectedComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInjectedComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxInjectedComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInjectedComponentModule, declarations: [DbxInjectedComponent], imports: [CommonModule], exports: [DbxInjectedComponent] });
-DbxInjectedComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInjectedComponentModule, imports: [[
+DbxInjectionComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxInjectionComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionComponentModule, declarations: [DbxInjectionComponent,
+        DbxInjectionContextDirective], imports: [CommonModule], exports: [DbxInjectionComponent,
+        DbxInjectionContextDirective] });
+DbxInjectionComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionComponentModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInjectedComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxInjectionComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule
                     ],
                     declarations: [
-                        DbxInjectedComponent
+                        DbxInjectionComponent,
+                        DbxInjectionContextDirective
                     ],
                     exports: [
-                        DbxInjectedComponent
+                        DbxInjectionComponent,
+                        DbxInjectionContextDirective
                     ],
                 }]
         }] });
 
+/**
+ * Abstract DbxInjectionContext implementation that forwards commands to a host DbxInjectionContext.
+ *
+ * This abstract type is used by related types for dependency injection purposes, so that those types
+ * can be injected instead of just any DbxInjectionContext.
+ */
+class AbstractForwardDbxInjectionContextDirective {
+    constructor(dbxInjectionContext) {
+        this.dbxInjectionContext = dbxInjectionContext;
+    }
+    // MARK: DbxInjectionContext
+    showContext(config) {
+        return this.dbxInjectionContext.showContext(config);
+    }
+    resetContext() {
+        return this.dbxInjectionContext.resetContext();
+    }
+}
+AbstractForwardDbxInjectionContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, deps: [{ token: DbxInjectionContext, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractForwardDbxInjectionContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractForwardDbxInjectionContextDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractForwardDbxInjectionContextDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () {
+        return [{ type: DbxInjectionContext, decorators: [{
+                        type: Host
+                    }] }];
+    } });
+
+/**
+ * Abstract ComponentStore extension that provides a LockSet and OnDestroy delaying/cleanup.
+ */
+class LockSetComponentStore extends ComponentStore {
+    constructor(initialState) {
+        super(initialState);
+        this.initialState = initialState;
+        this.lockSet = new LockSet();
+        this.lockSetDestroyDelayMs = 2000;
+        // MARK: State Changes
+        this.resetStore = this.updater(() => (Object.assign({}, this.initialState)));
+    }
+    // MARK: Locks
+    setupLockSet({ parent, locks }) {
+        if (parent) {
+            this.setParentLockSet(parent);
+        }
+        if (locks) {
+            for (const key in locks) {
+                if (locks[key]) {
+                    this.addLock(key, locks[key]);
+                }
+            }
+        }
+    }
+    setParentLockSet(obs) {
+        this.lockSet.setParentLockSet(asObservable(obs).pipe(map$1(x => x === null || x === void 0 ? void 0 : x.lockSet)));
+    }
+    addLock(key, obs) {
+        this.lockSet.addLock(key, obs);
+    }
+    // MARK: Cleanup
+    ngOnDestroy() {
+        // Wait for any actions to complete before destroying.
+        this.lockSet.destroyOnNextUnlock({
+            fn: () => {
+                this._destroyNow();
+            },
+            timeout: this.lockSetDestroyTimeoutMs,
+        }, this.lockSetDestroyDelayMs);
+    }
+    /**
+     * Completes the cleanup of the object.
+     */
+    _destroyNow() {
+        this.lockSet.destroy();
+    }
+}
+LockSetComponentStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: LockSetComponentStore, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+LockSetComponentStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: LockSetComponentStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: LockSetComponentStore, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [null]
+                    }, {
+                        type: Optional
+                    }] }];
+    } });
+
 class StringifySimpleStorageAccessorConverter {
     stringifyValue(value) {
         return JSON.stringify(value);
@@ -3133,12 +4464,12 @@ class SimpleStorageAccessorFactory {
         return new SimpleStorageAccessor(delegate, accessorConfig);
     }
 }
-SimpleStorageAccessorFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: SimpleStorageAccessorFactory, deps: [{ token: DEFAULT_STORAGE_OBJECT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-SimpleStorageAccessorFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: SimpleStorageAccessorFactory });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: SimpleStorageAccessorFactory, decorators: [{
+SimpleStorageAccessorFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SimpleStorageAccessorFactory, deps: [{ token: DEFAULT_STORAGE_OBJECT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+SimpleStorageAccessorFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SimpleStorageAccessorFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SimpleStorageAccessorFactory, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
-        return [{ type: i1$4.FullStorageObject, decorators: [{
+        return [{ type: i1$6.FullStorageObject, decorators: [{
                         type: Inject,
                         args: [DEFAULT_STORAGE_OBJECT_TOKEN]
                     }] }];
@@ -3244,60 +4575,16 @@ class DbxStorageModule {
         };
     }
 }
-DbxStorageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStorageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxStorageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStorageModule });
-DbxStorageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStorageModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStorageModule, decorators: [{
+DbxStorageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStorageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxStorageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStorageModule });
+DbxStorageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStorageModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStorageModule, decorators: [{
             type: NgModule
         }] });
 
-/**
- * Convenience function used within observables for views that need to detect changes after a value changes.
- *
- * @param cdRef
- * @param timeout
- * @returns
- */
-function tapDetectChanges(cdRef, timeout = 0) {
-    return tap$1(() => setTimeout(() => safeDetectChanges(cdRef), timeout));
-}
-/**
- * Triggers a detection change on the input view as long as the view has not been destroyed.
- *
- * @param cdRef
- */
-function safeDetectChanges(cdRef) {
-    if (!cdRef.destroyed) {
-        cdRef.detectChanges();
-    }
-}
-/**
- * Used to check an injected ElementRef that wraps an ng-content injection point whether or not any content was injected,
- * or more specifically if the parent component passed any target content to the child. This will still return true if
- * passed content is empty.
- *
- * TS:
- * @ViewChild('customLoading', { static: false }) customCustom: ElementRef;
- *
- * HTML:
- * <div #customContent>
- *  <ng-content select="[content]"></ng-content>
- * </div>
- */
-function checkNgContentWrapperHasContent(ref) {
-    // https://github.com/angular/angular/issues/26083
-    let hasContent = false;
-    if (ref != null) {
-        const childNodes = ref.nativeElement.childNodes;
-        const hasChildNodes = childNodes && childNodes.length > 0;
-        hasContent = Boolean(hasChildNodes);
-    }
-    return hasContent;
-}
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ACTION_DISABLED_DIRECTIVE_KEY, APP_ACTION_DISABLED_UNTIL_MODIFIED_DIRECTIVE_KEY, AbstractActionFilterSourceDirective, AbstractDbxAnchorDirective, AbstractDbxButtonDirective, AbstractDbxFilterMapInstanceDirective, AbstractDbxInjectedDirective, AbstractFilterSourceConnectorDirective, AbstractFilterSourceDirective, AbstractLockSetSubscriptionDirective, AbstractSubscriptionDirective, AbstractTransitionDirective, AbstractTransitionWatcherDirective, ActionContextBaseSource, ActionContextMachine, ActionContextStore, ActionContextStoreSource, ActionContextStoreSourceInstance, ActionContextStoreSourceMap, ActionSnackbarDefaultType, ActionSnackbarEventType, ActionState, AnchorType, DBX_INJECTED_COMPONENT_DATA, DEFAULT_ACTION_DISABLED_KEY, DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_SNACKBAR_UNDO_DIRECTIVE_DURATION, DEFAULT_STORAGE_ACCESSOR_FACTORY_TOKEN, DEFAULT_STORAGE_OBJECT_TOKEN, DateDistancePipe, DateFormatDistancePipe, DateFromToTimePipe, DbxActionAutoModifyDirective, DbxActionAutoTriggerDirective, DbxActionAutoTriggerValueDirective, DbxActionButtonDirective, DbxActionButtonTriggerDirective, DbxActionContextLoggerDirective, DbxActionContextMapDirective, DbxActionContextMapDirectiveSourceInstance, DbxActionDirective, DbxActionDisabledDirective, DbxActionDisabledUntilModifiedDirective, DbxActionFromMapDirective, DbxActionHandlerDirective, DbxActionMapSourceDirective, DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionSuccessComponent, DbxActionSuccessDirective, DbxActionValueDirective, DbxActionWorkingComponent, DbxAnchor, DbxAngularRouterService, DbxButton, DbxButtonDirective, DbxButtonSegueDirective, DbxCoreActionModule, DbxCoreAngularRouterSegueModule, DbxCoreButtonModule, DbxCoreFilterModule, DbxCoreUIRouterSegueModule, DbxDatePipeModule, DbxFilterMapDirective, DbxFilterMapSourceConnectorDirective, DbxFilterMapSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterSourceDirective, DbxInjectedComponent, DbxInjectedComponentInstance, DbxInjectedComponentModule, DbxLoadingButtonDirective, DbxRouterService, DbxRouterTransitionEventType, DbxRouterTransitionService, DbxStorageModule, DbxUIRouterService, FullLocalStorageObject, InstantStorageAccessor, LimitedStorageAccessor, MemoryStorageObject, MinutesStringPipe, ProvideActionStoreSource, ProvideDbxAnchor, ProvideDbxButton, ProvideFilterSource, ProvideFilterSourceConnector, ProvideSecondaryActionStoreSource, SecondaryActionContextStoreSource, SimpleStorageAccessor, SimpleStorageAccessorFactory, StorageAccessor, StringStorageAccessor, StringifySimpleStorageAccessorConverter, TimeDistanceCountdownPipe, TimeDistancePipe, ToJsDatePipe, ToMinutesPipe, WorkHandlerContext, WorkHandlerContextSourceDelegate, WrapperSimpleStorageAccessorDelegate, actionContextHasNoErrorAndIsModifiedAndCanTrigger, actionContextIsModifiedAndCanTrigger, actionContextStoreSourceInstanceFactory, actionContextStoreSourcePipe, anchorTypeForAnchor, canReadyValue, canTriggerAction, canTriggerActionState, checkNgContentWrapperHasContent, defaultStorageObjectFactory, expandClickableAnchorLinkTree, expandClickableAnchorLinkTreeNode, expandClickableAnchorLinkTrees, filterTransitionEvent, filterTransitionSuccess, flattenExpandedClickableAnchorLinkTree, flattenExpandedClickableAnchorLinkTreeToLinks, handleWorkValueReadyFn, handleWorkValueReadyWithConfigFn, isActionContextDisabled, isActionContextEnabled, isDisabledActionContextState, isIdleActionState, isWorkingActionState, mapRefStringObsToSegueRefObs, mergeDbxInjectedComponentConfigs, pipeActionStore, refStringToSegueRef, safeDetectChanges, successTransition, tapDetectChanges, useActionStore };
+export { APP_ACTION_DISABLED_DIRECTIVE_KEY, APP_ACTION_ENFORCE_MODIFIED_DIRECTIVE_KEY, AbstractActionFilterSourceDirective, AbstractDbxActionValueOnTriggerDirective, AbstractDbxAnchorDirective, AbstractDbxButtonDirective, AbstractDbxFilterMapInstanceDirective, AbstractDbxInjectionDirective, AbstractFilterSourceConnectorDirective, AbstractFilterSourceDirective, AbstractForwardDbxInjectionContextDirective, AbstractIfDirective, AbstractLockSetSubscriptionDirective, AbstractSubscriptionDirective, AbstractTransitionDirective, AbstractTransitionWatcherDirective, ActionContextStore, ActionContextStoreSource, ActionContextStoreSourceMap, AnchorType, 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_ONBOARDING_APP_CONTEXT_STATE, DBX_PUBLIC_APP_CONTEXT_STATE, DEFAULT_ACTION_DISABLED_KEY, DEFAULT_ACTION_MAP_WORKING_DISABLED_KEY, DEFAULT_STORAGE_ACCESSOR_FACTORY_TOKEN, DEFAULT_STORAGE_OBJECT_TOKEN, DateDistancePipe, DateFormatDistancePipe, DateFromToTimePipe, DbxActionAutoModifyDirective, DbxActionAutoTriggerDirective, DbxActionButtonDirective, DbxActionButtonTriggerDirective, DbxActionContextBaseSource, DbxActionContextLoggerDirective, DbxActionContextMachine, DbxActionContextMapDirective, DbxActionContextMapDirectiveSourceInstance, DbxActionContextStoreSourceInstance, DbxActionDirective, DbxActionDisabledDirective, DbxActionEnforceModifiedDirective, DbxActionFromMapDirective, DbxActionHandlerDirective, DbxActionHasSuccessDirective, DbxActionIsWorkingDirective, DbxActionMapSourceDirective, DbxActionMapWorkingDisableDirective, DbxActionSourceDirective, DbxActionState, DbxActionSuccessHandlerDirective, DbxActionValueDirective, DbxActionValueOnTriggerInstance, DbxActionValueTriggerDirective, DbxActionWorkInstanceDelegate, DbxAnchor, DbxAngularRouterService, DbxAppAuthRouterEffects, DbxAppAuthRouterModule, DbxAppAuthRouterService, DbxAppAuthRouterStateModule, DbxAppAuthRoutes, DbxAppAuthStateModule, DbxAppAuthStateService, DbxAppContextService, DbxAppContextStateDirective, DbxAppContextStateModule, DbxAuthHasAnyRoleDirective, DbxAuthHasRolesDirective, DbxAuthService, DbxButton, DbxButtonDirective, DbxButtonSegueDirective, DbxCoreActionModule, DbxCoreAngularRouterSegueModule, DbxCoreAuthModule, DbxCoreButtonModule, DbxCoreFilterModule, DbxCoreUIRouterSegueModule, DbxDatePipeModule, DbxFilterMapDirective, DbxFilterMapSourceConnectorDirective, DbxFilterMapSourceDirective, DbxFilterSourceConnectorDirective, DbxFilterSourceDirective, DbxInjectionComponent, DbxInjectionComponentModule, DbxInjectionContext, DbxInjectionContextDirective, DbxInjectionInstance, DbxLoadingButtonDirective, DbxMiscPipeModule, DbxPipesModule, DbxRouterService, DbxRouterTransitionEventType, DbxRouterTransitionService, DbxStorageModule, DbxUIRouterService, FullLocalStorageObject, InstantStorageAccessor, LimitedStorageAccessor, LockSetComponentStore, MemoryStorageObject, MinutesStringPipe, NO_AUTH_USER_IDENTIFIER, PrettyJsonPipe, ProvideActionStoreSource, ProvideDbxAnchor, ProvideDbxButton, ProvideDbxInjectionContext, ProvideFilterSource, ProvideFilterSourceConnector, ProvideSecondaryActionStoreSource, SecondaryActionContextStoreSource, SimpleStorageAccessor, SimpleStorageAccessorFactory, StorageAccessor, StringStorageAccessor, StringifySimpleStorageAccessorConverter, TimeDistanceCountdownPipe, TimeDistancePipe, ToJsDatePipe, ToMinutesPipe, WrapperSimpleStorageAccessorDelegate, actionContextHasNoErrorAndIsModifiedAndCanTrigger, actionContextIsModifiedAndCanTrigger, actionContextStoreSourceInstanceFactory, actionContextStoreSourcePipe, anchorTypeForAnchor, asSegueRef, authRolesSetContainsAllRolesFrom, authRolesSetContainsAnyRoleFrom, authUserIdentifier, canReadyValue, canTriggerAction, canTriggerActionState, checkNgContentWrapperHasContent, dbxActionValueStreamDirective, defaultStorageObjectFactory, enableHasAuthRoleHook, enableHasAuthStateHook, enableIsLoggedInHook, expandClickableAnchorLinkTree, expandClickableAnchorLinkTreeNode, expandClickableAnchorLinkTrees, filterTransitionEvent, filterTransitionSuccess, flattenExpandedClickableAnchorLinkTree, flattenExpandedClickableAnchorLinkTreeToLinks, index as fromDbxAppAuth, index$2 as fromDbxAppContext, goWithRouter, isActionContextDisabled, isActionContextEnabled, isDisabledActionContextState, isIdleActionState, isSegueRef, isWorkingActionState, loadingStateForActionContextState, loadingStateTypeForActionContextState, loadingStateTypeForActionState, loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, makeAuthTransitionHook, makeDbxActionContextSourceReference, mapRefStringObsToSegueRefObs, mergeDbxInjectionComponentConfigs, index$1 as onDbxAppAuth, index$3 as onDbxAppContext, pipeActionStore, readSegueRefString, redirectBasedOnAuthUserState, refStringToSegueRef, safeDetectChanges, safeMarkForCheck, safeUseCdRef, successTransition, tapDetectChanges, useActionStore };
 //# sourceMappingURL=dereekb-dbx-core.mjs.map