@dereekb/dbx-web 10.1.4 → 10.1.5

package/fesm2022/dereekb-dbx-web.mjs

@@ -4,12 +4,11 @@ import { filterMaybe, LoadingStateType, loadingStateType, distinctUntilItemsHave
 import { BehaviorSubject, map, combineLatest, distinctUntilChanged, shareReplay, first, Subject, of, switchMap, startWith, filter, delay, throttleTime, skip, defaultIfEmpty, 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 { spaceSeparatedCssClasses, MS_IN_SECOND, getValueFromGetter, mergeObjects, cssClassesSet, splitCommaSeparatedStringToSet, asPromise, objectHasNoKeys, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, filterMaybeValues, asArray, firstValue, filterUndefinedValues, isMaybeNot, isNotNullOrEmptyString, mapIterable, toReadableError, isDefaultReadableError, build, ServerErrorResponse, UnauthorizedServerErrorResponse, TimerInstance, MS_IN_MINUTE, toggleTimerRunning, maybeModifierMapToFunction, makeValuesGroupMap, compareWithMappedValuesFunction, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue } from '@dereekb/util';
 import * as i1$2 from '@dereekb/dbx-core';
 import { AbstractSubscriptionDirective, safeMarkForCheck, AbstractDbxButtonDirective, provideDbxButton, DbxCoreButtonModule, AbstractTransitionWatcherDirective, AbstractDbxActionValueOnTriggerDirective, safeDetectChanges, DbxInjectionComponentModule, AbstractDbxActionHandlerDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, AbstractTransitionDirective, tapDetectChanges, AbstractIfDirective, DbxCoreFilterModule, asSegueRef, isSegueRefActive, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, tapSafeMarkForCheck, anchorTypeForAnchor, AnchorType, DbxCoreActionModule, isIdleActionState, canTriggerAction, onDbxAppAuth, SimpleStorageAccessorFactory } from '@dereekb/dbx-core';
-import ms from 'ms';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { spaceSeparatedCssClasses, getValueFromGetter, mergeObjects, cssClassesSet, splitCommaSeparatedStringToSet, asPromise, objectHasNoKeys, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, filterMaybeValues, asArray, firstValue, filterUndefinedValues, isMaybeNot, isNotNullOrEmptyString, mapIterable, toReadableError, isDefaultReadableError, build, ServerErrorResponse, UnauthorizedServerErrorResponse, maybeModifierMapToFunction, makeValuesGroupMap, compareWithMappedValuesFunction, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue, MS_IN_SECOND } from '@dereekb/util';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/material/progress-spinner';
@@ -232,11 +231,11 @@ class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
         return size;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSpinnerButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"dbx-base-button dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n  <ng-container *ngIf=\"showText\">\n    <ng-container *ngIf=\"options.buttonIcon\">\n      <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\">\n        {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n      </mat-icon>\n    </ng-container>\n\n    <span class=\"button-text\" [class.working]=\"options.working && !options.disabled\">\n      {{ options.text }}\n      <ng-content></ng-content>\n    </span>\n  </ng-container>\n\n  <ng-container *ngIf=\"!showText && options.buttonIcon\">\n    <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.fab && options.buttonIcon.inline!\">\n      {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n    </mat-icon>\n  </ng-container>\n\n  <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxSpinnerButtonComponent, selector: "dbx-spinner-button", viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"dbx-base-button dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n  <ng-container *ngIf=\"showText\">\n    <ng-container *ngIf=\"options.buttonIcon\">\n      <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\">\n        {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n      </mat-icon>\n    </ng-container>\n\n    <span class=\"button-text\" [class.working]=\"options.working && !options.disabled\">\n      {{ options.text }}\n      <ng-content></ng-content>\n    </span>\n  </ng-container>\n\n  <ng-container *ngIf=\"!showText && options.buttonIcon\">\n    <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.fab && options.buttonIcon.inline!\">\n      {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n    </mat-icon>\n  </ng-container>\n\n  <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset;border-radius:50%}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSpinnerButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-base-button dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n  <ng-container *ngIf=\"showText\">\n    <ng-container *ngIf=\"options.buttonIcon\">\n      <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\">\n        {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n      </mat-icon>\n    </ng-container>\n\n    <span class=\"button-text\" [class.working]=\"options.working && !options.disabled\">\n      {{ options.text }}\n      <ng-content></ng-content>\n    </span>\n  </ng-container>\n\n  <ng-container *ngIf=\"!showText && options.buttonIcon\">\n    <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.fab && options.buttonIcon.inline!\">\n      {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n    </mat-icon>\n  </ng-container>\n\n  <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"] }]
