@dereekb/dbx-web 4.0.0 → 5.0.0

package/fesm2015/dereekb-dbx-web.mjs

@@ -1,12 +1,11 @@
-import { filterMaybe, LoadingStateType, loadingStateType, skipFirstMaybe, SubscriptionObject, initialize, asObservable, ListLoadingStateContextInstance, loadingStateHasFinishedLoading, beginLoading, valueFromObservableOrValue, LoadingStateContextInstance, mapForEach, switchMapMaybeObs, LockSet } from '@dereekb/rxjs';
-import { BehaviorSubject, map, combineLatest, distinctUntilChanged, shareReplay, first, Subject, of, switchMap, startWith, delay, throttleTime, filter as filter$1, merge, exhaustMap, catchError, from, race } from 'rxjs';
 import * as i0 from '@angular/core';
 import { InjectionToken, EventEmitter, Directive, Optional, Inject, Output, HostListener, Input, ElementRef, Component, ChangeDetectionStrategy, ViewChild, Injectable, Host, NgModule, TemplateRef, forwardRef } from '@angular/core';
+import { filterMaybe, LoadingStateType, loadingStateType, skipFirstMaybe, SubscriptionObject, initialize, asObservable, ListLoadingStateContextInstance, loadingStateHasFinishedLoading, startWithBeginLoading, valueFromObservableOrValue, LoadingStateContextInstance, mapForEach, switchMapMaybeObs, LockSet } from '@dereekb/rxjs';
+import { BehaviorSubject, map, combineLatest, distinctUntilChanged, shareReplay, first, Subject, of, switchMap, startWith, filter, delay, throttleTime, distinct, merge, exhaustMap, catchError, from, mergeMap, race, tap } from 'rxjs';
 import * as i1$1 from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
-import { map as map$1, filter, shareReplay as shareReplay$1, distinctUntilChanged as distinctUntilChanged$1, distinct, catchError as catchError$1, delay as delay$1, first as first$1, startWith as startWith$1, throttleTime as throttleTime$1, mergeMap, tap } from 'rxjs/operators';
 import * as i1$2 from '@dereekb/dbx-core';
-import { AbstractSubscriptionDirective, safeMarkForCheck, AbstractDbxButtonDirective, ProvideDbxButton, DbxCoreButtonModule, AbstractTransitionWatcherDirective, AbstractDbxActionValueOnTriggerDirective, safeDetectChanges, AbstractDbxAnchorDirective, DbxInjectionComponentModule, expandClickableAnchorLinkTrees, AbstractTransitionDirective, tapDetectChanges, asSegueRef, checkNgContentWrapperHasContent, anchorTypeForAnchor, AnchorType, DbxCoreActionModule, DbxCoreFilterModule, isIdleActionState, canTriggerAction } from '@dereekb/dbx-core';
+import { AbstractSubscriptionDirective, safeMarkForCheck, AbstractDbxButtonDirective, provideDbxButton, DbxCoreButtonModule, AbstractTransitionWatcherDirective, AbstractDbxActionValueOnTriggerDirective, safeDetectChanges, AbstractDbxAnchorDirective, DbxInjectionComponentModule, expandClickableAnchorLinkTrees, AbstractTransitionDirective, tapDetectChanges, asSegueRef, checkNgContentWrapperHasContent, anchorTypeForAnchor, AnchorType, DbxCoreActionModule, DbxCoreFilterModule, isIdleActionState, canTriggerAction } from '@dereekb/dbx-core';
 import ms from 'ms';
 import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
@@ -16,7 +15,7 @@ import * as i3 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i3$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { getValueFromGetter, mergeObjects, splitCommaSeparatedStringToSet, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, isMaybeNot, convertToReadableError, ServerErrorResponse, UnauthorizedServerErrorResponse, maybeModifierMapToFunction } from '@dereekb/util';
+import { getValueFromGetter, mergeObjects, splitCommaSeparatedStringToSet, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, isMaybeNot, toReadableError, build, ServerErrorResponse, UnauthorizedServerErrorResponse, maybeModifierMapToFunction } from '@dereekb/util';
 import * as i3$2 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i6 from '@angular/material/core';
@@ -101,13 +100,13 @@ class AbstractProgressButtonDirective extends AbstractSubscriptionDirective {
             }
         });
     }
-    get options() {
-        return this._computedOptions;
-    }
     get customSpinnerStyle() {
         const customSpinnerColor = this._computedOptions.customSpinnerColor;
         return (customSpinnerColor) ? { stroke: customSpinnerColor } : undefined;
     }
+    get options() {
+        return this._computedOptions;
+    }
     set options(options) {
         this._options.next(options);
     }
@@ -232,12 +231,12 @@ class DbxButtonComponent extends AbstractDbxButtonDirective {
         const buttonIcon = (this.icon) ? {
             fontIcon: this.icon
         } : undefined;
-        let customStyle = {};
+        const customStyle = {};
         if (this.customButtonColor) {
-            customStyle.background = this.customButtonColor;
+            customStyle['background'] = this.customButtonColor;
         }
         if (this.customTextColor) {
-            customStyle.color = this.customTextColor;
+            customStyle['color'] = this.customTextColor;
         }
         const customSpinnerColor = (_a = this.customSpinnerColor) !== null && _a !== void 0 ? _a : this.customTextColor;
         const disabled = !this.working && this.disabled; // Only disabled if we're not working, in order to show the animation.
@@ -262,7 +261,7 @@ class DbxButtonComponent extends AbstractDbxButtonDirective {
     }
 }
 DbxButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxButtonComponent, selector: "dbx-button", inputs: { type: "type", raised: "raised", stroked: "stroked", flat: "flat", color: "color", customButtonColor: "customButtonColor", customTextColor: "customTextColor", customSpinnerColor: "customSpinnerColor" }, providers: ProvideDbxButton(DbxButtonComponent), usesInheritance: true, ngImport: i0, template: `
+DbxButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxButtonComponent, selector: "dbx-button", inputs: { type: "type", raised: "raised", stroked: "stroked", flat: "flat", color: "color", customButtonColor: "customButtonColor", customTextColor: "customTextColor", customSpinnerColor: "customSpinnerColor" }, providers: provideDbxButton(DbxButtonComponent), usesInheritance: true, ngImport: i0, template: `
     <dbx-spinner-button class="page-button" (btnClick)="clickButton()" [options]="btnOptions">
       <ng-content></ng-content>
     </dbx-spinner-button>