+            args: [{ selector: 'dbx-spinner-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"dbx-base-button dbx-spinner-button\" #button mat-button [type]=\"options.type\" [color]=\"options.buttonColor\" [ngClass]=\"buttonCss$ | async\" [ngStyle]=\"options.customStyle!\" [disabled]=\"options.working || options.disabled\">\n  <ng-container *ngIf=\"showText\">\n    <ng-container *ngIf=\"options.buttonIcon\">\n      <mat-icon class=\"mat-button-icon\" [class.is-mat-icon]=\"!options.buttonIcon.fontSet\" [class.working]=\"options.working && !options.disabled\" [ngClass]=\"options.buttonIcon.customClass!\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\">\n        {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n      </mat-icon>\n    </ng-container>\n\n    <span class=\"button-text\" [class.working]=\"options.working && !options.disabled\">\n      {{ options.text }}\n      <ng-content></ng-content>\n    </span>\n  </ng-container>\n\n  <ng-container *ngIf=\"!showText && options.buttonIcon\">\n    <mat-icon class=\"mat-fab-icon\" [fontSet]=\"options.buttonIcon.fontSet!\" [fontIcon]=\"options.buttonIcon.fontIcon!\" [color]=\"options.buttonIcon.color!\" [svgIcon]=\"options.buttonIcon.svgIcon!\" [inline]=\"options.fab && options.buttonIcon.inline!\">\n      {{ options.buttonIcon.fontSet ? '' : options.buttonIcon.fontIcon }}\n    </mat-icon>\n  </ng-container>\n\n  <mat-spinner class=\"spinner\" *ngIf=\"options.working && !options.disabled\" [diameter]=\"calcSpinnerSize()\" [color]=\"options.spinnerColor!\" [mode]=\"options.mode!\" [value]=\"options.value!\" [ngStyle]=\"customSpinnerStyle!\" [ngClass]=\"{ 'dbx-spinner-custom': customSpinnerStyle! }\" [class.working]=\"options.working && !options.disabled\"></mat-spinner>\n</button>\n", styles: [":host button{min-height:36px;height:unset;outline:none}:host button.working{cursor:not-allowed}:host button ::ng-deep .mdc-button__label{display:flex;align-items:center;justify-content:center}:host button.mat-mdc-button.mat-mdc-icon-button{min-width:unset;--mdc-icon-button-icon-size: unset;border-radius:50%}:host button.fullWidth{width:100%}:host button .spinner{position:absolute;opacity:0;transition:opacity .3s ease-in-out}:host button .spinner.working{opacity:1}:host button .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,:host button .dbx-spinner-custom.mat-spinner.mat-accent circle{stroke:unset!important}:host button .button-text{opacity:1;transition:opacity .3s ease-in-out}:host button .button-text.working{opacity:0}:host button mat-icon.mat-button-icon{padding-right:5px;transition:opacity .3s ease-in-out}:host button mat-icon.mat-button-icon.is-mat-icon{font-size:18px;position:relative;top:3px}:host button mat-icon.mat-button-icon.working{opacity:0}\n", ":host button.mat-mdc-button .button-text{display:flex;align-items:center}:host button.mat-mdc-button mat-icon.mat-button-icon.mat-icon.mat-ligature-font[fontIcon]:before,:host button.mat-mdc-button mat-icon.mat-fab-icon.mat-icon.mat-ligature-font[fontIcon]:before{content:unset}\n"] }]
         }], propDecorators: { buttonRef: [{
                 type: ViewChild,
                 args: ['button', { static: true, read: ElementRef }]
@@ -412,9 +411,9 @@ class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
     get actionConfig() {
         return this.data.action;
     }
-    constructor(snackbar, data) {
+    constructor(snackbarRef, data) {
         super();
-        this.snackbar = snackbar;
+        this.snackbarRef = snackbarRef;
         this.data = data;
         this._durationTimeout = new Subject();
         this._actionRef = new BehaviorSubject(undefined);
@@ -438,10 +437,10 @@ class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
             return classes;
         }), distinctUntilChanged(), shareReplay(1));
         this.dismissAfterActionCompletes = () => {
-            this.snackbar._dismissAfter(ms('3s'));
+            this.snackbarRef._dismissAfter(MS_IN_SECOND * 3);
         };
         this.dismiss = () => {
-            this.snackbar.dismiss();
+            this.snackbarRef.dismiss();
         };
         this.button = this.data.action?.button ?? this.data.button;
         this._actionRef.next(this.data.action?.reference);
@@ -465,7 +464,7 @@ class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
         if (this.hasAction) {
             setTimeout(() => {
                 this._durationTimeout.next();
-            }, this.action?.duration ?? ms('10s'));
+            }, this.action?.duration ?? MS_IN_SECOND * 10);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1$1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -630,7 +629,7 @@ function makeDbxActionSnackbarDisplayConfigGeneratorFunction(config) {
 }
 
 const DBX_ACTION_SNACKBAR_SERVICE_CONFIG = new InjectionToken('DbxActionSnackbarServiceConfig');
-const DEFAULT_SNACKBAR_DIRECTIVE_DURATION = ms('4s');
+const DEFAULT_SNACKBAR_DIRECTIVE_DURATION = MS_IN_SECOND * 4;
 /**
  * Used for managing/configuring the snackbar default values and pushing snackbar events.
  */
@@ -1306,7 +1305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-const declarations$c = [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective];
+const declarations$d = [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective];
 class DbxStyleLayoutModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleLayoutModule, declarations: [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective], imports: [CommonModule], exports: [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective] }); }
@@ -1316,8 +1315,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule],
-                    declarations: declarations$c,
-                    exports: declarations$c
+                    declarations: declarations$d,
+                    exports: declarations$d
                 }]
         }] });
 
@@ -2257,7 +2256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: DbxPopoverComponent }]; } });
 
-const declarations$b = [DbxPopoverContentComponent, DbxPopoverControlsDirective, DbxPopoverHeaderComponent, DbxPopoverCloseButtonComponent, DbxPopoverScrollContentComponent];
+const declarations$c = [DbxPopoverContentComponent, DbxPopoverControlsDirective, DbxPopoverHeaderComponent, DbxPopoverCloseButtonComponent, DbxPopoverScrollContentComponent];
 /**
  * Contains all popover content components, allowing other sibling dbx-web modules to use the directives without referencing the full popover module.
  */
@@ -2270,8 +2269,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatIconModule, MatButtonModule, MatDividerModule, DbxKeypressModule, DbxStyleLayoutModule, DbxInjectionComponentModule, NgOverlayContainerModule, AngularResizeEventModule],
-                    declarations: declarations$b,
-                    exports: declarations$b
+                    declarations: declarations$c,
+                    exports: declarations$c
                 }]
         }] });
 
@@ -2314,7 +2313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-const declarations$a = [DbxPopoverComponent, DbxPopoverCoordinatorComponent, DbxActionPopoverDirective];
+const declarations$b = [DbxPopoverComponent, DbxPopoverCoordinatorComponent, DbxActionPopoverDirective];
 class DbxPopoverInteractionModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxPopoverInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxPopoverInteractionModule, declarations: [DbxPopoverComponent, DbxPopoverCoordinatorComponent, DbxActionPopoverDirective], imports: [CommonModule, MatIconModule, MatButtonModule, MatDividerModule, DbxKeypressModule, DbxStyleLayoutModule, DbxInjectionComponentModule, NgOverlayContainerModule, AngularResizeEventModule, DbxPopoverInteractionContentModule], exports: [DbxPopoverComponent, DbxPopoverCoordinatorComponent, DbxActionPopoverDirective, DbxPopoverInteractionContentModule] }); }
@@ -2324,8 +2323,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatIconModule, MatButtonModule, MatDividerModule, DbxKeypressModule, DbxStyleLayoutModule, DbxInjectionComponentModule, NgOverlayContainerModule, AngularResizeEventModule, DbxPopoverInteractionContentModule],
-                    declarations: declarations$a,
-                    exports: [...declarations$a, DbxPopoverInteractionContentModule]
+                    declarations: declarations$b,
+                    exports: [...declarations$b, DbxPopoverInteractionContentModule]
                 }]
         }] });
 
@@ -3711,7 +3710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-const declarations$9 = [
+const declarations$a = [
     //
     DbxContentDirective,
     DbxContentContainerDirective,
@@ -3749,8 +3748,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule],
-                    declarations: declarations$9,
-                    exports: declarations$9
+                    declarations: declarations$a,
+                    exports: declarations$a
                 }]
         }] });
 
@@ -3788,7 +3787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['dbxIfSidenavDisplayMode']
             }] } });
 
-const declarations$8 = [DbxIfSidenavDisplayModeDirective, DbxSidenavComponent, DbxSidenavButtonComponent, DbxSidenavPagebarComponent, DbxSidenavPageComponent];
+const declarations$9 = [DbxIfSidenavDisplayModeDirective, DbxSidenavComponent, DbxSidenavButtonComponent, DbxSidenavPagebarComponent, DbxSidenavPageComponent];
 class DbxRouterSidenavModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxRouterSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxRouterSidenavModule, declarations: [DbxIfSidenavDisplayModeDirective, DbxSidenavComponent, DbxSidenavButtonComponent, DbxSidenavPagebarComponent, DbxSidenavPageComponent], imports: [CommonModule, DbxBarLayoutModule, DbxRouterAnchorModule, DbxRouterAnchorListModule, DbxButtonModule, DbxContentLayoutModule, MatToolbarModule, MatButtonModule, MatIconModule, MatSidenavModule, MatListModule, MatDividerModule, UIRouterModule], exports: [DbxIfSidenavDisplayModeDirective, DbxSidenavComponent, DbxSidenavButtonComponent, DbxSidenavPagebarComponent, DbxSidenavPageComponent] }); }
@@ -3798,8 +3797,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, DbxBarLayoutModule, DbxRouterAnchorModule, DbxRouterAnchorListModule, DbxButtonModule, DbxContentLayoutModule, MatToolbarModule, MatButtonModule, MatIconModule, MatSidenavModule, MatListModule, MatDividerModule, UIRouterModule],
-                    declarations: declarations$8,
-                    exports: declarations$8
+                    declarations: declarations$9,
+                    exports: declarations$9
                 }]
         }] });
 
@@ -4010,7 +4009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-const declarations$7 = [DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxFilterPopoverComponent, DbxFilterPopoverButtonComponent, DbxFilterWrapperComponent, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent];
+const declarations$8 = [DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxFilterPopoverComponent, DbxFilterPopoverButtonComponent, DbxFilterWrapperComponent, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent];
 class DbxFilterInteractionModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFilterInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFilterInteractionModule, declarations: [DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxFilterPopoverComponent, DbxFilterPopoverButtonComponent, DbxFilterWrapperComponent, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent], imports: [CommonModule,
@@ -4055,8 +4054,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatIconModule,
                         MatButtonModule
                     ],
-                    declarations: declarations$7,
-                    exports: [...declarations$7, DbxCoreFilterModule]
+                    declarations: declarations$8,
+                    exports: [...declarations$8, DbxCoreFilterModule]
                 }]
         }] });
 