@@ -276,7 +275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
       <ng-content></ng-content>
     </dbx-spinner-button>
   `,
-                    providers: ProvideDbxButton(DbxButtonComponent)
+                    providers: provideDbxButton(DbxButtonComponent)
                 }]
         }], propDecorators: { type: [{
                 type: Input
@@ -299,11 +298,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxSpacerDirective {
 }
 DbxSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxSpacerDirective, selector: "dbx-spacer, [dbx-spacer]", host: { classAttribute: "dbx-spacer" }, ngImport: i0 });
+DbxSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxSpacerDirective, selector: "dbx-spacer, [dbxSpacer]", host: { classAttribute: "dbx-spacer" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSpacerDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-spacer, [dbx-spacer]',
+                    selector: 'dbx-spacer, [dbxSpacer]',
                     host: {
                         'class': 'dbx-spacer'
                     }
@@ -316,11 +315,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxButtonSpacerDirective {
 }
 DbxButtonSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxButtonSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxButtonSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer", host: { classAttribute: "dbx-button-spacer d-inline" }, ngImport: i0 });
+DbxButtonSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]", host: { classAttribute: "dbx-button-spacer d-inline" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxButtonSpacerDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-button-spacer,dbxButtonSpacer',
+                    selector: 'dbx-button-spacer,[dbxButtonSpacer]',
                     host: {
                         class: 'dbx-button-spacer d-inline'
                     }
@@ -339,10 +338,10 @@ class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
         this._durationTimeout = new Subject();
         this._actionRef = new BehaviorSubject(undefined);
         this.value$ = of(0); // value passed to the action.
-        this.sourceInstance$ = this._actionRef.pipe(filterMaybe(), map$1(x => x === null || x === void 0 ? void 0 : x.sourceInstance));
+        this.sourceInstance$ = this._actionRef.pipe(filterMaybe(), map(x => x === null || x === void 0 ? void 0 : x.sourceInstance));
         this.complete$ = this.sourceInstance$.pipe(switchMap(x => x.isSuccess$), startWith(false), shareReplay(1));
         this.loadingStateType$ = this.sourceInstance$.pipe(switchMap(x => x.loadingStateType$), startWith(LoadingStateType.IDLE), shareReplay(1));
-        this.snackbarStatusClass$ = this.loadingStateType$.pipe(map$1((x) => {
+        this.snackbarStatusClass$ = this.loadingStateType$.pipe(map((x) => {
             let classes = 'dbx-action-snackbar-';
             switch (x) {
                 case LoadingStateType.ERROR:
@@ -380,7 +379,7 @@ class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
     }
     ngOnInit() {
         // Subscribe and close if the duration is up and the action state is idle.
-        this.sub = this._durationTimeout.pipe(switchMap((x) => this.loadingStateType$), filter(x => x === LoadingStateType.IDLE)).subscribe(() => {
+        this.sub = this._durationTimeout.pipe(switchMap(() => this.loadingStateType$), filter(x => x === LoadingStateType.IDLE)).subscribe(() => {
             this.dismiss();
         });
     }
@@ -402,7 +401,7 @@ class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
     }
 }
 DbxActionSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1$1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionSnackbarComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n  <ng-container [ngSwitch]=\"complete$ | async\">\n    <ng-container *ngSwitchCase=\"true\">\n      <dbx-spacer></dbx-spacer>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"false\">\n      <span>{{ message }}</span>\n      <dbx-spacer></dbx-spacer>\n      <ng-container *ngIf=\"hasAction\">\n        <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\"\n          [dbxActionSuccessHandler]=\"dismissAfterActionCompletes\">\n          <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n        </dbx-action>\n        <dbx-button-spacer></dbx-button-spacer>\n      </ng-container>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n    </ng-container>\n  </ng-container>\n</div>\n", components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: DbxSpacerDirective, selector: "dbx-spacer, [dbx-spacer]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { type: i1$2.dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: ["dbxActionValueStream", "dbxActionValueStreamIsNotEmpty", "dbxActionValueStreamModified"] }, { type: i1$2.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { type: i1$2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }], pipes: { "async": i3$1.AsyncPipe } });
+DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxActionSnackbarComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n  <ng-container [ngSwitch]=\"complete$ | async\">\n    <ng-container *ngSwitchCase=\"true\">\n      <dbx-spacer></dbx-spacer>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"false\">\n      <span>{{ message }}</span>\n      <dbx-spacer></dbx-spacer>\n      <ng-container *ngIf=\"hasAction\">\n        <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\"\n          [dbxActionSuccessHandler]=\"dismissAfterActionCompletes\">\n          <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n        </dbx-action>\n        <dbx-button-spacer></dbx-button-spacer>\n      </ng-container>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n    </ng-container>\n  </ng-container>\n</div>\n", components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: DbxSpacerDirective, selector: "dbx-spacer, [dbxSpacer]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { type: i1$2.dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: ["dbxActionValueStream", "dbxActionValueStreamIsNotEmpty", "dbxActionValueStreamModified"] }, { type: i1$2.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { type: i1$2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }], pipes: { "async": i3$1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionSnackbarComponent, decorators: [{
             type: Component,
             args: [{ template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n  <ng-container [ngSwitch]=\"complete$ | async\">\n    <ng-container *ngSwitchCase=\"true\">\n      <dbx-spacer></dbx-spacer>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"false\">\n      <span>{{ message }}</span>\n      <dbx-spacer></dbx-spacer>\n      <ng-container *ngIf=\"hasAction\">\n        <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\"\n          [dbxActionSuccessHandler]=\"dismissAfterActionCompletes\">\n          <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n        </dbx-action>\n        <dbx-button-spacer></dbx-button-spacer>\n      </ng-container>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
@@ -822,11 +821,11 @@ class DbxDialogContentDirective {
     }
 }
 DbxDialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxDialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxDialogContentDirective, selector: "dbx-dialog-content,.dbx-dialog-content", inputs: { width: "width" }, host: { properties: { "class": "width + '-dialog-content'" }, classAttribute: "dbx-dialog-content" }, ngImport: i0 });
+DbxDialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxDialogContentDirective, selector: "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", inputs: { width: "width" }, host: { properties: { "class": "width + '-dialog-content'" }, classAttribute: "dbx-dialog-content" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxDialogContentDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-dialog-content,.dbx-dialog-content',
+                    selector: 'dbx-dialog-content,[dbxDialogContent].dbx-dialog-content',
                     host: {
                         'class': 'dbx-dialog-content',
                         '[class]': `width + '-dialog-content'`
@@ -912,7 +911,7 @@ class DbxStyleService {
         }), distinctUntilChanged());
     }
     toggleDarkSuffix(dark) {
-        let toggle = (dark != null) ? dark : this.suffix !== '-dark';
+        const toggle = (dark != null) ? dark : this.suffix !== '-dark';
         if (toggle) {
             this.suffix = '-dark';
         }
@@ -1025,11 +1024,11 @@ class DbxStyleDirective extends AbstractSubscriptionDirective {
     }
 }
 DbxStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStyleDirective, deps: [{ token: DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxStyleDirective, selector: "dbx-style, [dbx-style], .dbx-style", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
+DbxStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxStyleDirective, selector: "dbx-style, [dbxStyle], .dbx-style", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStyleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-style, [dbx-style], .dbx-style',
+                    selector: 'dbx-style, [dbxStyle], .dbx-style',
                     host: {
                         '[class]': 'style'
                     }
@@ -1198,11 +1197,11 @@ class PopoverPositionStrategy {
 class DbxBarDirective {
 }
 DbxBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxBarDirective, selector: "dbx-bar", inputs: { color: "color" }, host: { properties: { "class.dbx-primary-bg": "color === \"primary\"", "class.dbx-accent-bg": "color === \"accent\"", "class.dbx-warn-bg": "color === \"warn\"" }, classAttribute: "dbx-bar" }, ngImport: i0 });
+DbxBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxBarDirective, selector: "dbx-bar,[dbxBar]", inputs: { color: "color" }, host: { properties: { "class.dbx-primary-bg": "color === \"primary\"", "class.dbx-accent-bg": "color === \"accent\"", "class.dbx-warn-bg": "color === \"warn\"" }, classAttribute: "dbx-bar" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxBarDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-bar',
+                    selector: 'dbx-bar,[dbxBar]',
                     host: {
                         'class': 'dbx-bar',
                         '[class.dbx-primary-bg]': 'color === "primary"',
@@ -1225,7 +1224,7 @@ DbxBarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       <mat-icon class="button-spacer" *ngIf="icon">{{ icon }}</mat-icon>
       <span *ngIf="text">{{ text }}</span>
     </dbx-bar>
-    `, isInline: true, components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: DbxBarDirective, selector: "dbx-bar", inputs: ["color"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: DbxBarDirective, selector: "dbx-bar,[dbxBar]", inputs: ["color"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxBarHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -1309,9 +1308,9 @@ class DbxAnchorComponent extends AbstractDbxAnchorDirective {
         super();
         this.dbNgxRouterWebProviderConfig = dbNgxRouterWebProviderConfig;
         this._templateRef = new BehaviorSubject(undefined);
-        this.templateRef$ = this._templateRef.pipe(skipFirstMaybe(), shareReplay$1(1));
-        this.url$ = this.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.url), distinctUntilChanged$1(), shareReplay$1(1));
-        this.target$ = this.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.target), distinctUntilChanged$1(), shareReplay$1(1));
+        this.templateRef$ = this._templateRef.pipe(skipFirstMaybe(), shareReplay(1));
+        this.url$ = this.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.url), distinctUntilChanged(), shareReplay(1));
+        this.target$ = this.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.target), distinctUntilChanged(), shareReplay(1));
     }
     get templateRef() {
         return this._templateRef.value;
@@ -1505,12 +1504,12 @@ class AbstractDbxSegueAnchorDirective {
     constructor(parent) {
         this.parent = parent;
         this.target$ = this.parent.target$;
-        this.ref$ = this.parent.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.ref), distinctUntilChanged$1(), shareReplay$1(1));
-        this.refParams$ = this.parent.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.refParams), distinctUntilChanged$1(), shareReplay$1(1));
-        this.refOptions$ = this.parent.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.refOptions), distinctUntilChanged$1(), shareReplay$1(1));
-        this.template$ = this.parent.templateRef$.pipe(distinctUntilChanged$1(), map$1(templateRef => ({
+        this.ref$ = this.parent.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.ref), distinctUntilChanged(), shareReplay(1));
+        this.refParams$ = this.parent.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.refParams), distinctUntilChanged(), shareReplay(1));
+        this.refOptions$ = this.parent.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.refOptions), distinctUntilChanged(), shareReplay(1));
+        this.template$ = this.parent.templateRef$.pipe(distinctUntilChanged(), map(templateRef => ({
             templateRef
-        })), shareReplay$1(1));
+        })), shareReplay(1));
     }
     get anchor() {
         return this.parent.anchor;
@@ -1589,7 +1588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 // MARK: ValueListView
 class DbxValueListItemModifier {
 }
-function ProvideDbxValueListViewModifier(sourceType) {
+function provideDbxValueListViewModifier(sourceType) {
     return [{
             provide: DbxValueListItemModifier,
             useExisting: forwardRef(() => sourceType)
@@ -1626,14 +1625,14 @@ class DbxValueListItemModifierDirective {
     }
 }
 DbxValueListItemModifierDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxValueListItemModifierDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxValueListItemModifierDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxValueListItemModifierDirective, selector: "[dbxListItemModifier]", inputs: { inputModifiers: ["dbxListItemModifier", "inputModifiers"] }, providers: ProvideDbxValueListViewModifier(DbxValueListItemModifierDirective), ngImport: i0 });
+DbxValueListItemModifierDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxValueListItemModifierDirective, selector: "[dbxListItemModifier]", inputs: { inputModifiers: ["dbxListItemModifier", "inputModifiers"] }, providers: provideDbxValueListViewModifier(DbxValueListItemModifierDirective), ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxValueListItemModifierDirective, decorators: [{
             type: Directive,
             args: [{
                     'selector': '[dbxListItemModifier]',
-                    providers: ProvideDbxValueListViewModifier(DbxValueListItemModifierDirective)
+                    providers: provideDbxValueListViewModifier(DbxValueListItemModifierDirective)
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { inputModifiers: [{
+        }], propDecorators: { inputModifiers: [{
                 type: Input,
                 args: ['dbxListItemModifier']
             }] } });
@@ -1779,9 +1778,8 @@ class DbxScreenMediaService {
         this._tabletQuery = this._media.matchMedia(`screen and (max-width:${tabletScreenWidthMax}px)`);
         this._largeQuery = this._media.matchMedia(`screen and (max-width:${largeScreenWidthMax}px)`);
         this._tinyHeightQuery = this._media.matchMedia(`screen and (max-width:${largeScreenWidthMax}px)`);
-        const service = this;
-        const widthHandler = () => service._updateWidth.next();
-        const heightHandler = () => service._updateHeight.next();
+        const widthHandler = () => this._updateWidth.next();
+        const heightHandler = () => this._updateHeight.next();
         this._microQuery.onchange = widthHandler;
         this._smallQuery.onchange = widthHandler;
         this._tabletQuery.onchange = widthHandler;
@@ -1858,7 +1856,7 @@ class DbxNavbarComponent extends AbstractTransitionDirective {
         }), distinctUntilChanged(), tapDetectChanges(this.cdRef), shareReplay(1));
         this.anchors$ = combineLatest([this._anchors, this.initAndUpdateOnTransitionSuccess$]).pipe(map(([anchors]) => {
             const results = anchors.map((anchor) => {
-                let selected = this._dbxRouterService.isActive(anchor);
+                const selected = this._dbxRouterService.isActive(anchor);
                 return {
                     selected,
                     anchor
@@ -2086,7 +2084,7 @@ class DbxSidenavButtonComponent {
     constructor(parent) {
         this.parent = parent;
         this.mode$ = this.parent.mode$;
-        this.showMenuButton$ = this.mode$.pipe(map$1(x => x === SideNavDisplayMode.MOBILE));
+        this.showMenuButton$ = this.mode$.pipe(map(x => x === SideNavDisplayMode.MOBILE));
     }
     toggleNav() {
         this.parent.toggleNav();
@@ -2125,7 +2123,7 @@ DbxSidenavPagebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
       </span>
       <ng-content right></ng-content>
     </dbx-pagebar>
-  `, isInline: true, components: [{ type: DbxPagebarComponent, selector: "dbx-pagebar", inputs: ["color"] }, { type: DbxSidenavButtonComponent, selector: "dbx-sidenav-button" }], directives: [{ type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }] });
+  `, isInline: true, components: [{ type: DbxPagebarComponent, selector: "dbx-pagebar", inputs: ["color"] }, { type: DbxSidenavButtonComponent, selector: "dbx-sidenav-button" }], directives: [{ type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSidenavPagebarComponent, decorators: [{
             type: Component,
             args: [{
@@ -2204,11 +2202,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxContentElevateDirective {
 }
 DbxContentElevateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentElevateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentElevateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentElevateDirective, selector: "dbx-content-elevate,[dbx-content-elevate]", host: { classAttribute: "d-block dbx-content-elevate" }, ngImport: i0 });
+DbxContentElevateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentElevateDirective, selector: "dbx-content-elevate,[dbxContentElevate]", host: { classAttribute: "d-block dbx-content-elevate" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentElevateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-content-elevate,[dbx-content-elevate]',
+                    selector: 'dbx-content-elevate,[dbxContentElevate]',
                     host: {
                         'class': 'd-block dbx-content-elevate'
                     }
@@ -2221,11 +2219,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxContentDirective {
 }
 DbxContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentDirective, selector: "dbx-content,[dbx-content]", host: { classAttribute: "d-block dbx-content" }, ngImport: i0 });
+DbxContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentDirective, selector: "dbx-content,[dbxContent]", host: { classAttribute: "d-block dbx-content" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-content,[dbx-content]',
+                    selector: 'dbx-content,[dbxContent]',
                     host: {
                         'class': 'd-block dbx-content'
                     }
@@ -2238,11 +2236,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxContentBorderDirective {
 }
 DbxContentBorderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentBorderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbx-content-border]", host: { classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
+DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbxContentBorder]", host: { classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentBorderDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-content-border,[dbx-content-border]',
+                    selector: 'dbx-content-border,[dbxContentBorder]',
                     host: {
                         'class': 'd-block dbx-content-border'
                     }
@@ -2259,11 +2257,11 @@ class DbxContentContainerDirective {
     }
 }
 DbxContentContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentContainerDirective, selector: "dbx-content-container,[dbx-content-container],.dbx-content-container", inputs: { grow: "grow", padding: "padding" }, host: { properties: { "class": "\"container-\" + grow + \" container-padding-\" + padding" }, classAttribute: "d-block dbx-content-container" }, ngImport: i0 });
+DbxContentContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentContainerDirective, selector: "dbx-content-container,[dbxContentContainer],.dbx-content-container", inputs: { grow: "grow", padding: "padding" }, host: { properties: { "class": "\"container-\" + grow + \" container-padding-\" + padding" }, classAttribute: "d-block dbx-content-container" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentContainerDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-content-container,[dbx-content-container],.dbx-content-container',
+                    selector: 'dbx-content-container,[dbxContentContainer],.dbx-content-container',
                     host: {
                         'class': 'd-block dbx-content-container',
                         '[class]': `"container-" + grow + " container-padding-" + padding`
@@ -2285,11 +2283,11 @@ class DbxContentBoxDirective {
     }
 }
 DbxContentBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentBoxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentBoxDirective, selector: "dbx-content-box, [dbx-content-box]", inputs: { elevated: "elevated", wide: "wide" }, host: { properties: { "class.dbx-content-elevate": "elevated", "class.dbx-content-box-wide": "wide" }, classAttribute: "d-block dbx-content-box" }, ngImport: i0 });
+DbxContentBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentBoxDirective, selector: "dbx-content-box, [dbxContentBox]", inputs: { elevated: "elevated", wide: "wide" }, host: { properties: { "class.dbx-content-elevate": "elevated", "class.dbx-content-box-wide": "wide" }, classAttribute: "d-block dbx-content-box" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentBoxDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-content-box, [dbx-content-box]',
+                    selector: 'dbx-content-box, [dbxContentBox]',
                     host: {
                         'class': 'd-block dbx-content-box',
                         '[class.dbx-content-elevate]': 'elevated',
@@ -2308,11 +2306,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxContentPageDirective {
 }
 DbxContentPageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentPageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentPageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentPageDirective, selector: "dbx-content-page,[dbx-content-page]", host: { classAttribute: "d-block dbx-content-page" }, ngImport: i0 });
+DbxContentPageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxContentPageDirective, selector: "dbx-content-page,[dbxContentPage]", host: { classAttribute: "d-block dbx-content-page" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxContentPageDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-content-page,[dbx-content-page]',
+                    selector: 'dbx-content-page,[dbxContentPage]',
                     host: {
                         'class': 'd-block dbx-content-page'
                     }
@@ -2470,10 +2468,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxAngularRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
 }
 DbxAngularRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxAngularRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxAngularRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injection></dbx-injection>\n</a>\n", components: [{ type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i2$1.AnchorUISref, selector: "a[uiSref]" }, { type: i2$1.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3$1.AsyncPipe } });
+DbxAngularRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxAngularRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a\" [attr.target]=\"target$ | async\">\n  <dbx-injection></dbx-injection>\n</a>\n", components: [{ type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], pipes: { "async": i3$1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, decorators: [{
             type: Component,
-            args: [{ template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injection></dbx-injection>\n</a>\n" }]
+            args: [{ template: "<a class=\"dbx-anchor-a\" [attr.target]=\"target$ | async\">\n  <dbx-injection></dbx-injection>\n</a>\n" }]
         }] });
 
 class DbxWebAngularRouterModule {
@@ -2519,12 +2517,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * SegueAnchor implementation for UIRouter.
  */
 class DbxUIRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
+    constructor() {
+        super(...arguments);
+        this.uiRef$ = this.ref$.pipe(filter(x => typeof x === 'string'));
+        this.uiOptions$ = this.refOptions$;
+    }
 }
 DbxUIRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxUIRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxUIRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injection [template]=\"template$ | async\"></dbx-injection>\n</a>\n", components: [{ type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i2$1.AnchorUISref, selector: "a[uiSref]" }, { type: i2$1.UISrefActive, selector: "[uiSrefActive],[uiSrefActiveEq]", inputs: ["uiSrefActive", "uiSrefActiveEq"] }, { type: i2$1.UISrefStatus, selector: "[uiSrefStatus],[uiSrefActive],[uiSrefActiveEq]", outputs: ["uiSrefStatus"], exportAs: ["uiSrefStatus"] }, { type: i2$1.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3$1.AsyncPipe } });
+DbxUIRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxUIRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"(uiRef$ | async) ?? ''\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"(uiOptions$ | async) ?? {}\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injection [template]=\"template$ | async\"></dbx-injection>\n</a>\n", components: [{ type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i2$1.AnchorUISref, selector: "a[uiSref]" }, { type: i2$1.UISrefActive, selector: "[uiSrefActive],[uiSrefActiveEq]", inputs: ["uiSrefActive", "uiSrefActiveEq"] }, { type: i2$1.UISrefStatus, selector: "[uiSrefStatus],[uiSrefActive],[uiSrefActiveEq]", outputs: ["uiSrefStatus"], exportAs: ["uiSrefStatus"] }, { type: i2$1.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3$1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, decorators: [{
             type: Component,
-            args: [{ template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injection [template]=\"template$ | async\"></dbx-injection>\n</a>\n" }]
+            args: [{ template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"(uiRef$ | async) ?? ''\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"(uiOptions$ | async) ?? {}\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injection [template]=\"template$ | async\"></dbx-injection>\n</a>\n" }]
         }] });
 
 class DbxWebUIRouterModule {
@@ -2770,23 +2773,23 @@ class TwoColumnsContextStore extends ComponentStore {
         /**
          * Pipes the current state of showRight.
          */
-        this.showRight$ = this.state$.pipe(map$1((x) => x.showRight));
+        this.showRight$ = this.state$.pipe(map((x) => x.showRight));
         /**
          * Convenience function for the showRight compliment.
          */
-        this.hideRight$ = this.state$.pipe(map$1((x) => !x.showRight));
+        this.hideRight$ = this.state$.pipe(map((x) => !x.showRight));
         /**
          * Pipes the current state of fullLeft.
          */
-        this.fullLeft$ = this.state$.pipe(map$1((x) => x.fullLeft));
+        this.fullLeft$ = this.state$.pipe(map((x) => x.fullLeft));
         /**
          * Whether or not to show the full left.
          */
-        this.showFullLeft$ = this.state$.pipe(map$1((x) => !x.showRight && x.fullLeft));
+        this.showFullLeft$ = this.state$.pipe(map((x) => !x.showRight && x.fullLeft));
         /**
          * Pipes the current backRef value.
          */
-        this.backRef$ = this.state$.pipe(map$1((x) => x.backRef), distinct());
+        this.backRef$ = this.state$.pipe(map((x) => x.backRef), distinct());
         /**
          * Emits back events.
          */
@@ -2795,7 +2798,7 @@ class TwoColumnsContextStore extends ComponentStore {
         /**
          * Completely resets the store.
          */
-        this.reset = this.updater((state) => (Object.assign({}, INITIAL_STATE)));
+        this.reset = this.updater(() => (Object.assign({}, INITIAL_STATE)));
         /**
          * Changes the state to show right or not.
          */
@@ -2826,7 +2829,7 @@ TwoColumnsContextStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TwoColumnsContextStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
-function ProvideTwoColumnsContext() {
+function provideTwoColumnsContext() {
     return [{
             provide: TwoColumnsContextStore,
             useClass: TwoColumnsContextStore
@@ -2908,7 +2911,7 @@ class DbxTwoColumnComponent extends AbstractSubscriptionDirective {
     }
 }
 DbxTwoColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnComponent, deps: [{ token: TwoColumnsContextStore }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnComponent, selector: "dbx-two-column", inputs: { reverseSizing: "reverseSizing", inSectionPage: "inSectionPage" }, host: { properties: { "class": "{ 'right-shown': v.showRight, 'full-left': v.fullLeft, 'two-column-reverse-sizing': v.reverseSizing, 'dbx-section-page-two': v.inSectionPage }" }, classAttribute: "dbx-two-column" }, exportAs: ["columns"], usesInheritance: true, ngImport: i0, template: "<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height left-column\">\n  <ng-content select=\"[left]\"></ng-content>\n</dbx-content-container>\n<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height right-column\"\n  *ngIf=\"v.showRight\">\n  <ng-content select=\"[right]\"></ng-content>\n</dbx-content-container>\n", directives: [{ type: DbxContentContainerDirective, selector: "dbx-content-container,[dbx-content-container],.dbx-content-container", inputs: ["grow", "padding"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DbxTwoColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnComponent, selector: "dbx-two-column", inputs: { reverseSizing: "reverseSizing", inSectionPage: "inSectionPage" }, host: { properties: { "class": "{ 'right-shown': v.showRight, 'full-left': v.fullLeft, 'two-column-reverse-sizing': v.reverseSizing, 'dbx-section-page-two': v.inSectionPage }" }, classAttribute: "dbx-two-column" }, exportAs: ["columns"], usesInheritance: true, ngImport: i0, template: "<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height left-column\">\n  <ng-content select=\"[left]\"></ng-content>\n</dbx-content-container>\n<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height right-column\"\n  *ngIf=\"v.showRight\">\n  <ng-content select=\"[right]\"></ng-content>\n</dbx-content-container>\n", directives: [{ type: DbxContentContainerDirective, selector: "dbx-content-container,[dbxContentContainer],.dbx-content-container", inputs: ["grow", "padding"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-two-column', exportAs: 'columns', host: {
@@ -2945,12 +2948,12 @@ class DbxTwoColumnContextDirective {
     }
 }
 DbxTwoColumnContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnContextDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxTwoColumnContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnContextDirective, selector: "[dbxTwoColumnContext]", inputs: { showRight: "showRight" }, providers: ProvideTwoColumnsContext(), ngImport: i0 });
+DbxTwoColumnContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnContextDirective, selector: "[dbxTwoColumnContext]", inputs: { showRight: "showRight" }, providers: provideTwoColumnsContext(), ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnContextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxTwoColumnContext]',
-                    providers: ProvideTwoColumnsContext()
+                    providers: provideTwoColumnsContext()
                 }]
         }], ctorParameters: function () { return [{ type: TwoColumnsContextStore }]; }, propDecorators: { showRight: [{
                 type: Input
@@ -2968,7 +2971,7 @@ class DbxTwoColumnFullLeftDirective {
         return this._fullLeft.value;
     }
     set fullLeft(fullLeft) {
-        if (fullLeft != null && fullLeft !== '') {
+        if (fullLeft != null && (fullLeft !== '')) {
             this._fullLeft.next(fullLeft);
         }
     }
@@ -3053,8 +3056,8 @@ class DbxTwoColumnRightComponent {
         this._showBack = new BehaviorSubject(true);
         this.ref$ = this.twoColumnsContextStore.backRef$;
         this.showBack$ = combineLatest([
-            this._showBack, this.ref$.pipe(map$1((x) => !Boolean(x))) // TODO: Is this correct? Show back if ref is not defined?
-        ]).pipe(map$1(([a, b]) => a && b));
+            this._showBack, this.ref$.pipe(map((x) => !x)) // TODO: Is this correct? Show back if ref is not defined?
+        ]).pipe(map(([a, b]) => a && b));
     }
     ngAfterViewInit() {
         setTimeout(() => {
@@ -3250,7 +3253,7 @@ function compactModeFromInput(input) {
 function mapCompactModeObs(mode$, config) {
     var _a;
     const modeObs = mode$ !== null && mode$ !== void 0 ? mode$ : of((_a = config.defaultMode) !== null && _a !== void 0 ? _a : CompactMode.FULL);
-    return modeObs.pipe(map$1((inputMode) => {
+    return modeObs.pipe(map((inputMode) => {
         const isCompact = ((inputMode !== null && inputMode !== void 0 ? inputMode : config.defaultMode) === CompactMode.COMPACT);
         if (isCompact) {
             return config.compact;
@@ -3265,7 +3268,7 @@ class CompactContextStore extends ComponentStore {
     constructor() {
         super({ mode: CompactMode.FULL });
         // MARK: Accessors
-        this.mode$ = this.state$.pipe(map$1(x => x.mode));
+        this.mode$ = this.state$.pipe(map(x => x.mode));
         this.setMode = this.updater((state, mode) => ({ mode: compactModeFromInput(mode) }));
     }
 }
@@ -3627,7 +3630,7 @@ class DbxLoadingProgressComponent {
         this._diameter = DEFAULT_LOADING_PROGRESS_DIAMETER;
         this.mode = 'indeterminate';
         this.color = 'primary';
-        this.bufferValue = undefined;
+        this.bufferValue = undefined; // mat-progress-bar typing prevents using undefined as a type
     }
     get diameter() {
         return this._diameter;
@@ -3690,7 +3693,7 @@ class DbxReadableErrorComponent {
         return this._error;
     }
     set error(error) {
-        this._error = convertToReadableError(error);
+        this._error = toReadableError(error);
     }
     get message() {
         var _a;
@@ -3939,7 +3942,7 @@ class DbxListComponent {
         this.scrollDistance$ = this._config.pipe(map(x => { var _a; return (_a = (x === null || x === void 0 ? void 0 : x.scrollDistance)) !== null && _a !== void 0 ? _a : this.DEFAULT_SCROLL_DISTANCE; }), distinctUntilChanged(), shareReplay(1));
         this.scrollLoadMoreTrigger$ = this._config.pipe(switchMap((config) => {
             const loadNextDirection = (config === null || config === void 0 ? void 0 : config.invertedList) ? 'up' : 'down';
-            return this._scrollTrigger.pipe(filter$1(x => x === loadNextDirection));
+            return this._scrollTrigger.pipe(filter(x => x === loadNextDirection));
         }));
         this.loadMore$ = merge(this.scrollLoadMoreTrigger$, this._loadMoreTrigger);
         this.injectedComponentConfig$ = this._config.pipe(distinctUntilChanged(), map((config) => {
@@ -3993,7 +3996,7 @@ class DbxListComponent {
             }
             return injectedComponentConfig;
         }), distinctUntilChanged(), shareReplay(1));
-        this.hideContent$ = this.context.stateChange$.pipe(switchMap(() => this.context.state$.pipe(filter$1((x) => loadingStateHasFinishedLoading(x)), first(), startWith(beginLoading()))), switchMap((state) => {
+        this.hideContent$ = this.context.stateChange$.pipe(switchMap(() => this.context.state$.pipe(filter((x) => loadingStateHasFinishedLoading(x)), first(), startWithBeginLoading())), switchMap((state) => {
             if (state === null || state === void 0 ? void 0 : state.loading) {
                 return of(true);
             }
@@ -4051,7 +4054,9 @@ class DbxListComponent {
         try {
             this.nativeElement.scrollTop = this.nativeElement.scrollHeight;
         }
-        catch (err) { }
+        catch (err) {
+            // do nothing.
+        }
     }
     jumpToPositionRelativeToBottom(pos) {
         try {
@@ -4059,7 +4064,9 @@ class DbxListComponent {
             const { scrollHeight, clientHeight } = element;
             element.scrollTop = scrollHeight - (clientHeight + pos);
         }
-        catch (err) { }
+        catch (err) {
+            // do nothing.
+        }
     }
     onScrollDown() {
         this._scrollTrigger.next('down');
@@ -4072,7 +4079,7 @@ class DbxListComponent {
     }
     // MARK: Internal
     get nativeElement() {
-        return this._content.elementRef.nativeElement;
+        return this.__content.elementRef.nativeElement;
     }
     get __content() {
         return this._content;
@@ -4087,13 +4094,13 @@ class DbxListComponent {
     }
 }
 DbxListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DbxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxListComponent, selector: "dbx-list", inputs: { padded: "padded", state$: "state$", config: "config", disabled: "disabled", selectionMode: "selectionMode" }, outputs: { contentScrolled: "contentScrolled" }, host: { properties: { "class.dbx-list-padded": "padded" }, classAttribute: "d-block dbx-list" }, ngImport: i0, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbx-list-internal-content infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\"\n  [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\"\n  [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\"\n  (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n  <ng-content select=\"[top]\"></ng-content>\n  <dbx-injection [config]=\"injectedComponentConfig$ | async\"></dbx-injection>\n  <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n", components: [{ type: i0.forwardRef(function () { return DbxLoadingComponent; }), selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "context", "loading", "error"] }, { type: i0.forwardRef(function () { return i1$2.DbxInjectionComponent; }), selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i0.forwardRef(function () { return DbxListInternalContentDirective; }), selector: "[dbx-list-internal-content]", inputs: ["hide"] }, { type: i0.forwardRef(function () { return i3$4.InfiniteScrollDirective; }), selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { type: i0.forwardRef(function () { return i3$1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i0.forwardRef(function () { return i3$1.AsyncPipe; }) } });
+DbxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxListComponent, selector: "dbx-list", inputs: { padded: "padded", state$: "state$", config: "config", disabled: "disabled", selectionMode: "selectionMode" }, outputs: { contentScrolled: "contentScrolled" }, host: { properties: { "class.dbx-list-padded": "padded" }, classAttribute: "d-block dbx-list" }, ngImport: i0, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbxListInternalContent infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\"\n  [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\"\n  [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\"\n  (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n  <ng-content select=\"[top]\"></ng-content>\n  <dbx-injection [config]=\"injectedComponentConfig$ | async\"></dbx-injection>\n  <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n", components: [{ type: i0.forwardRef(function () { return DbxLoadingComponent; }), selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "context", "loading", "error"] }, { type: i0.forwardRef(function () { return i1$2.DbxInjectionComponent; }), selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i0.forwardRef(function () { return DbxListInternalContentDirective; }), selector: "[dbxListInternalContent]", inputs: ["hide"] }, { type: i0.forwardRef(function () { return i3$4.InfiniteScrollDirective; }), selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { type: i0.forwardRef(function () { return i3$1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i0.forwardRef(function () { return i3$1.AsyncPipe; }) } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-list', host: {
                         'class': 'd-block dbx-list',
                         '[class.dbx-list-padded]': 'padded'
-                    }, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbx-list-internal-content infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\"\n  [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\"\n  [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\"\n  (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n  <ng-content select=\"[top]\"></ng-content>\n  <dbx-injection [config]=\"injectedComponentConfig$ | async\"></dbx-injection>\n  <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n" }]
+                    }, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbxListInternalContent infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\"\n  [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\"\n  [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\"\n  (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n  <ng-content select=\"[top]\"></ng-content>\n  <dbx-injection [config]=\"injectedComponentConfig$ | async\"></dbx-injection>\n  <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { padded: [{
                 type: Input
             }], contentScrolled: [{
@@ -4123,11 +4130,11 @@ class DbxListInternalContentDirective {
     }
 }
 DbxListInternalContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxListInternalContentDirective, deps: [{ token: DbxListComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxListInternalContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxListInternalContentDirective, selector: "[dbx-list-internal-content]", inputs: { hide: "hide" }, host: { listeners: { "scroll": "onScrollEvent($event)" }, properties: { "class.dbx-list-content-hidden": "hide" }, classAttribute: "d-block dbx-list-content" }, ngImport: i0 });
+DbxListInternalContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxListInternalContentDirective, selector: "[dbxListInternalContent]", inputs: { hide: "hide" }, host: { listeners: { "scroll": "onScrollEvent($event)" }, properties: { "class.dbx-list-content-hidden": "hide" }, classAttribute: "d-block dbx-list-content" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxListInternalContentDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[dbx-list-internal-content]',
+                    selector: '[dbxListInternalContent]',
                     host: {
                         'class': 'd-block dbx-list-content',
                         '[class.dbx-list-content-hidden]': 'hide'
@@ -4245,17 +4252,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  */
 function convertToPOJOServerErrorResponse(httpError) {
     const result = convertToServerErrorResponse(httpError);
-    const pojo = Object.assign({}, result);
-    if (pojo.data) {
-        try {
-            const stringy = JSON.stringify(pojo.data);
-            pojo.data = JSON.parse(stringy);
-        }
-        catch (e) {
-            console.warn('convertToPOJOServerErrorResponse(): Non-serializable Error Data Detected. It is being removed.: ', pojo.data);
-            pojo.data = undefined;
+    const pojo = build({
+        base: Object.assign({}, result),
+        build: (x) => {
+            if (x.data) {
+                try {
+                    const stringy = JSON.stringify(pojo.data);
+                    x.data = JSON.parse(stringy);
+                }
+                catch (e) {
+                    console.warn('convertToPOJOServerErrorResponse(): Non-serializable Error Data Detected. It is being removed.: ', pojo.data);
+                    x.data = undefined;
+                }
+            }
         }
-    }
+    });
     return pojo;
 }
 /**
@@ -4365,8 +4376,13 @@ function convertServerErrorParams(httpError) {
 /**
  * Catches error server params and feeds them to an action that takes ServerErrorParams as a prop.
  */
-function catchErrorServerParams(action, mapError = (error) => error) {
-    return catchError$1((error) => of(action(mapError(convertServerErrorParams(error)))));
+function catchErrorServerParams(action, mapError = ((error) => error)) {
+    return catchError((error) => {
+        const serverErrorParams = convertServerErrorParams(error);
+        const mappedError = mapError(serverErrorParams);
+        const act = action(mappedError);
+        return of(act);
+    });
 }
 
 /**
@@ -4483,7 +4499,7 @@ function addConfigToValueListItems(listViewConfig, listItems) {
 // MARK: ValueListView
 class DbxValueListView {
 }
-function ProvideDbxValueListView(sourceType) {
+function provideDbxValueListView(sourceType) {
     return [{
             provide: DbxValueListView,
             useExisting: forwardRef(() => sourceType)
@@ -4495,7 +4511,8 @@ function ProvideDbxValueListView(sourceType) {
  */
 class DbxListView {
 }
-function ProvideDbxListView(sourceType) {
+// eslint-disable-next-line
+function provideDbxListView(sourceType) {
     return [{
             provide: DbxListView,
             useExisting: forwardRef(() => sourceType)
@@ -4717,8 +4734,7 @@ class DbxListItemDisableRippleModifierDirective extends AbstractDbxValueListItem
         super(...arguments);
         this._disableRippleForItem = new BehaviorSubject(DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION);
         this.modifiers$ = this._disableRippleForItem.pipe(map((disableRippleForItem) => {
-            let modifiers;
-            modifiers = {
+            const modifiers = {
                 key: DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY,
                 modify: (x) => {
                     if (disableRippleForItem(x)) {
@@ -4827,7 +4843,7 @@ class AbstractDbxListViewDirective {
         this._disabled = new BehaviorSubject(false);
         this._selectionMode = new BehaviorSubject(undefined);
         this._values$ = new BehaviorSubject(undefined);
-        this.values$ = this._values$.pipe(switchMapMaybeObs(), shareReplay$1(1));
+        this.values$ = this._values$.pipe(switchMapMaybeObs(), shareReplay(1));
         this.disabled$ = this._disabled.asObservable();
         this.selectionMode$ = this._selectionMode.asObservable();
         this.clickValue = new EventEmitter();
@@ -4863,7 +4879,7 @@ AbstractDbxListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0
 AbstractDbxListViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractDbxListViewDirective, inputs: { valueArray: "valueArray", values: "values" }, outputs: { clickValue: "clickValue" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxListViewDirective, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return []; }, propDecorators: { clickValue: [{
+        }], propDecorators: { clickValue: [{
                 type: Output
             }], valueArray: [{
                 type: Input
@@ -4925,7 +4941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  */
 class DbxListViewWrapper {
 }
-function ProvideDbxListViewWrapper(sourceType) {
+function provideDbxListViewWrapper(sourceType) {
     return [{
             provide: DbxListViewWrapper,
             useExisting: forwardRef(() => sourceType)
@@ -4941,7 +4957,7 @@ class DbxSectionHeaderComponent {
     }
 }
 DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: { h: "h", header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
+DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
     <div class="dbx-section-header-content">
       <ng-container [ngSwitch]="showTitle && (h ?? 1)">
         <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
@@ -4971,7 +4987,7 @@ DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: '.dbx-section-header',
+                    selector: 'dbx-section-header,.dbx-section-header',
                     template: `
     <div class="dbx-section-header-content">
       <ng-container [ngSwitch]="showTitle && (h ?? 1)">
@@ -5027,7 +5043,7 @@ DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
     <div class="dbx-section-content">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
+  `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionComponent, decorators: [{
             type: Component,
             args: [{
@@ -5125,7 +5141,7 @@ DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       <ng-content></ng-content>
     </div>
   </div>
-  `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
+  `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
             type: Component,
             args: [{
@@ -5156,7 +5172,7 @@ DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
     </div>
     <ng-content></ng-content>
   </div>
-  `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
+  `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
             type: Component,
             args: [{
@@ -5288,11 +5304,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxIconSpacerDirective {
 }
 DbxIconSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxIconSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxIconSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxIconSpacerDirective, selector: "dbx-icon-spacer,dbxIconSpacer", host: { classAttribute: "dbx-icon-spacer d-inline" }, ngImport: i0 });
+DbxIconSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxIconSpacerDirective, selector: "dbx-icon-spacer,[dbxIconSpacer]", host: { classAttribute: "dbx-icon-spacer d-inline" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxIconSpacerDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-icon-spacer,dbxIconSpacer',
+                    selector: 'dbx-icon-spacer,[dbxIconSpacer]',
                     host: {
                         class: 'dbx-icon-spacer d-inline'
                     }
@@ -5321,15 +5337,15 @@ class DbxLinkifyComponent {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
         this._text = new BehaviorSubject('');
-        this.linkifiedText$ = this._text.pipe(distinctUntilChanged$1(), map$1(x => linkifyStr(x, {
+        this.linkifiedText$ = this._text.pipe(distinctUntilChanged(), map(x => linkifyStr(x, {
             defaultProtocol: 'https',
             target: {
                 url: '_blank'
             }
-        })), shareReplay$1(1));
-        this.linkifiedBody$ = this.linkifiedText$.pipe(map$1(x => {
+        })), shareReplay(1));
+        this.linkifiedBody$ = this.linkifiedText$.pipe(map(x => {
             return this.sanitizer.bypassSecurityTrustHtml(x);
-        }), shareReplay$1(1));
+        }), shareReplay(1));
     }
     ngOnDestroy() {
         this._text.complete();
@@ -5627,8 +5643,8 @@ class DbxPopoverCoordinatorComponent {
     constructor(service, popover) {
         this.service = service;
         this.popover = popover;
-        this.isPopoverForKey$ = this.service.popovers$.pipe(map$1(x => x.get(this.popover.key) === this.popover), shareReplay$1(1));
-        this.show$ = this.isPopoverForKey$.pipe(delay$1(0));
+        this.isPopoverForKey$ = this.service.popovers$.pipe(map(x => x.get(this.popover.key) === this.popover), shareReplay(1));
+        this.show$ = this.isPopoverForKey$.pipe(delay(0));
     }
     ngOnInit() {
         this.service.addPopover(this.popover);
@@ -5692,8 +5708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 type: Output,
                 args: ['dbxWindowKeyDownListener']
             }], appWindowKeyDownFilter: [{
-                type: Input,
-                args: ['appWindowKeyDownFilter']
+                type: Input
             }], handleKeyboardEvent: [{
                 type: HostListener,
                 args: ['window:keydown', ['$event']]
@@ -5717,7 +5732,7 @@ class DbxPopoverComponent extends AbstractTransitionWatcherDirective {
         this._startedClosing = false;
         this._closing = new Subject();
         this._triggerCloseKeys = [];
-        this.isClosing$ = this._closing.pipe(first$1(), map$1(x => true), startWith$1(false), shareReplay$1(1));
+        this.isClosing$ = this._closing.pipe(first(), map(() => true), startWith(false), shareReplay(1));
         this.closing$ = this.isClosing$.pipe(filter(x => x));
         // Override Close to properly signal to listeners when a close is occuring.
         const originalClose = this.popoverRef.close;
@@ -5729,7 +5744,8 @@ class DbxPopoverComponent extends AbstractTransitionWatcherDirective {
                 originalClose.call(this.popoverRef, x);
             }
         };
-        const overlay = popoverRef._overlay;
+        // eslint-disable-next-line
+        const overlay = popoverRef._overlay; // overlay is not publically accessible
         const elementRef = this.config.origin;
         const configuration = this.config.configuration;
         this.compactContextState.setMode(CompactMode.COMPACT);
@@ -5783,7 +5799,7 @@ class DbxPopoverComponent extends AbstractTransitionWatcherDirective {
         this.popoverRef.close(value);
     }
     // Keypresses
-    handleKeydown(key) {
+    handleKeydown() {
         this.close();
     }
 }
@@ -5794,16 +5810,16 @@ DbxPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         }, {
             provide: CompactContextStore
         }], usesInheritance: true, ngImport: i0, template: `
-  <dbx-popover-coordinator (dbxWindowKeyDownListener)="handleKeydown($event)" [appWindowKeyDownFilter]="triggerCloseKeys">
-    <div dbx-style class="dbx-popover-component" dbx-injection [config]="contentConfig"></div>
+  <dbx-popover-coordinator (dbxWindowKeyDownListener)="handleKeydown()" [appWindowKeyDownFilter]="triggerCloseKeys">
+    <div dbxStyle class="dbx-popover-component" dbx-injection [config]="contentConfig"></div>
   </dbx-popover-coordinator>
-  `, isInline: true, components: [{ type: DbxPopoverCoordinatorComponent, selector: "dbx-popover-coordinator" }, { type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["appWindowKeyDownEnabled", "appWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }, { type: DbxStyleDirective, selector: "dbx-style, [dbx-style], .dbx-style" }] });
+  `, isInline: true, components: [{ type: DbxPopoverCoordinatorComponent, selector: "dbx-popover-coordinator" }, { type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["appWindowKeyDownEnabled", "appWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }, { type: DbxStyleDirective, selector: "dbx-style, [dbxStyle], .dbx-style" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPopoverComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-  <dbx-popover-coordinator (dbxWindowKeyDownListener)="handleKeydown($event)" [appWindowKeyDownFilter]="triggerCloseKeys">
-    <div dbx-style class="dbx-popover-component" dbx-injection [config]="contentConfig"></div>
+  <dbx-popover-coordinator (dbxWindowKeyDownListener)="handleKeydown()" [appWindowKeyDownFilter]="triggerCloseKeys">
+    <div dbxStyle class="dbx-popover-component" dbx-injection [config]="contentConfig"></div>
   </dbx-popover-coordinator>
   `,
                     providers: [{
@@ -5841,7 +5857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxPopoverContentComponent {
     constructor() {
         this._height = new BehaviorSubject('');
-        this.height$ = this._height.asObservable().pipe(throttleTime$1(100, undefined, { leading: true, trailing: true }));
+        this.height$ = this._height.asObservable().pipe(throttleTime(100, undefined, { leading: true, trailing: true }));
         this.hasControls = false;
         this.hasHeader = false;
     }
@@ -6147,11 +6163,11 @@ class DbxPopoverControlsDirective {
     }
 }
 DbxPopoverControlsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPopoverControlsDirective, deps: [{ token: DbxPopoverContentComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxPopoverControlsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxPopoverControlsDirective, selector: "dbx-popover-controls,[dbx-popover-controls],.dbx-popover-controls", host: { classAttribute: "d-block dbx-popover-controls" }, ngImport: i0 });
+DbxPopoverControlsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxPopoverControlsDirective, selector: "dbx-popover-controls,[dbxPopoverControls],.dbx-popover-controls", host: { classAttribute: "d-block dbx-popover-controls" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPopoverControlsDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'dbx-popover-controls,[dbx-popover-controls],.dbx-popover-controls',
+                    selector: 'dbx-popover-controls,[dbxPopoverControls],.dbx-popover-controls',
                     host: {
                         'class': 'd-block dbx-popover-controls'
                     }
@@ -6263,7 +6279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 class DbxPromptConfirm {
 }
-function ProvideDbxPromptConfirm(sourceType) {
+function provideDbxPromptConfirm(sourceType) {
     return [{
             provide: DbxPromptConfirm,
             useExisting: forwardRef(() => sourceType)
@@ -6337,7 +6353,7 @@ class DbxPromptConfirmComponent {
     }
 }
 DbxPromptConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPromptConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPromptConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: { config: "config" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<dbx-prompt [header]=\"config.title\" [prompt]=\"config.prompt\">\n  <ng-content></ng-content>\n  <button mat-stroked-button (click)=\"onConfirm()\">{{ config.confirmText || 'Confirm' }}</button>\n  <dbx-button-spacer></dbx-button-spacer>\n  <button mat-stroked-button color=\"warn\" (click)=\"onCancel()\">{{ config.cancelText || 'Cancel' }}</button>\n</dbx-prompt>\n", components: [{ type: DbxPromptComponent, selector: "dbx-prompt", inputs: ["header", "prompt"] }, { type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }] });
+DbxPromptConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: { config: "config" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<dbx-prompt [header]=\"config.title\" [prompt]=\"config.prompt\">\n  <ng-content></ng-content>\n  <button mat-stroked-button (click)=\"onConfirm()\">{{ config.confirmText || 'Confirm' }}</button>\n  <dbx-button-spacer></dbx-button-spacer>\n  <button mat-stroked-button color=\"warn\" (click)=\"onCancel()\">{{ config.cancelText || 'Cancel' }}</button>\n</dbx-prompt>\n", components: [{ type: DbxPromptComponent, selector: "dbx-prompt", inputs: ["header", "prompt"] }, { type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPromptConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-prompt-confirm', template: "<dbx-prompt [header]=\"config.title\" [prompt]=\"config.prompt\">\n  <ng-content></ng-content>\n  <button mat-stroked-button (click)=\"onConfirm()\">{{ config.confirmText || 'Confirm' }}</button>\n  <dbx-button-spacer></dbx-button-spacer>\n  <button mat-stroked-button color=\"warn\" (click)=\"onCancel()\">{{ config.cancelText || 'Cancel' }}</button>\n</dbx-prompt>\n" }]
@@ -6380,7 +6396,7 @@ DbxPromptConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
         <dbx-injection [config]="injectionConfig"></dbx-injection>
       </dbx-prompt-confirm>
     </dbx-dialog-content>
-  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: DbxDialogContentDirective, selector: "dbx-dialog-content,.dbx-dialog-content", inputs: ["width"] }] });
+  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: DbxDialogContentDirective, selector: "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", inputs: ["width"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPromptConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -6434,12 +6450,12 @@ class DbxPromptConfirmDirective extends AbstractPromptConfirmDirective {
     }
 }
 DbxPromptConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPromptConfirmDirective, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
-DbxPromptConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxPromptConfirmDirective, selector: "[dbxPromptConfirm]", inputs: { config: ["dbxPromptConfirm", "config"] }, providers: ProvideDbxPromptConfirm(DbxPromptConfirmDirective), usesInheritance: true, ngImport: i0 });
+DbxPromptConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxPromptConfirmDirective, selector: "[dbxPromptConfirm]", inputs: { config: ["dbxPromptConfirm", "config"] }, providers: provideDbxPromptConfirm(DbxPromptConfirmDirective), usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPromptConfirmDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxPromptConfirm]',
-                    providers: ProvideDbxPromptConfirm(DbxPromptConfirmDirective)
+                    providers: provideDbxPromptConfirm(DbxPromptConfirmDirective)
                 }]
         }], ctorParameters: function () { return [{ type: i1$3.MatDialog }]; }, propDecorators: { config: [{
                 type: Input,
@@ -6523,7 +6539,7 @@ DbxPromptPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         <ng-content></ng-content>
       </div>
     </dbx-content-container>
-  `, isInline: true, directives: [{ type: DbxContentContainerDirective, selector: "dbx-content-container,[dbx-content-container],.dbx-content-container", inputs: ["grow", "padding"] }] });
+  `, isInline: true, directives: [{ type: DbxContentContainerDirective, selector: "dbx-content-container,[dbxContentContainer],.dbx-content-container", inputs: ["grow", "padding"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPromptPageComponent, decorators: [{
             type: Component,
             args: [{
@@ -6549,7 +6565,7 @@ class DbxPromptConfirmButtonDirective {
         this.appButton = appButton;
         this.prompt = prompt;
         this.interceptButtonClick = () => {
-            return this.prompt.showDialog().pipe(map$1(x => Boolean(x)));
+            return this.prompt.showDialog().pipe(map(x => Boolean(x)));
         };
     }
     ngOnInit() {
@@ -6885,10 +6901,10 @@ class AbstractPopoverRefDirective extends AbstractSubscriptionDirective {
         });
     }
     _afterOpened(popoverRef) {
-        // Do nothing.
+        // Do nothing. Override in parent type
     }
     _afterClosed(value) {
-        // Do nothing.
+        // Do nothing. Override in parent type
     }
 }
 AbstractPopoverRefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractPopoverRefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
@@ -7018,7 +7034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return []; } });
+        }] });
 
 /**
  * Used for coordinating popups and closing/replacing existing ones when a new popup of the same name appears.
@@ -7027,8 +7043,8 @@ class DbxPopupCoordinatorComponent {
     constructor(service, popup) {
         this.service = service;
         this.popup = popup;
-        this.isPopupForKey$ = this.service.popups$.pipe(map$1(x => x.get(this.popup.key) === this.popup), shareReplay$1(1));
-        this.show$ = this.isPopupForKey$.pipe(delay$1(0));
+        this.isPopupForKey$ = this.service.popups$.pipe(map(x => x.get(this.popup.key) === this.popup), shareReplay(1));
+        this.show$ = this.isPopupForKey$.pipe(delay(0));
     }
     ngOnInit() {
         this.service.addPopup(this.popup);
@@ -7073,7 +7089,7 @@ class DbxPopupComponent extends AbstractTransitionWatcherDirective {
             init: this.config.init ? ((instance) => this.config.init(instance, this)) : undefined
         };
         this.closing = new Subject();
-        this.isClosing$ = this.closing.pipe(first$1(), map$1(x => true), startWith$1(false), shareReplay$1(1));
+        this.isClosing$ = this.closing.pipe(first(), map(() => true), startWith(false), shareReplay(1));
         this.closing$ = this.isClosing$.pipe(filter(x => x));
         this._windowState = new BehaviorSubject(DbxPopupWindowState.NORMAL);
         this.windowState$ = this._windowState.asObservable();
@@ -7188,7 +7204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxPopupContentComponent {
     constructor(appPopupController) {
         this.appPopupController = appPopupController;
-        this.showContent$ = this.appPopupController.windowState$.pipe(map$1(x => x !== DbxPopupWindowState.MINIMIZED));
+        this.showContent$ = this.appPopupController.windowState$.pipe(map(x => x !== DbxPopupWindowState.MINIMIZED));
     }
 }
 DbxPopupContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPopupContentComponent, deps: [{ token: DbxPopupController }], target: i0.ɵɵFactoryTarget.Component });
@@ -7220,8 +7236,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxPopupControlButtonsComponent {
     constructor(appPopupController) {
         this.appPopupController = appPopupController;
-        this.isMinimized$ = this.appPopupController.windowState$.pipe(map$1(x => x === DbxPopupWindowState.MINIMIZED));
-        this.isFullscreen$ = this.appPopupController.windowState$.pipe(map$1(x => x === DbxPopupWindowState.FULLSCREEN));
+        this.isMinimized$ = this.appPopupController.windowState$.pipe(map(x => x === DbxPopupWindowState.MINIMIZED));
+        this.isFullscreen$ = this.appPopupController.windowState$.pipe(map(x => x === DbxPopupWindowState.FULLSCREEN));
     }
     minimizeClicked() {
         this.appPopupController.minimize();
@@ -7252,7 +7268,7 @@ DbxPopupControlButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
     </ng-container>
     <dbx-button-spacer></dbx-button-spacer>
     <dbx-button [flat]="true" icon="close" color="warn" (buttonClick)="closeClicked()"></dbx-button>
-  `, isInline: true, components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }], pipes: { "async": i3$1.AsyncPipe } });
+  `, isInline: true, components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }], pipes: { "async": i3$1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxPopupControlButtonsComponent, decorators: [{
             type: Component,
             args: [{
@@ -7506,7 +7522,7 @@ DbxActionUIRouterTransitionSafetyDialogComponent.ɵcmp = i0.ɵɵngDeclareCompone
         <dbx-button-spacer></dbx-button-spacer>
       </ng-container>
     </dbx-prompt-confirm>
-  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }], directives: [{ type: DbxActionErrorDirective, selector: "[dbxActionError]" }, { type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }] });
+  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }], directives: [{ type: DbxActionErrorDirective, selector: "[dbxActionError]" }, { type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -7556,13 +7572,13 @@ class DbxActionTransitionSafetyDirective {
         this._closeDialog();
     }
     _handleOnBeforeTransition(transition) {
-        return this.source.isModified$.pipe(first$1(), mergeMap((isModified) => {
+        return this.source.isModified$.pipe(first(), mergeMap((isModified) => {
             if (isModified) {
                 return race([
                     // Watch for success to occur. At that point, close everything.
-                    this.source.success$.pipe(first$1(), map$1((x) => [true, undefined])),
-                    this._handleIsModifiedState(transition).pipe(first$1(), map$1((x) => [undefined, x]))
-                ]).pipe(map$1(([saveSuccess, handleResult]) => {
+                    this.source.success$.pipe(first(), map(() => [true, undefined])),
+                    this._handleIsModifiedState(transition).pipe(first(), map((x) => [undefined, x]))
+                ]).pipe(map(([saveSuccess, handleResult]) => {
                     if (saveSuccess) {
                         return true;
                     }
@@ -7570,7 +7586,7 @@ class DbxActionTransitionSafetyDirective {
                         return handleResult;
                     }
                 }), tap(() => this._closeDialog()), // Close dialog if it is still open.
-                delay$1(10) // Delay to allow dialog to close before transition.
+                delay(10) // Delay to allow dialog to close before transition.
                 );
             }
             else {
@@ -7597,8 +7613,8 @@ class DbxActionTransitionSafetyDirective {
         return obs;
     }
     _autoTrigger(transition) {
-        return this.source.pipeStore((store) => store.state$.pipe(delay$1(20), // Prevent racing with auto-trigger.
-        first$1(), mergeMap((state) => {
+        return this.source.pipeStore((store) => store.state$.pipe(delay(20), // Prevent racing with auto-trigger.
+        first(), mergeMap((state) => {
             if (isIdleActionState(state.actionState)) {
                 // If we're in an idle state, get ready to trigger it.
                 if (canTriggerAction(state)) {
@@ -7607,7 +7623,7 @@ class DbxActionTransitionSafetyDirective {
             }
             // Watch for errors. If an error occurs, show the dialog.
             // Success will cause the race in _handleOnBeforeTransition() to trigger and close everything.
-            return store.rejected$.pipe(first$1(), mergeMap(() => this._showDialog(transition)));
+            return store.rejected$.pipe(first(), mergeMap(() => this._showDialog(transition)));
         })));
     }
     _showDialog(transition) {
@@ -7619,7 +7635,7 @@ class DbxActionTransitionSafetyDirective {
                 viewContainerRef: this.viewContainerRef
             });
         }
-        return this._dialogRef.afterClosed().pipe(first$1(), map$1((result = DbxActionTransitionSafetyDialogResult.STAY) => {
+        return this._dialogRef.afterClosed().pipe(first(), map((result = DbxActionTransitionSafetyDialogResult.STAY) => {
             // Default to Stay if the user clicks outside.
             switch (result) {
                 case DbxActionTransitionSafetyDialogResult.DISCARD:
@@ -7731,5 +7747,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, CompactContextStore, CompactMode, DBX_ACTION_SNACKBAR_DEFAULTS, DBX_ACTION_SNACKBAR_SERVICE_CONFIG, DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_MAT_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionProgressComponent, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxBarButtonComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerComponent, DbxCardBoxLayoutModule, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxDialogContentDirective, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHintComponent, DbxIconItemComponent, DbxIconSpacerDirective, DbxInteractionModule, DbxIntroActionSectionComponent, DbxItemLayoutModule, DbxKeypressModule, DbxLabelComponent, DbxLayoutModule, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListLayoutModule, DbxListView, DbxListViewWrapper, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxNavbarComponent, DbxNoteComponent, DbxNoticeComponent, DbxOkComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionModule, DbxPopoverScrollContentComponent, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxProgressButtonsModule, DbxPromptBoxComponent, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptConfirmTypes, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorComponent, DbxReadableErrorModule, DbxRouterAnchorListModule, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterListModule, DbxRouterNavbarModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxScreenModule, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListItemViewComponent, DbxSelectionValueListViewComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxSpinnerButtonComponent, DbxStepComponent, DbxStepLayoutModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxSuccessComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlocksComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadComponent, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxUIRouterSegueAnchorComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListItemViewComponent, DbxValueListView, DbxValueListViewComponent, DbxWarnComponent, DbxWebAngularRouterModule, DbxWebModule, DbxWebRootModule, DbxWebUIRouterModule, DbxWindowKeyDownListenerDirective, LoadingComponentState, PopoverPositionStrategy, PopupGlobalPositionStrategy, ProvideDbxListView, ProvideDbxListViewWrapper, ProvideDbxPromptConfirm, ProvideDbxValueListView, ProvideDbxValueListViewModifier, ProvideTwoColumnsContext, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TwoColumnsContextStore, addConfigToValueListItems, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, screenMediaWidthTypeIsActive };
+export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, CompactContextStore, CompactMode, DBX_ACTION_SNACKBAR_DEFAULTS, DBX_ACTION_SNACKBAR_SERVICE_CONFIG, DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_MAT_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionProgressComponent, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxBarButtonComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerComponent, DbxCardBoxLayoutModule, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxDialogContentDirective, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHintComponent, DbxIconItemComponent, DbxIconSpacerDirective, DbxInteractionModule, DbxIntroActionSectionComponent, DbxItemLayoutModule, DbxKeypressModule, DbxLabelComponent, DbxLayoutModule, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListLayoutModule, DbxListView, DbxListViewWrapper, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxNavbarComponent, DbxNoteComponent, DbxNoticeComponent, DbxOkComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionModule, DbxPopoverScrollContentComponent, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxProgressButtonsModule, DbxPromptBoxComponent, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptConfirmTypes, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorComponent, DbxReadableErrorModule, DbxRouterAnchorListModule, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterListModule, DbxRouterNavbarModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxScreenModule, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListItemViewComponent, DbxSelectionValueListViewComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxSpinnerButtonComponent, DbxStepComponent, DbxStepLayoutModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxSuccessComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlocksComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadComponent, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxUIRouterSegueAnchorComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListItemViewComponent, DbxValueListView, DbxValueListViewComponent, DbxWarnComponent, DbxWebAngularRouterModule, DbxWebModule, DbxWebRootModule, DbxWebUIRouterModule, DbxWindowKeyDownListenerDirective, LoadingComponentState, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TwoColumnsContextStore, addConfigToValueListItems, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, provideDbxListView, provideDbxListViewWrapper, provideDbxPromptConfirm, provideDbxValueListView, provideDbxValueListViewModifier, provideTwoColumnsContext, screenMediaWidthTypeIsActive };
 //# sourceMappingURL=dereekb-dbx-web.mjs.map