@@ -4568,6 +4567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class DbxTwoColumnRightComponent {
     constructor(twoColumnsContextStore) {
         this.twoColumnsContextStore = twoColumnsContextStore;
+        this.full = false;
         this._showBack = new BehaviorSubject(true);
         this.ref$ = this.twoColumnsContextStore.backRef$;
         this.showBack$ = combineLatest([
@@ -4600,17 +4600,19 @@ class DbxTwoColumnRightComponent {
         this.twoColumnsContextStore.back();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxTwoColumnRightComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: { header: "header", block: "block", showBack: "showBack", minRightWidth: "minRightWidth" }, host: { classAttribute: "dbx-two-column-right d-block" }, ngImport: i0, template: "<dbx-two-column-head [block]=\"block\" [full]=\"true\">\n  <!-- Back Buttons -->\n  <ng-container *ngIf=\"showBack$ | async\">\n    <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"ref$ | async\">\n    <dbx-anchor [anchor]=\"ref$ | async\">\n      <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n        <mat-icon>navigate_before</mat-icon>\n      </button>\n    </dbx-anchor>\n  </ng-container>\n  <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n  <span class=\"right-nav-spacer\"></span>\n  <span class=\"spacer\"></span>\n  <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: DbxTwoColumnColumnHeadComponent, selector: "dbx-two-column-head", inputs: ["block", "full"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: { full: "full", header: "header", block: "block", showBack: "showBack", minRightWidth: "minRightWidth" }, host: { classAttribute: "dbx-two-column-right d-block" }, ngImport: i0, template: "<dbx-two-column-head [block]=\"block\" [full]=\"full\">\n  <!-- Back Buttons -->\n  <ng-container *ngIf=\"showBack$ | async\">\n    <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"ref$ | async\">\n    <dbx-anchor [anchor]=\"ref$ | async\">\n      <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n        <mat-icon>navigate_before</mat-icon>\n      </button>\n    </dbx-anchor>\n  </ng-container>\n  <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n  <span class=\"right-nav-spacer\"></span>\n  <span class=\"spacer\"></span>\n  <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: DbxTwoColumnColumnHeadComponent, selector: "dbx-two-column-head", inputs: ["block", "full"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxTwoColumnRightComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-two-column-right', host: {
                         class: 'dbx-two-column-right d-block'
-                    }, template: "<dbx-two-column-head [block]=\"block\" [full]=\"true\">\n  <!-- Back Buttons -->\n  <ng-container *ngIf=\"showBack$ | async\">\n    <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"ref$ | async\">\n    <dbx-anchor [anchor]=\"ref$ | async\">\n      <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n        <mat-icon>navigate_before</mat-icon>\n      </button>\n    </dbx-anchor>\n  </ng-container>\n  <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n  <span class=\"right-nav-spacer\"></span>\n  <span class=\"spacer\"></span>\n  <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n  <ng-content></ng-content>\n</div>\n" }]
+                    }, template: "<dbx-two-column-head [block]=\"block\" [full]=\"full\">\n  <!-- Back Buttons -->\n  <ng-container *ngIf=\"showBack$ | async\">\n    <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"ref$ | async\">\n    <dbx-anchor [anchor]=\"ref$ | async\">\n      <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n        <mat-icon>navigate_before</mat-icon>\n      </button>\n    </dbx-anchor>\n  </ng-container>\n  <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n  <span class=\"right-nav-spacer\"></span>\n  <span class=\"spacer\"></span>\n  <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: TwoColumnsContextStore, decorators: [{
                     type: Inject,
                     args: [TwoColumnsContextStore]
-                }] }]; }, propDecorators: { header: [{
+                }] }]; }, propDecorators: { full: [{
+                type: Input
+            }], header: [{
                 type: Input
             }], block: [{
                 type: Input
@@ -5053,6 +5055,7 @@ class DbxErrorDefaultErrorWidgetComponent extends AbstractDbxErrorWidgetComponen
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxErrorDefaultErrorWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxErrorDefaultErrorWidgetComponent, selector: "ng-component", host: { classAttribute: "d-block dbx-error-default-error-widget dbx-content-container" }, usesInheritance: true, ngImport: i0, template: `
     <dbx-label-block header="Error Code">{{ code }}</dbx-label-block>
+    <dbx-label-block header="Error Message">{{ message }}</dbx-label-block>
     <dbx-label-block header="Error Data" *ngIf="serverErrorData">
       <p class="dbx-json">{{ serverErrorData | json }}</p>
     </dbx-label-block>
@@ -5063,6 +5066,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     template: `
     <dbx-label-block header="Error Code">{{ code }}</dbx-label-block>
+    <dbx-label-block header="Error Message">{{ message }}</dbx-label-block>
     <dbx-label-block header="Error Data" *ngIf="serverErrorData">
       <p class="dbx-json">{{ serverErrorData | json }}</p>
     </dbx-label-block>
@@ -5074,13 +5078,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 const DEFAULT_ERROR_WIDGET_CODE = 'DEFAULT_ERROR_WIDGET';
+const UNKNOWN_ERROR_WIDGET_CODE = 'UNKNOWN_ERROR_WIDGET';
 /**
  * Service used to register error widgets.
+ *
+ * It has two default widgets:
+ *
+ * - default: used in cases where an error has been registered by its error code
+ * - unknown: used in cases where an error has an error code that has not been registered
+ *
+ * By default the DbxErrorDefaultErrorWidgetComponent is registered to both the default and unknown error entries.
  */
 class DbxErrorWidgetService {
     constructor() {
         this._entries = new Map();
-        this.registerDefaultEntry({ widgetComponentClass: DbxErrorDefaultErrorWidgetComponent });
+        const defaultEntry = { widgetComponentClass: DbxErrorDefaultErrorWidgetComponent };
+        this.registerDefaultEntry(defaultEntry);
+        this.registerUnknownEntry(defaultEntry);
     }
     registerDefaultEntry(entry) {
         return this.register({
@@ -5089,6 +5103,13 @@ class DbxErrorWidgetService {
             code: DEFAULT_ERROR_WIDGET_CODE
         });
     }
+    registerUnknownEntry(entry) {
+        return this.register({
+            ...entry,
+            errorComponentClass: null,
+            code: UNKNOWN_ERROR_WIDGET_CODE
+        });
+    }
     register(entry, override = true) {
         if (override || !this._entries.has(entry.code)) {
             this._entries.set(entry.code, {
@@ -5108,6 +5129,9 @@ class DbxErrorWidgetService {
     getDefaultErrorWidgetEntry() {
         return this.getErrorWidgetEntry(DEFAULT_ERROR_WIDGET_CODE);
     }
+    getUnknownErrorWidgetEntry() {
+        return this.getErrorWidgetEntry(UNKNOWN_ERROR_WIDGET_CODE);
+    }
     getErrorWidgetEntry(code) {
         return this._entries.get(code);
     }
@@ -5145,6 +5169,15 @@ class DbxErrorWidgetViewComponent {
                         };
                     }
                 }
+                else {
+                    const unknownEntry = this.dbxErrorWidgetService.getUnknownErrorWidgetEntry();
+                    if (unknownEntry?.widgetComponentClass != null) {
+                        config = {
+                            componentClass: unknownEntry?.widgetComponentClass,
+                            data: error
+                        };
+                    }
+                }
             }
             return config;
         }));
@@ -5286,15 +5319,17 @@ class DbxReadableErrorComponent extends AbstractSubscriptionDirective {
         this.popoverService = popoverService;
         this.dbxErrorWidgetService = dbxErrorWidgetService;
         this.cdRef = cdRef;
+        this.popoverOpen = new EventEmitter();
         this._state = {
             viewType: 'none'
         };
+        this._iconOnly = new BehaviorSubject(undefined);
         this._inputError = new BehaviorSubject(undefined);
-        this.state$ = this._inputError.pipe(map((rawError) => {
+        this.state$ = combineLatest([this._inputError, this._iconOnly.pipe(distinctUntilChanged())]).pipe(map(([rawError, iconOnly]) => {
             let state;
             if (rawError != null) {
                 const error = toReadableError(rawError);
-                const isDefaultError = isDefaultReadableError(error);
+                const isDefaultError = iconOnly ? false : isDefaultReadableError(error);
                 state = {
                     viewType: 'default',
                     rawError,
@@ -5302,7 +5337,10 @@ class DbxReadableErrorComponent extends AbstractSubscriptionDirective {
                     message: error?.message || 'An error occured.',
                     isDefaultError
                 };
-                if (error) {
+                if (iconOnly) {
+                    delete state.message; // remove the message when in icon-only mode
+                }
+                else if (error) {
                     let customView;
                     const entry = this.dbxErrorWidgetService.getErrorWidgetEntry(error.code);
                     const componentClass = entry?.errorComponentClass;
@@ -5354,17 +5392,24 @@ class DbxReadableErrorComponent extends AbstractSubscriptionDirective {
     set error(error) {
         this._inputError.next(error);
     }
+    get iconOnly() {
+        return this._iconOnly.value;
+    }
+    set iconOnly(iconOnly) {
+        this._iconOnly.next(iconOnly);
+    }
     openErrorPopover(event) {
         const error = this._state.error;
         if (error != null) {
-            DbxErrorPopoverComponent.openPopover(this.popoverService, {
+            const popoverRef = DbxErrorPopoverComponent.openPopover(this.popoverService, {
                 origin: event.origin,
                 error
             });
+            this.popoverOpen.next(popoverRef);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxReadableErrorComponent, deps: [{ token: DbxPopoverService }, { token: DbxErrorWidgetService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: { error: "error" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: { error: "error", iconOnly: "iconOnly" }, outputs: { popoverOpen: "popoverOpen" }, usesInheritance: true, ngImport: i0, template: `
     <ng-container [ngSwitch]="viewType">
       <ng-container *ngSwitchCase="'default'">
         <dbx-error-view icon="error" [message]="message" [buttonDisabled]="isDefaultError" (buttonClick)="openErrorPopover($event)"></dbx-error-view>
@@ -5391,7 +5436,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: DbxPopoverService }, { type: DbxErrorWidgetService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { error: [{
+        }], ctorParameters: function () { return [{ type: DbxPopoverService }, { type: DbxErrorWidgetService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { popoverOpen: [{
+                type: Output
+            }], error: [{
+                type: Input
+            }], iconOnly: [{
                 type: Input
             }] } });
 
@@ -5539,7 +5588,7 @@ class DbxBasicLoadingComponent {
         }, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxBasicLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: { diameter: "diameter", mode: "mode", color: "color", text: "text", linear: "linear", show: "show", loading: "loading", error: "error" }, viewQueries: [{ propertyName: "customErrorContent", first: true, predicate: ["customError"], descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: ["customLoading"], descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"state$ | async\">\n  <ng-container *ngSwitchCase=\"0\">\n    <!-- Loading -->\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <!-- Content -->\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"2\">\n    <!-- Error -->\n    <ng-container *ngTemplateOutlet=\"errorTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadingTemplate>\n  <dbx-loading-progress *ngIf=\"hasNoCustomLoading$ | async\" [mode]=\"mode\" [color]=\"color\" [text]=\"text\" [linear]=\"linear\" [diameter]=\"diameter\"></dbx-loading-progress>\n  <div #customLoading>\n    <ng-content select=\"[loading]\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #errorTemplate>\n  <dbx-error *ngIf=\"hasNoCustomError$ | async\" [error]=\"error$ | async\"></dbx-error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-content select=\"[errorAction]\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { kind: "component", type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: ["text", "linear", "mode", "color", "value", "bufferValue", "diameter"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: { diameter: "diameter", mode: "mode", color: "color", text: "text", linear: "linear", show: "show", loading: "loading", error: "error" }, viewQueries: [{ propertyName: "customErrorContent", first: true, predicate: ["customError"], descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: ["customLoading"], descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"state$ | async\">\n  <ng-container *ngSwitchCase=\"0\">\n    <!-- Loading -->\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <!-- Content -->\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"2\">\n    <!-- Error -->\n    <ng-container *ngTemplateOutlet=\"errorTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadingTemplate>\n  <dbx-loading-progress *ngIf=\"hasNoCustomLoading$ | async\" [mode]=\"mode\" [color]=\"color\" [text]=\"text\" [linear]=\"linear\" [diameter]=\"diameter\"></dbx-loading-progress>\n  <div #customLoading>\n    <ng-content select=\"[loading]\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #errorTemplate>\n  <dbx-error *ngIf=\"hasNoCustomError$ | async\" [error]=\"error$ | async\"></dbx-error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-content select=\"[errorAction]\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error", "iconOnly"], outputs: ["popoverOpen"] }, { kind: "component", type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: ["text", "linear", "mode", "color", "value", "bufferValue", "diameter"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxBasicLoadingComponent, decorators: [{
             type: Component,
@@ -6447,7 +6496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-const declarations$6 = [DbxUnitedStatesAddressComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelBlockComponent, DbxLabelComponent, DbxLinkifyComponent, DbxOkComponent, DbxTextChipsComponent, DbxIconSpacerDirective, DbxFormDescriptionComponent];
+const declarations$7 = [DbxUnitedStatesAddressComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelBlockComponent, DbxLabelComponent, DbxLinkifyComponent, DbxOkComponent, DbxTextChipsComponent, DbxIconSpacerDirective, DbxFormDescriptionComponent];
 class DbxTextModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxTextModule, declarations: [DbxUnitedStatesAddressComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelBlockComponent, DbxLabelComponent, DbxLinkifyComponent, DbxOkComponent, DbxTextChipsComponent, DbxIconSpacerDirective, DbxFormDescriptionComponent], imports: [CommonModule, MatChipsModule, MatTooltipModule, MatIconModule], exports: [DbxUnitedStatesAddressComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelBlockComponent, DbxLabelComponent, DbxLinkifyComponent, DbxOkComponent, DbxTextChipsComponent, DbxIconSpacerDirective, DbxFormDescriptionComponent] }); }
@@ -6457,17 +6506,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatChipsModule, MatTooltipModule, MatIconModule],
-                    declarations: declarations$6,
-                    exports: declarations$6
+                    declarations: declarations$7,
+                    exports: declarations$7
                 }]
         }] });
 
-const declarations$5 = [
+/**
+ * A snackbar orientation for an error.
+ */
+class DbxErrorSnackbarComponent {
+    get error() {
+        return this.data.error;
+    }
+    constructor(snackBarRef, data) {
+        this.snackBarRef = snackBarRef;
+        this.data = data;
+        this._allowAutoDismiss = Boolean(this.data.duration);
+        this._popoverOpen = new BehaviorSubject(false);
+        this._autoDismissTimer = new TimerInstance(this.data.duration ?? MS_IN_MINUTE, this._allowAutoDismiss);
+        this._popoverSub = new SubscriptionObject();
+        this._popoverSyncSub = new SubscriptionObject(this._popoverOpen.subscribe((x) => toggleTimerRunning(this._autoDismissTimer, !x)));
+        this._autoDismissSub = new SubscriptionObject(from(this._autoDismissTimer.promise).subscribe(() => this.dismiss()));
+    }
+    ngOnInit() {
+        if (!this._allowAutoDismiss) {
+            this._popoverSyncSub.destroy();
+            this._autoDismissSub.destroy();
+        }
+    }
+    ngOnDestroy() {
+        this._popoverOpen.complete();
+        this._popoverSub.destroy();
+        this._popoverSyncSub.destroy();
+        this._autoDismissSub.destroy();
+        this._autoDismissTimer.destroy();
+    }
+    static showErrorSnackbar(matSnackbar, error, config) {
+        matSnackbar.openFromComponent(DbxErrorSnackbarComponent, {
+            ...config,
+            duration: undefined,
+            panelClass: [...(config?.panelClass ?? []), 'dbx-error-snackbar'],
+            data: {
+                error,
+                duration: config?.duration
+            }
+        });
+    }
+    errorPopoverOpen(popover) {
+        this._popoverOpen.next(true);
+        this._popoverSub.subscription = popover.afterClosed$.subscribe(() => {
+            this._popoverOpen.next(false);
+        });
+    }
+    dismiss() {
+        return this.snackBarRef.dismiss();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxErrorSnackbarComponent, deps: [{ token: i1$1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxErrorSnackbarComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"dbx-error-snackbar-content\">\n  <dbx-error [error]=\"error\" (popoverOpen)=\"errorPopoverOpen($event)\"></dbx-error>\n  <div class=\"dbx-spacer\"></div>\n  <button class=\"dbx-error-snackbar-content-button\" mat-icon-button aria-label=\"dismiss error\" (click)=\"dismiss()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error", "iconOnly"], outputs: ["popoverOpen"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxErrorSnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<div class=\"dbx-error-snackbar-content\">\n  <dbx-error [error]=\"error\" (popoverOpen)=\"errorPopoverOpen($event)\"></dbx-error>\n  <div class=\"dbx-spacer\"></div>\n  <button class=\"dbx-error-snackbar-content-button\" mat-icon-button aria-label=\"dismiss error\" (click)=\"dismiss()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatSnackBarRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_SNACK_BAR_DATA]
+                }] }]; } });
+
+/**
+ * Service used to show errors in the snackbar.
+ */
+class DbxErrorSnackbarService {
+    constructor(matSnackbar) {
+        this.matSnackbar = matSnackbar;
+        this._defaultConfig = {
+            politeness: 'polite',
+            announcementMessage: 'An error has occurred',
+            horizontalPosition: 'center',
+            verticalPosition: 'bottom'
+        };
+    }
+    get defaultConfig() {
+        return this._defaultConfig;
+    }
+    setDefaultConfig(defaultConfig) {
+        this._defaultConfig = defaultConfig;
+    }
+    showSnackbarError(error, inputConfig) {
+        const config = {
+            ...inputConfig,
+            ...this._defaultConfig
+        };
+        return DbxErrorSnackbarComponent.showErrorSnackbar(this.matSnackbar, error, config);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxErrorSnackbarService, deps: [{ token: i1$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxErrorSnackbarService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxErrorSnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatSnackBar }]; } });
+
+/**
+ * Context used for displaying an error from an ActionContext a snackbar when an ReadableErrorComponent
+ */
+class DbxActionSnackbarErrorDirective extends AbstractSubscriptionDirective {
+    constructor(dbxErrorSnackbarService, source) {
+        super();
+        this.dbxErrorSnackbarService = dbxErrorSnackbarService;
+        this.source = source;
+    }
+    ngOnInit() {
+        this.sub = this.source.error$.pipe(filterMaybe()).subscribe((inputError) => {
+            const error = toReadableError(inputError);
+            const config = this.config ? (typeof this.config === 'number' ? { duration: this.config } : this.config) : undefined;
+            this.dbxErrorSnackbarService.showSnackbarError(error, config);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionSnackbarErrorDirective, deps: [{ token: DbxErrorSnackbarService }, { token: i1$2.DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxActionSnackbarErrorDirective, selector: "[dbxActionSnackbarError]", inputs: { config: ["dbxActionSnackbarError", "config"] }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionSnackbarErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionSnackbarError]'
+                }]
+        }], ctorParameters: function () { return [{ type: DbxErrorSnackbarService }, { type: i1$2.DbxActionContextStoreSourceInstance }]; }, propDecorators: { config: [{
+                type: Input,
+                args: ['dbxActionSnackbarError']
+            }] } });
+
+const declarations$6 = [
     //
     DbxReadableErrorComponent,
     DbxLoadingErrorDirective,
     DbxActionErrorDirective,
+    DbxActionSnackbarErrorDirective,
     DbxErrorViewComponent,
+    DbxErrorSnackbarComponent,
     DbxErrorPopoverComponent,
     DbxErrorDetailsComponent,
     DbxErrorWidgetViewComponent,
@@ -6480,7 +6657,9 @@ class DbxReadableErrorModule {
             DbxReadableErrorComponent,
             DbxLoadingErrorDirective,
             DbxActionErrorDirective,
+            DbxActionSnackbarErrorDirective,
             DbxErrorViewComponent,
+            DbxErrorSnackbarComponent,
             DbxErrorPopoverComponent,
             DbxErrorDetailsComponent,
             DbxErrorWidgetViewComponent,
@@ -6489,7 +6668,9 @@ class DbxReadableErrorModule {
             DbxReadableErrorComponent,
             DbxLoadingErrorDirective,
             DbxActionErrorDirective,
+            DbxActionSnackbarErrorDirective,
             DbxErrorViewComponent,
+            DbxErrorSnackbarComponent,
             DbxErrorPopoverComponent,
             DbxErrorDetailsComponent,
             DbxErrorWidgetViewComponent,
@@ -6500,8 +6681,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, DbxTextModule, DbxInjectionComponentModule, DbxPopoverInteractionContentModule, MatButtonModule, MatIconModule],
-                    declarations: declarations$5,
-                    exports: declarations$5
+                    declarations: declarations$6,
+                    exports: declarations$6
                 }]
         }] });
 
@@ -6554,7 +6735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     type: Host
                 }] }, { type: i1$2.DbxActionContextStoreSourceInstance }]; } });
 
-const declarations$4 = [DbxLoadingComponent, DbxBasicLoadingComponent, DbxLoadingProgressComponent, DbxActionLoadingContextDirective];
+const declarations$5 = [DbxLoadingComponent, DbxBasicLoadingComponent, DbxLoadingProgressComponent, DbxActionLoadingContextDirective];
 class DbxLoadingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxLoadingModule, declarations: [DbxLoadingComponent, DbxBasicLoadingComponent, DbxLoadingProgressComponent, DbxActionLoadingContextDirective], imports: [CommonModule, DbxReadableErrorModule, MatProgressSpinnerModule, MatProgressBarModule], exports: [DbxLoadingComponent, DbxBasicLoadingComponent, DbxLoadingProgressComponent, DbxActionLoadingContextDirective, MatProgressSpinnerModule, MatProgressBarModule] }); }
@@ -6564,8 +6745,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, DbxReadableErrorModule, MatProgressSpinnerModule, MatProgressBarModule],
-                    declarations: declarations$4,
-                    exports: [...declarations$4, MatProgressSpinnerModule, MatProgressBarModule]
+                    declarations: declarations$5,
+                    exports: [...declarations$5, MatProgressSpinnerModule, MatProgressBarModule]
                 }]
         }] });
 
@@ -7184,23 +7365,23 @@ class DbxListTitleGroupDirective {
                     const { sortGroupsByData, cssClasses: inputCssClasses } = delegate;
                     const cssClassesForAllGroups = inputCssClasses ?? [];
                     const componentClass = delegate.headerComponentClass ?? DbxListTitleGroupHeaderComponent;
+                    const { dataForGroupValue, footerComponentClass } = delegate;
                     groups = Array.from(groupsValuesMap.entries()).map(([value, items]) => {
-                        const data = delegate.dataForGroupValue(value, items);
+                        const data = dataForGroupValue(value, items);
                         data.value = value;
                         const cssClasses = data.cssClasses ? [...cssClassesForAllGroups, ...data.cssClasses] : cssClassesForAllGroups;
+                        const providers = [
+                            {
+                                provide: DBX_LIST_TITLE_GROUP_DATA,
+                                useValue: data
+                            }
+                        ];
                         const group = {
                             id: String(value),
                             data,
                             items,
-                            headerConfig: {
-                                componentClass,
-                                providers: [
-                                    {
-                                        provide: DBX_LIST_TITLE_GROUP_DATA,
-                                        useValue: data
-                                    }
-                                ]
-                            },
+                            headerConfig: { componentClass, providers },
+                            footerConfig: footerComponentClass ? { componentClass: footerComponentClass, providers } : undefined,
                             cssClasses
                         };
                         return group;
@@ -7262,21 +7443,21 @@ class DbxListTitleGroupHeaderComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxListTitleGroupHeaderComponent, deps: [{ token: DBX_LIST_TITLE_GROUP_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxListTitleGroupHeaderComponent, selector: "dbx-list-title-group-header", host: { classAttribute: "dbx-list-title-group-header" }, ngImport: i0, template: `
-    <div class="dbx-list-item-padded dbx-list-two-line-item">
+    <div class="dbx-list-item-padded dbx-list-two-line-item" [ngClass]="{ 'dbx-list-two-line-item-with-icon': icon }">
       <mat-icon class="item-icon" *ngIf="icon">{{ icon }}</mat-icon>
       <div class="item-left">
         <div class="mat-subtitle-2">{{ title }}</div>
         <div *ngIf="hint" class="item-details">{{ hint }}</div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxListTitleGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-list-title-group-header',
                     template: `
-    <div class="dbx-list-item-padded dbx-list-two-line-item">
+    <div class="dbx-list-item-padded dbx-list-two-line-item" [ngClass]="{ 'dbx-list-two-line-item-with-icon': icon }">
       <mat-icon class="item-icon" *ngIf="icon">{{ icon }}</mat-icon>
       <div class="item-left">
         <div class="mat-subtitle-2">{{ title }}</div>
@@ -7295,7 +7476,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 const privateDeclarations = [DbxListInternalContentDirective];
-const declarations$3 = [
+const declarations$4 = [
     // directives
     DbxListComponent,
     DbxListEmptyContentComponent,
@@ -7354,8 +7535,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatRippleModule, FlexLayoutModule, DbxLoadingModule, DbxRouterAnchorModule, InfiniteScrollModule, DbxInjectionComponentModule, MatListModule, MatIconModule],
-                    declarations: [...declarations$3, ...privateDeclarations],
-                    exports: declarations$3
+                    declarations: [...declarations$4, ...privateDeclarations],
+                    exports: declarations$4
                 }]
         }] });
 
@@ -7799,7 +7980,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-const declarations$2 = [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent];
+const declarations$3 = [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent];
 /**
  * Module for container-type components.
  */
@@ -7812,8 +7993,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, DbxRouterAnchorModule, MatButtonModule, MatRippleModule, MatIconModule],
-                    declarations: declarations$2,
-                    exports: declarations$2
+                    declarations: declarations$3,
+                    exports: declarations$3
                 }]
         }] });
 
@@ -8681,6 +8862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+const declarations$2 = [DbxActionSnackbarComponent, DbxActionSnackbarDirective];
 class DbxActionSnackbarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxActionSnackbarModule, declarations: [DbxActionSnackbarComponent, DbxActionSnackbarDirective], imports: [CommonModule, DbxStyleLayoutModule, DbxCoreActionModule, DbxPromptModule, DbxButtonModule], exports: [DbxActionSnackbarComponent, DbxActionSnackbarDirective] }); }
@@ -8690,8 +8872,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [CommonModule, DbxStyleLayoutModule, DbxCoreActionModule, DbxPromptModule, DbxButtonModule],
-                    declarations: [DbxActionSnackbarComponent, DbxActionSnackbarDirective],
-                    exports: [DbxActionSnackbarComponent, DbxActionSnackbarDirective]
+                    declarations: declarations$2,
+                    exports: declarations$2
                 }]
         }] });
 
@@ -8731,7 +8913,7 @@ class DbxActionUIRouterTransitionSafetyDialogComponent extends AbstractDialogDir
         <dbx-button-spacer></dbx-button-spacer>
       </ng-container>
     </dbx-prompt-confirm>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { kind: "directive", type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { kind: "directive", type: DbxActionErrorDirective, selector: "[dbxActionError]" }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { kind: "directive", type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error", "iconOnly"], outputs: ["popoverOpen"] }, { kind: "directive", type: DbxActionErrorDirective, selector: "[dbxActionError]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, decorators: [{
             type: Component,
@@ -9651,5 +9833,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxErrorWidgetComponent, AbstractDbxListGridViewDirective, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxPartialPresetFilterMenuDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDbxWidgetComponent, 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_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_LIST_TITLE_GROUP_DATA, DBX_MAT_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_DBX_VALUE_LIST_GRID_DIRECTIVE_TEMPLATE, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxBarButtonComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxBodyDirective, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerComponent, DbxCardBoxLayoutModule, DbxChipDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDownloadTextModule, DbxDownloadTextViewComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxFormDescriptionComponent, DbxHintComponent, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxInteractionModule, DbxIntroActionSectionComponent, DbxItemLayoutModule, DbxKeypressModule, DbxLabelBlockComponent, DbxLabelComponent, DbxLayoutModule, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListLayoutModule, DbxListTitleGroupDirective, DbxListTitleGroupHeaderComponent, DbxListView, DbxListViewWrapper, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelInfoModule, DbxModelObjectStateService, actions as DbxModelStateActions, model_actions as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxNoteComponent, DbxNoticeComponent, DbxOkComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxPopoverCloseButtonComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionContentModule, DbxPopoverInteractionModule, DbxPopoverScrollContentComponent, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent, 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, DbxSelectionValueListViewComponent, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxSpinnerButtonComponent, DbxStepComponent, DbxStepLayoutModule, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxSuccessComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlocksComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadComponent, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWarnComponent, DbxWebAngularRouterModule, DbxWebModule, DbxWebUIRouterModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetModule, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, LoadingComponentState, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, appObjectViewTrackerStorageFactory, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, dbxColorBackground, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxValueListItemDecisionFunction, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, index as fromDbxModel, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index$1 as onDbxModel, provideDbxListView, provideDbxListViewWrapper, provideDbxPromptConfirm, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideTwoColumnsContext, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
+export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxErrorWidgetComponent, AbstractDbxListGridViewDirective, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxPartialPresetFilterMenuDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDbxWidgetComponent, 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_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_LIST_TITLE_GROUP_DATA, DBX_MAT_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_DBX_VALUE_LIST_GRID_DIRECTIVE_TEMPLATE, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxBarButtonComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxBodyDirective, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerComponent, DbxCardBoxLayoutModule, DbxChipDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDownloadTextModule, DbxDownloadTextViewComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorSnackbarComponent, DbxErrorSnackbarService, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxFormDescriptionComponent, DbxHintComponent, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxInteractionModule, DbxIntroActionSectionComponent, DbxItemLayoutModule, DbxKeypressModule, DbxLabelBlockComponent, DbxLabelComponent, DbxLayoutModule, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListLayoutModule, DbxListTitleGroupDirective, DbxListTitleGroupHeaderComponent, DbxListView, DbxListViewWrapper, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelInfoModule, DbxModelObjectStateService, actions as DbxModelStateActions, model_actions as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxNoteComponent, DbxNoticeComponent, DbxOkComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxPopoverCloseButtonComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionContentModule, DbxPopoverInteractionModule, DbxPopoverScrollContentComponent, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent, 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, DbxSelectionValueListViewComponent, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxSpinnerButtonComponent, DbxStepComponent, DbxStepLayoutModule, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxSuccessComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlocksComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadComponent, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWarnComponent, DbxWebAngularRouterModule, DbxWebModule, DbxWebUIRouterModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetModule, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, LoadingComponentState, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, UNKNOWN_ERROR_WIDGET_CODE, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, appObjectViewTrackerStorageFactory, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, dbxColorBackground, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxValueListItemDecisionFunction, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, index as fromDbxModel, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index$1 as onDbxModel, provideDbxListView, provideDbxListViewWrapper, provideDbxPromptConfirm, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideTwoColumnsContext, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
 //# sourceMappingURL=dereekb-dbx-web.mjs.map