@dereekb/dbx-web 1.0.0 → 2.0.0

package/fesm2015/dereekb-dbx-web.mjs

@@ -1,22 +1,27 @@
-import * as i3$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { filterMaybe, LoadingStateType, loadingStateType, skipFirstMaybe, initialize, asObservable, SubscriptionObject, ListLoadingStateContextInstance, loadingStateHasFinishedLoading, beginLoading, getter, LoadingStateContextInstance, switchMapMaybeObs, LockSet } from '@dereekb/rxjs';
+import { Subject, BehaviorSubject, of, switchMap, startWith, shareReplay, distinctUntilChanged, combineLatest, map as map$1, delay, throttleTime, first, filter as filter$1, merge, exhaustMap, catchError, from, race } from 'rxjs';
 import * as i0 from '@angular/core';
-import { Directive, Optional, Inject, Input, InjectionToken, Injectable, NgModule, Component, TemplateRef, ViewChild, ChangeDetectionStrategy, ElementRef, EventEmitter, Output, HostListener, Host, forwardRef } from '@angular/core';
-import * as i1$1 from '@angular/material/dialog';
+import { Component, Input, Directive, Inject, InjectionToken, Injectable, Optional, Host, NgModule, TemplateRef, ViewChild, ChangeDetectionStrategy, ElementRef, EventEmitter, Output, HostListener, forwardRef } from '@angular/core';
+import * as i1$1 from '@angular/material/snack-bar';
+import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
+import { map, filter, shareReplay as shareReplay$1, distinctUntilChanged as distinctUntilChanged$1, distinct, catchError as catchError$1, delay as delay$1, first as first$1, startWith as startWith$1, throttleTime as throttleTime$1, switchMap as switchMap$1, mergeMap, tap } from 'rxjs/operators';
+import * as i1$2 from '@dereekb/dbx-core';
+import { AbstractDbxButtonDirective, ProvideDbxButton, AbstractSubscriptionDirective, DbxCoreButtonModule, AbstractTransitionWatcherDirective, safeDetectChanges, AbstractDbxAnchorDirective, DbxInjectedComponentModule, expandClickableAnchorLinkTrees, AbstractTransitionDirective, tapDetectChanges, checkNgContentWrapperHasContent, anchorTypeForAnchor, AnchorType, DbxActionButtonDirective, DbxCoreActionModule, DbxCoreFilterModule, isIdleActionState, canTriggerAction } from '@dereekb/dbx-core';
+import ms from 'ms';
+import * as i1 from 'mat-progress-buttons';
+import { MatProgressButtonsModule } from 'mat-progress-buttons';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { getValueFromObjectOrGetter, mergeObjects, splitCommaSeparatedStringToSet, applyBestFit, convertToReadableError, ServerErrorResponse, UnauthorizedServerErrorResponse } from '@dereekb/util';
+import * as i1$3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
-import * as i1 from '@dereekb/dbx-core';
-import { AbstractTransitionWatcherDirective, AbstractSubscriptionDirective, safeDetectChanges, AbstractDbxAnchorDirective, DbxInjectedComponentModule, expandClickableAnchorLinkTrees, AbstractTransitionDirective, tapDetectChanges, AbstractDbxButtonDirective, ProvideDbxButton, checkNgContentWrapperHasContent, anchorTypeForAnchor, AnchorType, DbxActionButtonDirective, ActionState, DbxCoreActionModule, DbxCoreFilterModule, isIdleActionState, canTriggerAction } from '@dereekb/dbx-core';
-import { splitCommaSeparatedStringToSet, applyBestFit, convertToReadableError, ServerErrorResponse, UnauthorizedServerErrorResponse } from '@dereekb/util';
-import { BehaviorSubject, switchMap, distinctUntilChanged, shareReplay, combineLatest, map, delay, Subject, throttleTime, first, of, startWith, filter, merge, exhaustMap, catchError, from, race } from 'rxjs';
-import { filterMaybe, skipFirstMaybe, initialize, asObservable, SubscriptionObject, ListLoadingStateContextInstance, loadingStateHasFinishedLoading, beginLoading, getter, switchMapMaybeObs, LockSet } from '@dereekb/rxjs';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import { shareReplay as shareReplay$1, map as map$1, distinctUntilChanged as distinctUntilChanged$1, distinct, catchError as catchError$1, delay as delay$1, first as first$1, startWith as startWith$1, filter as filter$1, throttleTime as throttleTime$1, switchMap as switchMap$1, mergeMap, tap } from 'rxjs/operators';
-import * as i1$2 from '@angular/material/toolbar';
+import * as i1$5 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i3 from '@angular/material/icon';
+import * as i1$4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i1$3 from '@angular/material/list';
+import * as i1$6 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import * as i7 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
@@ -26,41 +31,547 @@ import * as i4 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import * as i6 from '@angular/material/core';
 import { MatRippleModule } from '@angular/material/core';
-import * as i1$4 from '@angular/cdk/layout';
-import * as i3$2 from '@angular/material/sidenav';
+import * as i1$7 from '@angular/cdk/layout';
+import * as i3$1 from '@angular/material/sidenav';
 import { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';
 import * as i2$1 from '@uirouter/angular';
 import { UIRouterModule } from '@uirouter/angular';
-import * as i1$5 from 'mat-progress-buttons';
-import { MatProgressButtonsModule } from 'mat-progress-buttons';
-import * as i1$6 from 'angular-resize-event';
+import * as i1$8 from 'angular-resize-event';
 import { AngularResizeEventModule } from 'angular-resize-event';
 import { ComponentStore } from '@ngrx/component-store';
 import { isBoolean } from 'class-validator';
-import * as i1$7 from '@angular/material/progress-bar';
+import * as i1$9 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i2$2 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i3$3 from 'ngx-infinite-scroll';
+import * as i3$2 from 'ngx-infinite-scroll';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { HttpErrorResponse } from '@angular/common/http';
 import linkifyStr from 'linkify-string';
-import * as i1$8 from '@angular/platform-browser';
-import * as i1$9 from '@angular/material/chips';
+import * as i1$a from '@angular/platform-browser';
+import * as i1$b from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
-import * as i3$4 from '@angular/material/tooltip';
+import * as i3$3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1$a from 'ng-overlay-container';
+import * as i1$c from 'ng-overlay-container';
 import { NgOverlayContainerService, NgOverlayContainerModule } from 'ng-overlay-container';
-import * as i1$b from '@angular/cdk/overlay';
+import * as i1$d from '@angular/cdk/overlay';
 import { GlobalPositionStrategy } from '@angular/cdk/overlay';
-import * as i1$c from '@angular/material/snack-bar';
-import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
-import ms from 'ms';
-import * as i3$5 from '@angular/flex-layout/flex';
+import * as i3$4 from '@angular/flex-layout/flex';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import * as i2$3 from '@uirouter/core';
 
+var DbxButtonDisplayType;
+(function (DbxButtonDisplayType) {
+    DbxButtonDisplayType[DbxButtonDisplayType["RAISED"] = 0] = "RAISED";
+    DbxButtonDisplayType[DbxButtonDisplayType["STROKED"] = 1] = "STROKED";
+    DbxButtonDisplayType[DbxButtonDisplayType["FLAT"] = 2] = "FLAT";
+})(DbxButtonDisplayType || (DbxButtonDisplayType = {}));
+/**
+ * Complex button that supports loading states.
+ */
+class DbxButtonComponent extends AbstractDbxButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.color = 'primary';
+    }
+    get raised() {
+        return this.type === DbxButtonDisplayType.RAISED;
+    }
+    set raised(raised) {
+        if (raised) {
+            this.type = DbxButtonDisplayType.RAISED;
+        }
+    }
+    get stroked() {
+        return this.type === DbxButtonDisplayType.STROKED;
+    }
+    set stroked(stroked) {
+        if (stroked) {
+            this.type = DbxButtonDisplayType.STROKED;
+        }
+    }
+    get flat() {
+        return this.type === DbxButtonDisplayType.FLAT;
+    }
+    set flat(flat) {
+        if (flat) {
+            this.type = DbxButtonDisplayType.FLAT;
+        }
+    }
+    get btnOptions() {
+        var _a;
+        const buttonIcon = (this.icon) ? {
+            fontIcon: this.icon
+        } : undefined;
+        return {
+            fab: false,
+            active: this.working,
+            buttonIcon,
+            customClass: 'dbx-button ' + ((buttonIcon && !this.text) ? 'dbx-button-no-text' : ''),
+            // buttonIcon: icon,
+            text: (_a = this.text) !== null && _a !== void 0 ? _a : '',
+            buttonColor: this.color,
+            barColor: 'accent',
+            raised: this.raised,
+            stroked: this.stroked,
+            flat: this.flat,
+            mode: 'indeterminate',
+            spinnerSize: 18,
+            spinnerColor: 'accent',
+            // Only disabled if we're not working, in order to show the animation.
+            disabled: !this.working && this.disabled
+        };
+    }
+}
+DbxButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxButtonComponent, selector: "dbx-button", inputs: { type: "type", raised: "raised", stroked: "stroked", flat: "flat", color: "color" }, providers: ProvideDbxButton(DbxButtonComponent), usesInheritance: true, ngImport: i0, template: `
+    <mat-spinner-button class="page-button" (btnClick)="clickButton()" [options]="btnOptions"></mat-spinner-button>
+  `, isInline: true, components: [{ type: i1.MatSpinnerButtonComponent, selector: "mat-spinner-button", inputs: ["options", "buttonId", "active", "disabled"], outputs: ["btnClick"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-button',
+                    template: `
+    <mat-spinner-button class="page-button" (btnClick)="clickButton()" [options]="btnOptions"></mat-spinner-button>
+  `,
+                    providers: ProvideDbxButton(DbxButtonComponent)
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], raised: [{
+                type: Input
+            }], stroked: [{
+                type: Input
+            }], flat: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+class DbxSpacerDirective {
+}
+DbxSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxSpacerDirective, selector: "dbx-spacer, [dbx-spacer]", host: { classAttribute: "dbx-spacer" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSpacerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'dbx-spacer, [dbx-spacer]',
+                    host: {
+                        'class': 'dbx-spacer'
+                    }
+                }]
+        }] });
+
+/**
+ * Button spacer directive.
+ */
+class DbxButtonSpacerDirective {
+}
+DbxButtonSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxButtonSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer", host: { classAttribute: "dbx-button-spacer d-inline" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonSpacerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'dbx-button-spacer,dbxButtonSpacer',
+                    host: {
+                        class: 'dbx-button-spacer d-inline'
+                    }
+                }]
+        }] });
+
+/**
+ * Component for a snackbar that contains an action.
+ */
+class DbxActionSnackbarComponent extends AbstractSubscriptionDirective {
+    constructor(snackbar, data) {
+        var _a, _b, _c;
+        super();
+        this.snackbar = snackbar;
+        this.data = data;
+        this._durationTimeout = new Subject();
+        this._actionRef = new BehaviorSubject(undefined);
+        this.value$ = of(0); // value passed to the action.
+        this.sourceInstance$ = this._actionRef.pipe(filterMaybe(), map(x => x === null || x === void 0 ? void 0 : x.sourceInstance));
+        this.complete$ = this.sourceInstance$.pipe(switchMap(x => x.isSuccess$), startWith(false), shareReplay(1));
+        this.loadingStateType$ = this.sourceInstance$.pipe(switchMap(x => x.loadingStateType$), startWith(LoadingStateType.IDLE), shareReplay(1));
+        this.snackbarStatusClass$ = this.loadingStateType$.pipe(map((x) => {
+            let classes = 'dbx-action-snackbar-';
+            switch (x) {
+                case LoadingStateType.ERROR:
+                    classes += 'error';
+                    break;
+                case LoadingStateType.SUCCESS:
+                    classes += 'success';
+                    break;
+                default:
+                    classes += 'idle';
+                    break;
+            }
+            return classes;
+        }), distinctUntilChanged(), shareReplay(1));
+        this.dismissAfterActionCompletes = () => {
+            this.snackbar._dismissAfter(ms('3s'));
+        };
+        this.dismiss = () => {
+            this.snackbar.dismiss();
+        };
+        this.button = (_b = (_a = this.data.action) === null || _a === void 0 ? void 0 : _a.button) !== null && _b !== void 0 ? _b : this.data.button;
+        this._actionRef.next((_c = this.data.action) === null || _c === void 0 ? void 0 : _c.reference);
+    }
+    get action() {
+        return this.data.action;
+    }
+    get hasAction() {
+        return Boolean(this._actionRef.value);
+    }
+    get message() {
+        return this.data.message;
+    }
+    get actionConfig() {
+        return this.data.action;
+    }
+    ngOnInit() {
+        // Subscribe and close if the duration is up and the action state is idle.
+        this.sub = this._durationTimeout.pipe(switchMap((x) => this.loadingStateType$), filter(x => x === LoadingStateType.IDLE)).subscribe(() => {
+            this.dismiss();
+        });
+    }
+    ngOnDestroy() {
+        var _a;
+        super.ngOnDestroy();
+        (_a = this._actionRef.value) === null || _a === void 0 ? void 0 : _a.destroy();
+        this._actionRef.complete();
+        this._durationTimeout.complete();
+    }
+    ngAfterViewInit() {
+        var _a, _b;
+        // Responsible for hiding itself if it has an action.
+        if (this.hasAction) {
+            setTimeout(() => {
+                this._durationTimeout.next();
+            }, (_b = (_a = this.action) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : ms('10s'));
+        }
+    }
+}
+DbxActionSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1$1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionSnackbarComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n  <ng-container [ngSwitch]=\"complete$ | async\">\n    <ng-container *ngSwitchCase=\"true\">\n      <dbx-spacer></dbx-spacer>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"false\">\n      <span>{{ message }}</span>\n      <dbx-spacer></dbx-spacer>\n      <ng-container *ngIf=\"hasAction\">\n        <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\"\n          [dbxActionSuccess]=\"dismissAfterActionCompletes\">\n          <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n        </dbx-action>\n        <dbx-button-spacer></dbx-button-spacer>\n      </ng-container>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n    </ng-container>\n  </ng-container>\n</div>\n", components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: DbxSpacerDirective, selector: "dbx-spacer, [dbx-spacer]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { type: i1$2.dbxActionValueStreamDirective, selector: "[dbxActionValueStream]", inputs: ["dbxActionValueStream", "dbxActionValueStreamIsNotEmpty", "dbxActionValueStreamModified"] }, { type: i1$2.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { type: i1$2.DbxActionSuccessDirective, selector: "[dbxActionSuccess]", inputs: ["dbxActionSuccess"] }, { type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<div class=\"dbx-action-snackbar\" [ngClass]=\"(snackbarStatusClass$ | async)!\">\n  <ng-container [ngSwitch]=\"complete$ | async\">\n    <ng-container *ngSwitchCase=\"true\">\n      <dbx-spacer></dbx-spacer>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"done\" text=\"Success\"></dbx-button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"false\">\n      <span>{{ message }}</span>\n      <dbx-spacer></dbx-spacer>\n      <ng-container *ngIf=\"hasAction\">\n        <dbx-action [dbxActionValueStream]=\"value$\" [dbxActionSource]=\"sourceInstance$ | async\"\n          [dbxActionSuccess]=\"dismissAfterActionCompletes\">\n          <dbx-button dbxActionButton color=\"warn\" [text]=\"button\"></dbx-button>\n        </dbx-action>\n        <dbx-button-spacer></dbx-button-spacer>\n      </ng-container>\n      <dbx-button (buttonClick)=\"dismiss()\" color=\"accent\" icon=\"close\"></dbx-button>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
+        }], ctorParameters: function () {
+        return [{ type: i1$1.MatSnackBarRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_SNACK_BAR_DATA]
+                    }] }];
+    } });
+
+const DBX_ACTION_SNACKBAR_DEFAULTS = {
+    'create': {
+        loading: {
+            message: 'Creating...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Created'
+        },
+        error: {
+            button: 'X',
+            message: 'Create Failed'
+        }
+    },
+    'save': {
+        loading: {
+            message: 'Saving...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Saved'
+        },
+        error: {
+            button: 'X',
+            message: 'Save Failed'
+        }
+    },
+    'merge': {
+        loading: {
+            message: 'Merging...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Merged'
+        },
+        error: {
+            button: 'X',
+            message: 'Merge Failed'
+        }
+    },
+    'delete': {
+        loading: {
+            message: 'Deleting...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Deleted'
+        },
+        error: {
+            button: 'X',
+            message: 'Delete Failed'
+        }
+    },
+    'cancel': {
+        loading: {
+            message: 'Cancelling...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Canceled'
+        },
+        error: {
+            button: 'X',
+            message: 'Cancel Failed'
+        }
+    },
+    'restore': {
+        loading: {
+            message: 'Restoring...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Restored'
+        },
+        error: {
+            button: 'X',
+            message: 'Restore Failed'
+        }
+    },
+    'refresh': {
+        loading: {
+            message: 'Refreshing...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Refreshed'
+        },
+        error: {
+            button: 'X',
+            message: 'Refresh Failed'
+        }
+    },
+    'do': {
+        loading: {
+            message: 'Doing...'
+        },
+        success: {
+            button: 'Ok',
+            message: 'Done'
+        },
+        error: {
+            button: 'X',
+            message: 'Failed'
+        }
+    }
+};
+
+/**
+ * Creates a DbxActionSnackbarDisplayConfigGeneratorFunction from the input config.
+ *
+ * @param config
+ * @returns
+ */
+function makeDbxActionSnackbarDisplayConfigGeneratorFunction(config) {
+    return (input) => {
+        const { event, undo: undoInput } = input;
+        const type = event.type;
+        const eventConfigObjectOrGetter = config[type];
+        const eventConfig = eventConfigObjectOrGetter && getValueFromObjectOrGetter(eventConfigObjectOrGetter);
+        let result;
+        if (eventConfig) {
+            const { undoButtonText } = eventConfig;
+            result = {
+                button: eventConfig.button,
+                message: eventConfig.message,
+                snackbar: eventConfig.snackbar
+            };
+            if (undoInput) {
+                let reference;
+                if (typeof undoInput === 'object') {
+                    reference = undoInput.getUndoAction();
+                }
+                else {
+                    reference = getValueFromObjectOrGetter(undoInput);
+                }
+                if (!reference) {
+                    console.error('Expected action source reference was not provided to undo...');
+                }
+                else {
+                    result.action = {
+                        button: undoButtonText !== null && undoButtonText !== void 0 ? undoButtonText : 'Undo',
+                        reference
+                    };
+                }
+            }
+        }
+        return result;
+    };
+}
+
+const DBX_ACTION_SNACKBAR_SERVICE_CONFIG = new InjectionToken('DbxActionSnackbarServiceConfig');
+const DEFAULT_SNACKBAR_DIRECTIVE_DURATION = ms('4s');
+/**
+ * Used for managing/configuring the snackbar default values and pushing snackbar events.
+ */
+class DbxActionSnackbarService {
+    constructor(matSnackBar, inputConfig) {
+        var _a;
+        this.matSnackBar = matSnackBar;
+        inputConfig = inputConfig !== null && inputConfig !== void 0 ? inputConfig : {};
+        this.config = Object.assign(Object.assign({}, inputConfig), { componentClass: (_a = inputConfig.componentClass) !== null && _a !== void 0 ? _a : DbxActionSnackbarComponent, defaultDuration: inputConfig.defaultDuration || DEFAULT_SNACKBAR_DIRECTIVE_DURATION, eventTypeConfigs: mergeObjects([DBX_ACTION_SNACKBAR_DEFAULTS, inputConfig.eventTypeConfigs]) });
+    }
+    get componentClass() {
+        return this.config.componentClass;
+    }
+    get eventTypeConfigs() {
+        return this.config.eventTypeConfigs;
+    }
+    /**
+     * Opens a new snackbar given the input configuration.
+     *
+     * @param config
+     * @returns
+     */
+    openSnackbar(config) {
+        var _a, _b, _c, _d;
+        const { snackbar: inputSnackbarConfig } = config;
+        const { snackbar: defaultSnackbarConfig, defaultDuration } = this.config;
+        const matSnackbarConfig = Object.assign(Object.assign(Object.assign({}, defaultSnackbarConfig), inputSnackbarConfig), { data: config });
+        const duration = (_d = (_c = (_b = (_a = config.action) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : matSnackbarConfig.duration) !== null && _c !== void 0 ? _c : defaultDuration) !== null && _d !== void 0 ? _d : DEFAULT_SNACKBAR_DIRECTIVE_DURATION;
+        if (config.action) {
+            // Set the duration on the action
+            config.action = Object.assign(Object.assign({}, config.action), { duration });
+        }
+        else {
+            // The snackbar does not close here. The duration is passed to the component and it will close it.
+            matSnackbarConfig.duration = duration;
+        }
+        return this.matSnackBar.openFromComponent(this.componentClass, matSnackbarConfig);
+    }
+    generateDisplayConfig(type, input) {
+        const configForType = this.eventTypeConfigs[type !== null && type !== void 0 ? type : 'none'];
+        let result;
+        if (configForType) {
+            result = makeDbxActionSnackbarDisplayConfigGeneratorFunction(configForType)(input);
+        }
+        return result;
+    }
+}
+DbxActionSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarService, deps: [{ token: i1$1.MatSnackBar }, { token: DBX_ACTION_SNACKBAR_SERVICE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxActionSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1$1.MatSnackBar }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DBX_ACTION_SNACKBAR_SERVICE_CONFIG]
+                    }] }];
+    } });
+
+/**
+ * Action directive that displays a snackbar when the action context hits a certain state.
+ */
+class DbxActionSnackbarDirective extends AbstractSubscriptionDirective {
+    constructor(source, dbxActionSnackbarService) {
+        super();
+        this.source = source;
+        this.dbxActionSnackbarService = dbxActionSnackbarService;
+    }
+    get snackbarFunction() {
+        return this._snackbarFunction;
+    }
+    set snackbarFunction(snackbarFunction) {
+        if (snackbarFunction) {
+            this._snackbarFunction = snackbarFunction;
+        }
+    }
+    ngOnInit() {
+        this.sub = this.source.pipeStore((store) => store.loadingState$).subscribe((loadingState) => {
+            const event = { value: loadingState.value, error: loadingState.error, type: loadingStateType(loadingState) };
+            const config = this.buildConfigurationForEvent(event);
+            if (config) {
+                this.showSnackbarForConfiguration(config, event);
+            }
+        });
+    }
+    buildConfigurationForEvent(event) {
+        const input = {
+            event,
+            undo: event.type === LoadingStateType.SUCCESS ? this.dbxActionSnackbarUndo : undefined // only show undo on success.
+        };
+        return (this.snackbarFunction) ? this.snackbarFunction(input) : this.dbxActionSnackbarService.generateDisplayConfig(this.dbxActionSnackbarDefault, input);
+    }
+    showSnackbarForConfiguration(config, event) {
+        this.dbxActionSnackbarService.openSnackbar(config);
+    }
+}
+DbxActionSnackbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarDirective, deps: [{ token: i1$2.DbxActionContextStoreSourceInstance, host: true }, { token: DbxActionSnackbarService }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionSnackbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionSnackbarDirective, selector: "[dbxActionSnackbar]", inputs: { snackbarFunction: ["dbxActionSnackbar", "snackbarFunction"], dbxActionSnackbarDefault: "dbxActionSnackbarDefault", dbxActionSnackbarUndo: "dbxActionSnackbarUndo" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionSnackbar]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1$2.DbxActionContextStoreSourceInstance, decorators: [{
+                        type: Host
+                    }] }, { type: DbxActionSnackbarService }];
+    }, propDecorators: { snackbarFunction: [{
+                type: Input,
+                args: ['dbxActionSnackbar']
+            }], dbxActionSnackbarDefault: [{
+                type: Input
+            }], dbxActionSnackbarUndo: [{
+                type: Input
+            }] } });
+
+class DbxButtonModule {
+}
+DbxButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonModule, declarations: [DbxButtonComponent,
+        DbxButtonSpacerDirective], imports: [CommonModule,
+        MatProgressButtonsModule], exports: [DbxCoreButtonModule,
+        MatProgressButtonsModule,
+        DbxButtonComponent,
+        DbxButtonSpacerDirective] });
+DbxButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonModule, imports: [[
+            CommonModule,
+            MatProgressButtonsModule
+        ], DbxCoreButtonModule,
+        MatProgressButtonsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatProgressButtonsModule
+                    ],
+                    declarations: [
+                        DbxButtonComponent,
+                        DbxButtonSpacerDirective
+                    ],
+                    exports: [
+                        DbxCoreButtonModule,
+                        MatProgressButtonsModule,
+                        DbxButtonComponent,
+                        DbxButtonSpacerDirective
+                    ],
+                }]
+        }] });
+
 /**
  * Abstract dialog component that closes when a transition is successful.
  */
@@ -77,9 +588,9 @@ class AbstractDialogDirective extends AbstractTransitionWatcherDirective {
         this.dialogRef.close(value);
     }
 }
-AbstractDialogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDialogDirective, deps: [{ token: MAT_DIALOG_DATA, optional: true }, { token: MatDialogRef }, { token: i1.DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDialogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractDialogDirective, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDialogDirective, decorators: [{
+AbstractDialogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDialogDirective, deps: [{ token: MAT_DIALOG_DATA, optional: true }, { token: MatDialogRef }, { token: i1$2.DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDialogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDialogDirective, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDialogDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -87,10 +598,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                     }, {
                         type: Inject,
                         args: [MAT_DIALOG_DATA]
-                    }] }, { type: i1$1.MatDialogRef, decorators: [{
+                    }] }, { type: i1$3.MatDialogRef, decorators: [{
                         type: Inject,
                         args: [MatDialogRef]
-                    }] }, { type: i1.DbxRouterTransitionService }, { type: i0.NgZone }];
+                    }] }, { type: i1$2.DbxRouterTransitionService }, { type: i0.NgZone }];
     } });
 
 /**
@@ -101,9 +612,9 @@ class DbxDialogContentDirective {
         this.width = 'normal';
     }
 }
-DbxDialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxDialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxDialogContentDirective, selector: "dbx-dialog-content,.dbx-dialog-content", inputs: { width: "width" }, host: { properties: { "class": "width + '-dialog-content'" }, classAttribute: "dbx-dialog-content" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxDialogContentDirective, decorators: [{
+DbxDialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxDialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxDialogContentDirective, selector: "dbx-dialog-content,.dbx-dialog-content", inputs: { width: "width" }, host: { properties: { "class": "width + '-dialog-content'" }, classAttribute: "dbx-dialog-content" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDialogContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-dialog-content,.dbx-dialog-content',
@@ -144,7 +655,7 @@ class DbxStyleService {
         this._suffix.next(suffix);
     }
     getStyleWithConfig(configObs) {
-        return combineLatest([configObs, this.suffix$]).pipe(map(([config, suffix]) => {
+        return combineLatest([configObs, this.suffix$]).pipe(map$1(([config, suffix]) => {
             let style = config.style;
             if (suffix != null && config.suffixes) {
                 const sanitizedSuffix = ((suffix[0] === '-') ? suffix === null || suffix === void 0 ? void 0 : suffix.slice(1) : suffix);
@@ -174,9 +685,9 @@ class DbxStyleService {
         this._config.complete();
     }
 }
-DbxStyleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleService, deps: [{ token: DBX_STYLE_DEFAULT_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxStyleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleService, decorators: [{
+DbxStyleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleService, deps: [{ token: DBX_STYLE_DEFAULT_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxStyleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -203,8 +714,8 @@ class DbxSetStyleDirective extends AbstractSubscriptionDirective {
         this._suffixes = new BehaviorSubject(undefined);
         this._style = new BehaviorSubject(undefined);
         this.style$ = this._style.pipe(filterMaybe());
-        this.suffixes$ = this._suffixes.pipe(distinctUntilChanged(), map(splitCommaSeparatedStringToSet));
-        this.config$ = combineLatest([this.style$, this.suffixes$]).pipe(map(([style, suffixes]) => ({ style, suffixes })), shareReplay(1));
+        this.suffixes$ = this._suffixes.pipe(distinctUntilChanged(), map$1(splitCommaSeparatedStringToSet));
+        this.config$ = combineLatest([this.style$, this.suffixes$]).pipe(map$1(([style, suffixes]) => ({ style, suffixes })), shareReplay(1));
         this.outputStyle$ = this.styleService.getStyleWithConfig(this.config$);
         this.outputStyle = '';
     }
@@ -233,9 +744,9 @@ class DbxSetStyleDirective extends AbstractSubscriptionDirective {
         this._suffixes.next(suffixes);
     }
 }
-DbxSetStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSetStyleDirective, deps: [{ token: DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxSetStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxSetStyleDirective, selector: "[dbxSetStyle]", inputs: { style: ["dbxSetStyle", "style"], suffixes: "suffixes" }, host: { properties: { "class": "outputStyle" }, classAttribute: "dbx-style-root" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSetStyleDirective, decorators: [{
+DbxSetStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSetStyleDirective, deps: [{ token: DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxSetStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxSetStyleDirective, selector: "[dbxSetStyle]", inputs: { style: ["dbxSetStyle", "style"], suffixes: "suffixes" }, host: { properties: { "class": "outputStyle" }, classAttribute: "dbx-style-root" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSetStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxSetStyle]',
@@ -265,9 +776,9 @@ class DbxStyleDirective extends AbstractSubscriptionDirective {
         this.style = '';
     }
 }
-DbxStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleDirective, deps: [{ token: DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxStyleDirective, selector: "dbx-style, [dbx-style], .dbx-style", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleDirective, decorators: [{
+DbxStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleDirective, deps: [{ token: DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxStyleDirective, selector: "dbx-style, [dbx-style], .dbx-style", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-style, [dbx-style], .dbx-style',
@@ -277,20 +788,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: DbxStyleService }, { type: i0.ChangeDetectorRef }]; } });
 
-class DbxSpacerDirective {
-}
-DbxSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxSpacerDirective, selector: "dbx-spacer, [dbx-spacer]", host: { classAttribute: "dbx-spacer" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSpacerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'dbx-spacer, [dbx-spacer]',
-                    host: {
-                        'class': 'dbx-spacer'
-                    }
-                }]
-        }] });
-
 /**
  * Used to style the body document using the style provided by DbxStyleService.
  */
@@ -308,9 +805,9 @@ class DbxStyleBodyDirective extends AbstractSubscriptionDirective {
         this._currentStyle = '';
     }
 }
-DbxStyleBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleBodyDirective, deps: [{ token: i0.Renderer2 }, { token: DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxStyleBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxStyleBodyDirective, selector: "[dbxStyleBody]", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleBodyDirective, decorators: [{
+DbxStyleBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleBodyDirective, deps: [{ token: i0.Renderer2 }, { token: DbxStyleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxStyleBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxStyleBodyDirective, selector: "[dbxStyleBody]", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxStyleBody]',
@@ -322,18 +819,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxStyleLayoutModule {
 }
-DbxStyleLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxStyleLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, declarations: [DbxSpacerDirective,
+DbxStyleLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxStyleLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, declarations: [DbxSpacerDirective,
         DbxStyleDirective,
         DbxSetStyleDirective,
         DbxStyleBodyDirective], imports: [CommonModule], exports: [DbxSpacerDirective,
         DbxStyleDirective,
         DbxSetStyleDirective,
         DbxStyleBodyDirective] });
-DbxStyleLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, imports: [[
+DbxStyleLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStyleLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStyleLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -359,14 +856,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxDialogInteractionModule {
 }
-DbxDialogInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxDialogInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxDialogInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxDialogInteractionModule, declarations: [DbxDialogContentDirective], imports: [CommonModule,
+DbxDialogInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDialogInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxDialogInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDialogInteractionModule, declarations: [DbxDialogContentDirective], imports: [CommonModule,
         DbxStyleLayoutModule], exports: [DbxDialogContentDirective] });
-DbxDialogInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxDialogInteractionModule, imports: [[
+DbxDialogInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDialogInteractionModule, imports: [[
             CommonModule,
             DbxStyleLayoutModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxDialogInteractionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxDialogInteractionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -448,9 +945,9 @@ class PopoverPositionStrategy {
  */
 class DbxBarDirective {
 }
-DbxBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxBarDirective, selector: "dbx-bar", inputs: { color: "color" }, host: { properties: { "class.dbx-primary-bg": "color === \"primary\"", "class.dbx-accent-bg": "color === \"accent\"", "class.dbx-warn-bg": "color === \"warn\"" }, classAttribute: "dbx-bar" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarDirective, decorators: [{
+DbxBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxBarDirective, selector: "dbx-bar", inputs: { color: "color" }, host: { properties: { "class.dbx-primary-bg": "color === \"primary\"", "class.dbx-accent-bg": "color === \"accent\"", "class.dbx-warn-bg": "color === \"warn\"" }, classAttribute: "dbx-bar" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-bar',
@@ -470,14 +967,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxBarHeaderComponent {
 }
-DbxBarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxBarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxBarHeaderComponent, selector: "dbx-bar-header", inputs: { text: "text", icon: "icon", color: "color" }, host: { classAttribute: "dbx-bar-header dbx-hint" }, ngImport: i0, template: `
+DbxBarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxBarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxBarHeaderComponent, selector: "dbx-bar-header", inputs: { text: "text", icon: "icon", color: "color" }, host: { classAttribute: "dbx-bar-header dbx-hint" }, ngImport: i0, template: `
     <dbx-bar [color]="color">
       <mat-icon class="button-spacer" *ngIf="icon">{{ icon }}</mat-icon>
       <span *ngIf="text">{{ text }}</span>
     </dbx-bar>
-    `, isInline: true, components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: DbxBarDirective, selector: "dbx-bar", inputs: ["color"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarHeaderComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: DbxBarDirective, selector: "dbx-bar", inputs: ["color"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-bar-header',
@@ -501,9 +998,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxPagebarComponent {
 }
-DbxPagebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPagebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPagebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPagebarComponent, selector: "dbx-pagebar", inputs: { color: "color" }, ngImport: i0, template: "<mat-toolbar class=\"dbx-pagebar\" [ngClass]=\"(color) ? ('dbx-bar-' + color) : ''\">\n  <ng-content select=\"[left]\"></ng-content>\n  <span class=\"spacer\"></span>\n  <ng-content select=\"[right]\"></ng-content>\n</mat-toolbar>\n", components: [{ type: i1$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPagebarComponent, decorators: [{
+DbxPagebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPagebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxPagebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPagebarComponent, selector: "dbx-pagebar", inputs: { color: "color" }, ngImport: i0, template: "<mat-toolbar class=\"dbx-pagebar\" [ngClass]=\"(color) ? ('dbx-bar-' + color) : ''\">\n  <ng-content select=\"[left]\"></ng-content>\n  <span class=\"spacer\"></span>\n  <ng-content select=\"[right]\"></ng-content>\n</mat-toolbar>\n", components: [{ type: i1$5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPagebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-pagebar', template: "<mat-toolbar class=\"dbx-pagebar\" [ngClass]=\"(color) ? ('dbx-bar-' + color) : ''\">\n  <ng-content select=\"[left]\"></ng-content>\n  <span class=\"spacer\"></span>\n  <ng-content select=\"[right]\"></ng-content>\n</mat-toolbar>\n" }]
         }], propDecorators: { color: [{
@@ -515,20 +1012,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxBarLayoutModule {
 }
-DbxBarLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxBarLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarLayoutModule, declarations: [DbxBarDirective,
+DbxBarLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxBarLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarLayoutModule, declarations: [DbxBarDirective,
         DbxBarHeaderComponent,
         DbxPagebarComponent], imports: [CommonModule,
         MatToolbarModule,
         MatIconModule], exports: [DbxBarDirective,
         DbxBarHeaderComponent,
         DbxPagebarComponent] });
-DbxBarLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarLayoutModule, imports: [[
+DbxBarLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarLayoutModule, imports: [[
             CommonModule,
             MatToolbarModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBarLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBarLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -561,8 +1058,8 @@ class DbxAnchorComponent extends AbstractDbxAnchorDirective {
         this.dbNgxRouterWebProviderConfig = dbNgxRouterWebProviderConfig;
         this._templateRef = new BehaviorSubject(undefined);
         this.templateRef$ = this._templateRef.pipe(skipFirstMaybe(), shareReplay$1(1));
-        this.url$ = this.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.url), distinctUntilChanged$1(), shareReplay$1(1));
-        this.target$ = this.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.target), distinctUntilChanged$1(), shareReplay$1(1));
+        this.url$ = this.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.url), distinctUntilChanged$1(), shareReplay$1(1));
+        this.target$ = this.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.target), distinctUntilChanged$1(), shareReplay$1(1));
     }
     get templateRef() {
         return this._templateRef.value;
@@ -578,9 +1075,9 @@ class DbxAnchorComponent extends AbstractDbxAnchorDirective {
         (_b = (_a = this.anchor) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
     }
 }
-DbxAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorComponent, deps: [{ token: DbxRouterWebProviderConfig }], target: i0.ɵɵFactoryTarget.Component });
-DbxAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, host: { attributes: { "dbx-anchor-block": "block" }, classAttribute: "d-inline dbx-anchor" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"(type$ | async)\">\n  <!-- Plain -->\n  <ng-container *ngSwitchCase=\"0\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n  <!-- Click -->\n  <a class=\"dbx-anchor-a dbx-anchor-click\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injected-content [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injected-content>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\"\n    *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor-a dbx-anchor-disabled\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", components: [{ type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorComponent, decorators: [{
+DbxAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorComponent, deps: [{ token: DbxRouterWebProviderConfig }], target: i0.ɵɵFactoryTarget.Component });
+DbxAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, host: { attributes: { "dbx-anchor-block": "block" }, classAttribute: "d-inline dbx-anchor" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"(type$ | async)\">\n  <!-- Plain -->\n  <ng-container *ngSwitchCase=\"0\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n  <!-- Click -->\n  <a class=\"dbx-anchor-a dbx-anchor-click\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injected-content [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injected-content>\n  <!-- Href -->\n  <a class=\"dbx-anchor-a dbx-anchor-href\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\"\n    *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor-a dbx-anchor-disabled\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", components: [{ type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-anchor, [dbx-anchor]', host: {
                         class: 'd-inline dbx-anchor',
@@ -598,13 +1095,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxAnchorIconComponent {
 }
-DbxAnchorIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxAnchorIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxAnchorIconComponent, selector: "dbx-anchor-icon", inputs: { anchor: "anchor" }, ngImport: i0, template: `
+DbxAnchorIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxAnchorIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAnchorIconComponent, selector: "dbx-anchor-icon", inputs: { anchor: "anchor" }, ngImport: i0, template: `
   <dbx-anchor [anchor]="anchor">
     <button mat-icon-button><mat-icon>{{ anchor?.icon }}</mat-icon></button>
   </dbx-anchor>
-`, isInline: true, components: [{ type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorIconComponent, decorators: [{
+`, isInline: true, components: [{ type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-anchor-icon',
@@ -637,13 +1134,13 @@ class DbxAnchorLinkComponent {
         }
     }
 }
-DbxAnchorLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxAnchorLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxAnchorLinkComponent, selector: "dbx-link", inputs: { anchor: "anchor", ref: "ref", href: "href" }, host: { classAttribute: "d-inline dbx-link" }, ngImport: i0, template: `
+DbxAnchorLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxAnchorLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAnchorLinkComponent, selector: "dbx-link", inputs: { anchor: "anchor", ref: "ref", href: "href" }, host: { classAttribute: "d-inline dbx-link" }, ngImport: i0, template: `
     <dbx-anchor [anchor]="anchor">
       <ng-content></ng-content>
     </dbx-anchor>
     `, isInline: true, components: [{ type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-link',
@@ -664,24 +1161,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }] } });
 
+/**
+ * Component that displays an anchor and a span with the title.
+ */
+class DbxAnchorContentComponent {
+}
+DbxAnchorContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxAnchorContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAnchorContentComponent, selector: "dbx-anchor-content", inputs: { anchor: "anchor" }, ngImport: i0, template: `<mat-icon *ngIf="anchor?.icon">{{ anchor?.icon }}</mat-icon><span *ngIf="anchor?.title">{{ anchor?.title }}</span>`, isInline: true, components: [{ type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-anchor-content',
+                    template: `<mat-icon *ngIf="anchor?.icon">{{ anchor?.icon }}</mat-icon><span *ngIf="anchor?.title">{{ anchor?.title }}</span>`
+                }]
+        }], propDecorators: { anchor: [{
+                type: Input
+            }] } });
+
 class DbxAnchorModule {
 }
-DbxAnchorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxAnchorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorModule, declarations: [DbxAnchorComponent,
+DbxAnchorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxAnchorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorModule, declarations: [DbxAnchorComponent,
         DbxAnchorIconComponent,
-        DbxAnchorLinkComponent], imports: [CommonModule,
+        DbxAnchorLinkComponent,
+        DbxAnchorContentComponent], imports: [CommonModule,
         MatIconModule,
         MatButtonModule,
         DbxInjectedComponentModule], exports: [DbxAnchorComponent,
         DbxAnchorIconComponent,
-        DbxAnchorLinkComponent] });
-DbxAnchorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorModule, imports: [[
+        DbxAnchorLinkComponent,
+        DbxAnchorContentComponent] });
+DbxAnchorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorModule, imports: [[
             CommonModule,
             MatIconModule,
             MatButtonModule,
             DbxInjectedComponentModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -693,12 +1209,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                     declarations: [
                         DbxAnchorComponent,
                         DbxAnchorIconComponent,
-                        DbxAnchorLinkComponent
+                        DbxAnchorLinkComponent,
+                        DbxAnchorContentComponent
                     ],
                     exports: [
                         DbxAnchorComponent,
                         DbxAnchorIconComponent,
-                        DbxAnchorLinkComponent
+                        DbxAnchorLinkComponent,
+                        DbxAnchorContentComponent
                     ]
                 }]
         }] });
@@ -710,10 +1228,10 @@ class AbstractDbxSegueAnchorDirective {
     constructor(parent) {
         this.parent = parent;
         this.target$ = this.parent.target$;
-        this.ref$ = this.parent.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.ref), distinctUntilChanged$1(), shareReplay$1(1));
-        this.refParams$ = this.parent.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.refParams), distinctUntilChanged$1(), shareReplay$1(1));
-        this.refOptions$ = this.parent.anchor$.pipe(map$1(x => x === null || x === void 0 ? void 0 : x.refOptions), distinctUntilChanged$1(), shareReplay$1(1));
-        this.template$ = this.parent.templateRef$.pipe(distinctUntilChanged$1(), map$1(templateRef => ({
+        this.ref$ = this.parent.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.ref), distinctUntilChanged$1(), shareReplay$1(1));
+        this.refParams$ = this.parent.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.refParams), distinctUntilChanged$1(), shareReplay$1(1));
+        this.refOptions$ = this.parent.anchor$.pipe(map(x => x === null || x === void 0 ? void 0 : x.refOptions), distinctUntilChanged$1(), shareReplay$1(1));
+        this.template$ = this.parent.templateRef$.pipe(distinctUntilChanged$1(), map(templateRef => ({
             templateRef
         })), shareReplay$1(1));
     }
@@ -721,9 +1239,9 @@ class AbstractDbxSegueAnchorDirective {
         return this.parent.anchor;
     }
 }
-AbstractDbxSegueAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxSegueAnchorDirective, deps: [{ token: DbxAnchorComponent }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxSegueAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractDbxSegueAnchorDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxSegueAnchorDirective, decorators: [{
+AbstractDbxSegueAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxSegueAnchorDirective, deps: [{ token: DbxAnchorComponent }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxSegueAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxSegueAnchorDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxSegueAnchorDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: DbxAnchorComponent }]; } });
 
@@ -733,7 +1251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class DbxAnchorListComponent {
     constructor() {
         this._anchors = new BehaviorSubject([]);
-        this.expandedAnchors$ = this._anchors.pipe(distinctUntilChanged(), map(x => expandClickableAnchorLinkTrees(x)), shareReplay(1));
+        this.expandedAnchors$ = this._anchors.pipe(distinctUntilChanged(), map$1(x => expandClickableAnchorLinkTrees(x)), shareReplay(1));
     }
     set anchors(anchors) {
         this._anchors.next(anchors !== null && anchors !== void 0 ? anchors : []);
@@ -742,9 +1260,9 @@ class DbxAnchorListComponent {
         this._anchors.complete();
     }
 }
-DbxAnchorListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxAnchorListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: { anchors: "anchors" }, ngImport: i0, template: "<mat-nav-list class=\"dbx-anchor-list\">\n  <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last;\">\n    <span dbx-anchor [anchor]=\"expanded.value\">\n      <a mat-list-item [ngClass]=\"(expanded.depth) ? 'dbx-anchor-list-child' : 'dbx-anchor-list-root'\">\n        <mat-icon mat-list-icon *ngIf=\"expanded.value.icon\">{{ expanded.value.icon }}</mat-icon>\n        <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n        <div mat-line>{{ expanded.value.title }}</div>\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n      </a>\n    </span>\n  </ng-container>\n</mat-nav-list>\n", components: [{ type: i1$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i1$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i6.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorListComponent, decorators: [{
+DbxAnchorListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxAnchorListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: { anchors: "anchors" }, ngImport: i0, template: "<mat-nav-list class=\"dbx-anchor-list\">\n  <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last;\">\n    <span dbx-anchor [anchor]=\"expanded.value\">\n      <a mat-list-item [ngClass]=\"(expanded.depth) ? 'dbx-anchor-list-child' : 'dbx-anchor-list-root'\">\n        <mat-icon mat-list-icon *ngIf=\"expanded.value.icon\">{{ expanded.value.icon }}</mat-icon>\n        <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n        <div mat-line>{{ expanded.value.title }}</div>\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n      </a>\n    </span>\n  </ng-container>\n</mat-nav-list>\n", components: [{ type: i1$6.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i1$6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$6.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i6.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-anchor-list', template: "<mat-nav-list class=\"dbx-anchor-list\">\n  <ng-container *ngFor=\"let expanded of expandedAnchors$ | async; let last = last;\">\n    <span dbx-anchor [anchor]=\"expanded.value\">\n      <a mat-list-item [ngClass]=\"(expanded.depth) ? 'dbx-anchor-list-child' : 'dbx-anchor-list-root'\">\n        <mat-icon mat-list-icon *ngIf=\"expanded.value.icon\">{{ expanded.value.icon }}</mat-icon>\n        <!-- TODO: Add an icon from a letter if anchor.icon is unavailable. -->\n        <div mat-line>{{ expanded.value.title }}</div>\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n      </a>\n    </span>\n  </ng-container>\n</mat-nav-list>\n" }]
         }], propDecorators: { anchors: [{
@@ -753,15 +1271,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxAnchorListModule {
 }
-DbxAnchorListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxAnchorListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorListModule, declarations: [DbxAnchorListComponent], imports: [CommonModule,
+DbxAnchorListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxAnchorListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorListModule, declarations: [DbxAnchorListComponent], imports: [CommonModule,
         MatTabsModule,
         MatButtonModule,
         MatIconModule,
         MatListModule,
         MatMenuModule,
         DbxAnchorModule], exports: [DbxAnchorListComponent] });
-DbxAnchorListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorListModule, imports: [[
+DbxAnchorListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorListModule, imports: [[
             CommonModule,
             MatTabsModule,
             MatButtonModule,
@@ -770,7 +1288,7 @@ DbxAnchorListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
             MatMenuModule,
             DbxAnchorModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAnchorListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAnchorListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -833,8 +1351,8 @@ class DbxScreenMediaService {
         this._media = _media;
         this._updateWidth = new Subject();
         this._updateHeight = new Subject();
-        this.widthType$ = this._updateWidth.pipe(initialize(() => this._updateWidth.next()), throttleTime(100, undefined, { leading: true, trailing: true }), map(() => this._readWidthType()), distinctUntilChanged(), shareReplay(1));
-        this.heightType$ = this._updateWidth.pipe(initialize(() => this._updateHeight.next()), throttleTime(100, undefined, { leading: true, trailing: true }), map(() => this._readHeightType()), distinctUntilChanged(), shareReplay(1));
+        this.widthType$ = this._updateWidth.pipe(initialize(() => this._updateWidth.next()), throttleTime(100, undefined, { leading: true, trailing: true }), map$1(() => this._readWidthType()), distinctUntilChanged(), shareReplay(1));
+        this.heightType$ = this._updateWidth.pipe(initialize(() => this._updateHeight.next()), throttleTime(100, undefined, { leading: true, trailing: true }), map$1(() => this._readHeightType()), distinctUntilChanged(), shareReplay(1));
         const { microScreenWidthMax, smallScreenWidthMax, tabletScreenWidthMax, largeScreenWidthMax } = config;
         this._microQuery = this._media.matchMedia(`screen and (max-width:${microScreenWidthMax}px)`);
         this._smallQuery = this._media.matchMedia(`screen and (max-width:${smallScreenWidthMax}px)`);
@@ -864,7 +1382,7 @@ class DbxScreenMediaService {
      * @returns
      */
     isBreakpointActive(inputBreakpoint) {
-        return combineLatest([this.widthType$, asObservable(inputBreakpoint)]).pipe(map(([current, breakpoint]) => screenMediaWidthTypeIsActive(current, breakpoint)), distinctUntilChanged(), shareReplay(1));
+        return combineLatest([this.widthType$, asObservable(inputBreakpoint)]).pipe(map$1(([current, breakpoint]) => screenMediaWidthTypeIsActive(current, breakpoint)), distinctUntilChanged(), shareReplay(1));
     }
     _readWidthType() {
         let width;
@@ -894,11 +1412,11 @@ class DbxScreenMediaService {
         }
     }
 }
-DbxScreenMediaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxScreenMediaService, deps: [{ token: i1$4.MediaMatcher }, { token: DbxScreenMediaServiceConfig }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxScreenMediaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxScreenMediaService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxScreenMediaService, decorators: [{
+DbxScreenMediaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxScreenMediaService, deps: [{ token: i1$7.MediaMatcher }, { token: DbxScreenMediaServiceConfig }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxScreenMediaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxScreenMediaService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxScreenMediaService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$4.MediaMatcher }, { type: DbxScreenMediaServiceConfig }]; } });
+        }], ctorParameters: function () { return [{ type: i1$7.MediaMatcher }, { type: DbxScreenMediaServiceConfig }]; } });
 
 /**
  * Component that displays a navbar.
@@ -914,10 +1432,10 @@ class DbxNavbarComponent extends AbstractTransitionDirective {
         this._breakpoint = new BehaviorSubject('large');
         this._anchors = new BehaviorSubject([]);
         this.isBreakpointActive$ = this._dbxScreenMediaService.isBreakpointActive(this._breakpoint);
-        this.mode$ = combineLatest([this._inputMode, this.isBreakpointActive$]).pipe(map(([inputMode, breakpointActive]) => {
+        this.mode$ = combineLatest([this._inputMode, this.isBreakpointActive$]).pipe(map$1(([inputMode, breakpointActive]) => {
             return (breakpointActive) ? (inputMode !== null && inputMode !== void 0 ? inputMode : 'bar') : 'button';
         }), distinctUntilChanged(), tapDetectChanges(this.cdRef), shareReplay(1));
-        this.anchors$ = combineLatest([this._anchors, this.initAndUpdateOnTransitionSuccess$]).pipe(map(([anchors]) => {
+        this.anchors$ = combineLatest([this._anchors, this.initAndUpdateOnTransitionSuccess$]).pipe(map$1(([anchors]) => {
             const results = anchors.map((anchor) => {
                 let selected = this._dbxRouterService.isActive(anchor);
                 return {
@@ -944,14 +1462,14 @@ class DbxNavbarComponent extends AbstractTransitionDirective {
         this._breakpoint.next(breakpoint);
     }
 }
-DbxNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarComponent, deps: [{ token: i1.DbxRouterTransitionService }, { token: i0.ChangeDetectorRef }, { token: DbxScreenMediaService }, { token: i1.DbxRouterService }], target: i0.ɵɵFactoryTarget.Component });
-DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { navAlign: "navAlign", anchors: "anchors", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n  <!-- Button -->\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n      <mat-icon>menu</mat-icon>\n    </button>\n    <mat-menu #menu>\n      <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n        <button mat-menu-item [ngClass]=\"(x.selected) ? 'active' : ''\">{{ x.anchor.title }}</button>\n      </dbx-anchor>\n    </mat-menu>\n  </ng-container>\n  <!-- Bar -->\n  <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n    <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n      <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n    </dbx-anchor>\n  </nav>\n</ng-container>\n", components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }], pipes: { "async": i3$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarComponent, decorators: [{
+DbxNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNavbarComponent, deps: [{ token: i1$2.DbxRouterTransitionService }, { token: i0.ChangeDetectorRef }, { token: DbxScreenMediaService }, { token: i1$2.DbxRouterService }], target: i0.ɵɵFactoryTarget.Component });
+DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { navAlign: "navAlign", anchors: "anchors", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n  <!-- Button -->\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n      <mat-icon>menu</mat-icon>\n    </button>\n    <mat-menu #menu>\n      <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n        <button mat-menu-item [ngClass]=\"(x.selected) ? 'active' : ''\">{{ x.anchor.title }}</button>\n      </dbx-anchor>\n    </mat-menu>\n  </ng-container>\n  <!-- Bar -->\n  <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n    <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n      <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n    </dbx-anchor>\n  </nav>\n</ng-container>\n", components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-navbar', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'dbx-navbar'
                     }, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n  <!-- Button -->\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n      <mat-icon>menu</mat-icon>\n    </button>\n    <mat-menu #menu>\n      <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n        <button mat-menu-item [ngClass]=\"(x.selected) ? 'active' : ''\">{{ x.anchor.title }}</button>\n      </dbx-anchor>\n    </mat-menu>\n  </ng-container>\n  <!-- Bar -->\n  <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n    <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n      <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n    </dbx-anchor>\n  </nav>\n</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.DbxRouterTransitionService }, { type: i0.ChangeDetectorRef }, { type: DbxScreenMediaService }, { type: i1.DbxRouterService }]; }, propDecorators: { navAlign: [{
+        }], ctorParameters: function () { return [{ type: i1$2.DbxRouterTransitionService }, { type: i0.ChangeDetectorRef }, { type: DbxScreenMediaService }, { type: i1$2.DbxRouterService }]; }, propDecorators: { navAlign: [{
                 type: Input
             }], anchors: [{
                 type: Input
@@ -963,14 +1481,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxNavbarModule {
 }
-DbxNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, declarations: [DbxNavbarComponent], imports: [CommonModule,
+DbxNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNavbarModule, declarations: [DbxNavbarComponent], imports: [CommonModule,
         MatTabsModule,
         MatButtonModule,
         MatIconModule,
         MatMenuModule,
         DbxAnchorModule], exports: [DbxNavbarComponent] });
-DbxNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, imports: [[
+DbxNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNavbarModule, imports: [[
             CommonModule,
             MatTabsModule,
             MatButtonModule,
@@ -978,7 +1496,7 @@ DbxNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             MatMenuModule,
             DbxAnchorModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNavbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1012,10 +1530,10 @@ class DbxScreenModule {
         };
     }
 }
-DbxScreenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxScreenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxScreenModule });
-DbxScreenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxScreenModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxScreenModule, decorators: [{
+DbxScreenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxScreenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxScreenModule });
+DbxScreenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxScreenModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxScreenModule, decorators: [{
             type: NgModule
         }] });
 
@@ -1033,7 +1551,7 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
     constructor(dbxRouterTransitionService, ngZone, _screenMediaService) {
         super(dbxRouterTransitionService, ngZone);
         this._screenMediaService = _screenMediaService;
-        this.mode$ = this._screenMediaService.widthType$.pipe(distinctUntilChanged(), map((width) => {
+        this.mode$ = this._screenMediaService.widthType$.pipe(distinctUntilChanged(), map$1((width) => {
             let mode;
             switch (width) {
                 case 'micro':
@@ -1050,9 +1568,9 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
             }
             return mode;
         }), shareReplay(1));
-        this.disableBackdrop$ = this.mode$.pipe(map(x => x !== SideNavDisplayMode.MOBILE), distinctUntilChanged(), shareReplay(1));
-        this.sizeClass$ = this.mode$.pipe(map((mode) => `dbx-sidenav-${mode}`), distinctUntilChanged(), shareReplay(1));
-        this.state$ = this.mode$.pipe(map((mode) => {
+        this.disableBackdrop$ = this.mode$.pipe(map$1(x => x !== SideNavDisplayMode.MOBILE), distinctUntilChanged(), shareReplay(1));
+        this.sizeClass$ = this.mode$.pipe(map$1((mode) => `dbx-sidenav-${mode}`), distinctUntilChanged(), shareReplay(1));
+        this.state$ = this.mode$.pipe(map$1((mode) => {
             let drawer;
             let open;
             switch (mode) {
@@ -1072,7 +1590,7 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
                 open
             };
         }), shareReplay(1));
-        this.drawer$ = this.state$.pipe(map(x => x.drawer), distinctUntilChanged(), shareReplay(1));
+        this.drawer$ = this.state$.pipe(map$1(x => x.drawer), distinctUntilChanged(), shareReplay(1));
         this._watcherSub = new SubscriptionObject();
         this._stateSub = new SubscriptionObject();
     }
@@ -1128,12 +1646,12 @@ class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
         });
     }
 }
-DbxSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavComponent, deps: [{ token: i1.DbxRouterTransitionService }, { token: i0.NgZone }, { token: DbxScreenMediaService }], target: i0.ɵɵFactoryTarget.Component });
-DbxSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavComponent, selector: "dbx-sidenav", inputs: { anchors: "anchors" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], exportAs: ["sidenav"], usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"dbx-sidenav\" [ngClass]=\"(sizeClass$ | async) ?? ''\">\n  <mat-sidenav class=\"dbx-sidenav-nav\" [disableClose]=\"disableBackdrop$ | async\" [mode]=\"(drawer$ | async)!\">\n    <ng-content select=\"[top]\"></ng-content>\n    <dbx-anchor-list class=\"dbx-sidenav-anchor-list\" [anchors]=\"anchors\"></dbx-anchor-list>\n    <span class=\"spacer\"></span>\n    <ng-content select=\"[bottom]\"></ng-content>\n    <div class=\"dbx-sidenav-nav-end\"></div>\n  </mat-sidenav>\n  <mat-sidenav-content>\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", components: [{ type: i3$2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i3$2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: ["anchors"] }, { type: i3$2.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavComponent, decorators: [{
+DbxSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavComponent, deps: [{ token: i1$2.DbxRouterTransitionService }, { token: i0.NgZone }, { token: DbxScreenMediaService }], target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSidenavComponent, selector: "dbx-sidenav", inputs: { anchors: "anchors" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], exportAs: ["sidenav"], usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"dbx-sidenav\" [ngClass]=\"(sizeClass$ | async) ?? ''\">\n  <mat-sidenav class=\"dbx-sidenav-nav\" [disableClose]=\"disableBackdrop$ | async\" [mode]=\"(drawer$ | async)!\">\n    <ng-content select=\"[top]\"></ng-content>\n    <dbx-anchor-list class=\"dbx-sidenav-anchor-list\" [anchors]=\"anchors\"></dbx-anchor-list>\n    <span class=\"spacer\"></span>\n    <ng-content select=\"[bottom]\"></ng-content>\n    <div class=\"dbx-sidenav-nav-end\"></div>\n  </mat-sidenav>\n  <mat-sidenav-content>\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", components: [{ type: i3$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i3$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: ["anchors"] }, { type: i3$1.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-sidenav', exportAs: 'sidenav', template: "<mat-sidenav-container class=\"dbx-sidenav\" [ngClass]=\"(sizeClass$ | async) ?? ''\">\n  <mat-sidenav class=\"dbx-sidenav-nav\" [disableClose]=\"disableBackdrop$ | async\" [mode]=\"(drawer$ | async)!\">\n    <ng-content select=\"[top]\"></ng-content>\n    <dbx-anchor-list class=\"dbx-sidenav-anchor-list\" [anchors]=\"anchors\"></dbx-anchor-list>\n    <span class=\"spacer\"></span>\n    <ng-content select=\"[bottom]\"></ng-content>\n    <div class=\"dbx-sidenav-nav-end\"></div>\n  </mat-sidenav>\n  <mat-sidenav-content>\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.DbxRouterTransitionService }, { type: i0.NgZone }, { type: DbxScreenMediaService }]; }, propDecorators: { anchors: [{
+        }], ctorParameters: function () { return [{ type: i1$2.DbxRouterTransitionService }, { type: i0.NgZone }, { type: DbxScreenMediaService }]; }, propDecorators: { anchors: [{
                 type: Input
             }], sidenav: [{
                 type: ViewChild,
@@ -1147,19 +1665,19 @@ class DbxSidenavButtonComponent {
     constructor(parent) {
         this.parent = parent;
         this.mode$ = this.parent.mode$;
-        this.showMenuButton$ = this.mode$.pipe(map$1(x => x === SideNavDisplayMode.MOBILE));
+        this.showMenuButton$ = this.mode$.pipe(map(x => x === SideNavDisplayMode.MOBILE));
     }
     toggleNav() {
         this.parent.toggleNav();
     }
 }
-DbxSidenavButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavButtonComponent, deps: [{ token: DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
-DbxSidenavButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavButtonComponent, selector: "dbx-sidenav-button", ngImport: i0, template: `
+DbxSidenavButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavButtonComponent, deps: [{ token: DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSidenavButtonComponent, selector: "dbx-sidenav-button", ngImport: i0, template: `
   <button class="dbx-sidenav-button" mat-icon-button *ngIf="showMenuButton$ | async" (click)="toggleNav()" aria-label="open sidenav button">
     <mat-icon>view_sidebar</mat-icon>
   </button>
-  `, isInline: true, components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavButtonComponent, decorators: [{
+  `, isInline: true, components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-sidenav-button',
@@ -1171,28 +1689,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: DbxSidenavComponent }]; } });
 
-/**
- * Button spacer component.
- */
-class DbxButtonSpacerComponent {
-}
-DbxButtonSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxButtonSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxButtonSpacerComponent, selector: "dbx-button-spacer", ngImport: i0, template: `<span class="dbx-button-spacer"></span>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonSpacerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-button-spacer',
-                    template: `<span class="dbx-button-spacer"></span>`
-                }]
-        }] });
-
 /**
  * Pre-configured pagebar used with DbxSidenavComponent.
  */
 class DbxSidenavPagebarComponent extends DbxPagebarComponent {
 }
-DbxSidenavPagebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPagebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxSidenavPagebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar", usesInheritance: true, ngImport: i0, template: `
+DbxSidenavPagebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavPagebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavPagebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar", usesInheritance: true, ngImport: i0, template: `
     <dbx-pagebar class="dbx-sidenav-pagebar" [color]="color">
       <span left>
         <dbx-sidenav-button></dbx-sidenav-button>
@@ -1201,8 +1704,8 @@ DbxSidenavPagebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
       </span>
       <ng-content right></ng-content>
     </dbx-pagebar>
-  `, isInline: true, components: [{ type: DbxPagebarComponent, selector: "dbx-pagebar", inputs: ["color"] }, { type: DbxSidenavButtonComponent, selector: "dbx-sidenav-button" }, { type: DbxButtonSpacerComponent, selector: "dbx-button-spacer" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPagebarComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxPagebarComponent, selector: "dbx-pagebar", inputs: ["color"] }, { type: DbxSidenavButtonComponent, selector: "dbx-sidenav-button" }], directives: [{ type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavPagebarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-sidenav-pagebar',
@@ -1228,7 +1731,7 @@ class DbxSidenavPageComponent {
     constructor(parent) {
         this.parent = parent;
         this._mobileOnly = new BehaviorSubject(false);
-        this.hidePagebar$ = this._mobileOnly.pipe(switchMap((mobileOnly) => (mobileOnly) ? this.parent.mode$.pipe(map(x => x !== SideNavDisplayMode.MOBILE)) : of(true)), shareReplay(1));
+        this.hidePagebar$ = this._mobileOnly.pipe(switchMap((mobileOnly) => (mobileOnly) ? this.parent.mode$.pipe(map$1(x => x !== SideNavDisplayMode.MOBILE)) : of(true)), shareReplay(1));
     }
     get mobileOnly() {
         return this._mobileOnly.value;
@@ -1237,8 +1740,8 @@ class DbxSidenavPageComponent {
         this._mobileOnly.next(mobileOnly);
     }
 }
-DbxSidenavPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPageComponent, deps: [{ token: DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
-DbxSidenavPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavPageComponent, selector: "dbx-sidenav-page", inputs: { color: "color", mobileOnly: "mobileOnly" }, ngImport: i0, template: `
+DbxSidenavPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavPageComponent, deps: [{ token: DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSidenavPageComponent, selector: "dbx-sidenav-page", inputs: { color: "color", mobileOnly: "mobileOnly" }, ngImport: i0, template: `
     <div>
       <dbx-sidenav-pagebar [color]="color" [ngClass]="(hidePagebar$ | async) ? 'dbx-pagebar-hide' : ''">
         <ng-content left select="[navLeft]"></ng-content>
@@ -1248,8 +1751,8 @@ DbxSidenavPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
         <ng-content></ng-content>
       </div>
     </div>
-  `, isInline: true, components: [{ type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar" }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPageComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-sidenav-page',
@@ -1271,134 +1774,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }] } });
 
-var DbxButtonDisplayType;
-(function (DbxButtonDisplayType) {
-    DbxButtonDisplayType[DbxButtonDisplayType["RAISED"] = 0] = "RAISED";
-    DbxButtonDisplayType[DbxButtonDisplayType["STROKED"] = 1] = "STROKED";
-    DbxButtonDisplayType[DbxButtonDisplayType["FLAT"] = 2] = "FLAT";
-})(DbxButtonDisplayType || (DbxButtonDisplayType = {}));
-/**
- * Complex button that supports loading states.
- */
-class DbxButtonComponent extends AbstractDbxButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.color = 'primary';
-    }
-    get raised() {
-        return this.type === DbxButtonDisplayType.RAISED;
-    }
-    set raised(raised) {
-        if (raised) {
-            this.type = DbxButtonDisplayType.RAISED;
-        }
-    }
-    get stroked() {
-        return this.type === DbxButtonDisplayType.STROKED;
-    }
-    set stroked(stroked) {
-        if (stroked) {
-            this.type = DbxButtonDisplayType.STROKED;
-        }
-    }
-    get flat() {
-        return this.type === DbxButtonDisplayType.FLAT;
-    }
-    set flat(flat) {
-        if (flat) {
-            this.type = DbxButtonDisplayType.FLAT;
-        }
-    }
-    get btnOptions() {
-        var _a;
-        const buttonIcon = (this.icon) ? {
-            fontIcon: this.icon
-        } : undefined;
-        return {
-            fab: false,
-            active: this.working,
-            buttonIcon,
-            customClass: 'dbx-button ' + ((buttonIcon && !this.text) ? 'dbx-button-no-text' : ''),
-            // buttonIcon: icon,
-            text: (_a = this.text) !== null && _a !== void 0 ? _a : '',
-            buttonColor: this.color,
-            barColor: 'accent',
-            raised: this.raised,
-            stroked: this.stroked,
-            flat: this.flat,
-            mode: 'indeterminate',
-            spinnerSize: 18,
-            spinnerColor: 'accent',
-            // Only disabled if we're not working, in order to show the animation.
-            disabled: !this.working && this.disabled
-        };
-    }
-}
-DbxButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxButtonComponent, selector: "dbx-button", inputs: { type: "type", raised: "raised", stroked: "stroked", flat: "flat", color: "color" }, providers: ProvideDbxButton(DbxButtonComponent), usesInheritance: true, ngImport: i0, template: `
-    <mat-spinner-button class="page-button" (btnClick)="clickButton()" [options]="btnOptions"></mat-spinner-button>
-  `, isInline: true, components: [{ type: i1$5.MatSpinnerButtonComponent, selector: "mat-spinner-button", inputs: ["options", "buttonId", "active", "disabled"], outputs: ["btnClick"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-button',
-                    template: `
-    <mat-spinner-button class="page-button" (btnClick)="clickButton()" [options]="btnOptions"></mat-spinner-button>
-  `,
-                    // TODO: styleUrls: ['./button.scss'],
-                    providers: ProvideDbxButton(DbxButtonComponent)
-                }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], raised: [{
-                type: Input
-            }], stroked: [{
-                type: Input
-            }], flat: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-
-class DbxButtonModule {
-}
-DbxButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonModule, declarations: [DbxButtonComponent,
-        DbxButtonSpacerComponent], imports: [CommonModule,
-        MatProgressButtonsModule], exports: [MatProgressButtonsModule,
-        DbxButtonComponent,
-        DbxButtonSpacerComponent] });
-DbxButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonModule, imports: [[
-            CommonModule,
-            MatProgressButtonsModule
-        ], MatProgressButtonsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        MatProgressButtonsModule
-                    ],
-                    declarations: [
-                        DbxButtonComponent,
-                        DbxButtonSpacerComponent
-                    ],
-                    exports: [
-                        MatProgressButtonsModule,
-                        DbxButtonComponent,
-                        DbxButtonSpacerComponent
-                    ],
-                }]
-        }] });
-
 /**
  * Section used to elevate content in a pre-configured manner.
  */
 class DbxContentElevateDirective {
 }
-DbxContentElevateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentElevateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentElevateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxContentElevateDirective, selector: "dbx-content-elevate,[dbx-content-elevate]", host: { classAttribute: "d-block dbx-content-elevate" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentElevateDirective, decorators: [{
+DbxContentElevateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentElevateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxContentElevateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxContentElevateDirective, selector: "dbx-content-elevate,[dbx-content-elevate]", host: { classAttribute: "d-block dbx-content-elevate" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentElevateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content-elevate,[dbx-content-elevate]',
@@ -1413,9 +1796,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxContentDirective {
 }
-DbxContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxContentDirective, selector: "dbx-content,[dbx-content]", host: { classAttribute: "d-block dbx-content" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentDirective, decorators: [{
+DbxContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxContentDirective, selector: "dbx-content,[dbx-content]", host: { classAttribute: "d-block dbx-content" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content,[dbx-content]',
@@ -1430,9 +1813,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxContentBorderDirective {
 }
-DbxContentBorderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentBorderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbx-content-border]", host: { classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentBorderDirective, decorators: [{
+DbxContentBorderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentBorderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxContentBorderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxContentBorderDirective, selector: "dbx-content-border,[dbx-content-border]", host: { classAttribute: "d-block dbx-content-border" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentBorderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content-border,[dbx-content-border]',
@@ -1451,9 +1834,9 @@ class DbxContentContainerDirective {
         this.padding = 'normal';
     }
 }
-DbxContentContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxContentContainerDirective, selector: "dbx-content-container,[dbx-content-container],.dbx-content-container", inputs: { grow: "grow", padding: "padding" }, host: { properties: { "class": "\"container-\" + grow + \" container-padding-\" + padding" }, classAttribute: "d-block dbx-content-container" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentContainerDirective, decorators: [{
+DbxContentContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxContentContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxContentContainerDirective, selector: "dbx-content-container,[dbx-content-container],.dbx-content-container", inputs: { grow: "grow", padding: "padding" }, host: { properties: { "class": "\"container-\" + grow + \" container-padding-\" + padding" }, classAttribute: "d-block dbx-content-container" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content-container,[dbx-content-container],.dbx-content-container',
@@ -1476,9 +1859,9 @@ class DbxContentBoxDirective {
         this.elevated = true;
     }
 }
-DbxContentBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentBoxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxContentBoxDirective, selector: "dbx-content-box, [dbx-content-box]", inputs: { elevated: "elevated" }, host: { properties: { "class.dbx-content-elevate": "elevated" }, classAttribute: "d-block dbx-content-box" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentBoxDirective, decorators: [{
+DbxContentBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentBoxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxContentBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxContentBoxDirective, selector: "dbx-content-box, [dbx-content-box]", inputs: { elevated: "elevated" }, host: { properties: { "class.dbx-content-elevate": "elevated" }, classAttribute: "d-block dbx-content-box" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentBoxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content-box, [dbx-content-box]',
@@ -1496,9 +1879,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxContentPageDirective {
 }
-DbxContentPageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentPageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentPageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxContentPageDirective, selector: "dbx-content-page,[dbx-content-page]", host: { classAttribute: "d-block dbx-content-page" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentPageDirective, decorators: [{
+DbxContentPageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentPageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxContentPageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxContentPageDirective, selector: "dbx-content-page,[dbx-content-page]", host: { classAttribute: "d-block dbx-content-page" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentPageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content-page,[dbx-content-page]',
@@ -1513,8 +1896,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxContentLayoutModule {
 }
-DbxContentLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxContentLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentLayoutModule, declarations: [DbxContentDirective,
+DbxContentLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxContentLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentLayoutModule, declarations: [DbxContentDirective,
         DbxContentContainerDirective,
         DbxContentBorderDirective,
         DbxContentElevateDirective,
@@ -1525,10 +1908,10 @@ DbxContentLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         DbxContentElevateDirective,
         DbxContentBoxDirective,
         DbxContentPageDirective] });
-DbxContentLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentLayoutModule, imports: [[
+DbxContentLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentLayoutModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxContentLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxContentLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1555,8 +1938,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxSidenavModule {
 }
-DbxSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, declarations: [DbxSidenavComponent,
+DbxSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavModule, declarations: [DbxSidenavComponent,
         DbxSidenavButtonComponent,
         DbxSidenavPagebarComponent,
         DbxSidenavPageComponent], imports: [CommonModule,
@@ -1575,7 +1958,7 @@ DbxSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         DbxSidenavButtonComponent,
         DbxSidenavPagebarComponent,
         DbxSidenavPageComponent] });
-DbxSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, imports: [[
+DbxSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavModule, imports: [[
             CommonModule,
             DbxBarLayoutModule,
             DbxAnchorModule,
@@ -1590,7 +1973,7 @@ DbxSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
             MatDividerModule,
             UIRouterModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSidenavModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1629,16 +2012,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxRouterLayoutModule {
 }
-DbxRouterLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxRouterLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxRouterLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxRouterLayoutModule, exports: [DbxAnchorModule,
+DbxRouterLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxRouterLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxRouterLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxRouterLayoutModule, exports: [DbxAnchorModule,
         DbxAnchorListModule,
         DbxNavbarModule,
         DbxSidenavModule] });
-DbxRouterLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxRouterLayoutModule, imports: [DbxAnchorModule,
+DbxRouterLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxRouterLayoutModule, imports: [DbxAnchorModule,
         DbxAnchorListModule,
         DbxNavbarModule,
         DbxSidenavModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxRouterLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxRouterLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -1655,9 +2038,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxAngularRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
 }
-DbxAngularRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxAngularRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxAngularRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injected-content></dbx-injected-content>\n</a>\n", components: [{ type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i2$1.AnchorUISref, selector: "a[uiSref]" }, { type: i2$1.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, decorators: [{
+DbxAngularRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxAngularRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxAngularRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injected-content></dbx-injected-content>\n</a>\n", components: [{ type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i2$1.AnchorUISref, selector: "a[uiSref]" }, { type: i2$1.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, decorators: [{
             type: Component,
             args: [{ template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injected-content></dbx-injected-content>\n</a>\n" }]
         }] });
@@ -1679,16 +2062,16 @@ class DbxWebAngularRouterModule {
         };
     }
 }
-DbxWebAngularRouterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebAngularRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxWebAngularRouterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebAngularRouterModule, declarations: [DbxAngularRouterSegueAnchorComponent], imports: [CommonModule,
+DbxWebAngularRouterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebAngularRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxWebAngularRouterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebAngularRouterModule, declarations: [DbxAngularRouterSegueAnchorComponent], imports: [CommonModule,
         UIRouterModule,
         DbxInjectedComponentModule], exports: [DbxAngularRouterSegueAnchorComponent] });
-DbxWebAngularRouterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebAngularRouterModule, imports: [[
+DbxWebAngularRouterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebAngularRouterModule, imports: [[
             CommonModule,
             UIRouterModule,
             DbxInjectedComponentModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebAngularRouterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebAngularRouterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1706,9 +2089,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxUIRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
 }
-DbxUIRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxUIRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxUIRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injected-content [template]=\"template$ | async\"></dbx-injected-content>\n</a>\n", components: [{ type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i2$1.AnchorUISref, selector: "a[uiSref]" }, { type: i2$1.UISrefActive, selector: "[uiSrefActive],[uiSrefActiveEq]", inputs: ["uiSrefActive", "uiSrefActiveEq"] }, { type: i2$1.UISrefStatus, selector: "[uiSrefStatus],[uiSrefActive],[uiSrefActiveEq]", outputs: ["uiSrefStatus"], exportAs: ["uiSrefStatus"] }, { type: i2$1.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, decorators: [{
+DbxUIRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxUIRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxUIRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injected-content [template]=\"template$ | async\"></dbx-injected-content>\n</a>\n", components: [{ type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i2$1.AnchorUISref, selector: "a[uiSref]" }, { type: i2$1.UISrefActive, selector: "[uiSrefActive],[uiSrefActiveEq]", inputs: ["uiSrefActive", "uiSrefActiveEq"] }, { type: i2$1.UISrefStatus, selector: "[uiSrefStatus],[uiSrefActive],[uiSrefActiveEq]", outputs: ["uiSrefStatus"], exportAs: ["uiSrefStatus"] }, { type: i2$1.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, decorators: [{
             type: Component,
             args: [{ template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injected-content [template]=\"template$ | async\"></dbx-injected-content>\n</a>\n" }]
         }] });
@@ -1730,16 +2113,16 @@ class DbxWebUIRouterModule {
         };
     }
 }
-DbxWebUIRouterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebUIRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxWebUIRouterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebUIRouterModule, declarations: [DbxUIRouterSegueAnchorComponent], imports: [CommonModule,
+DbxWebUIRouterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebUIRouterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxWebUIRouterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebUIRouterModule, declarations: [DbxUIRouterSegueAnchorComponent], imports: [CommonModule,
         UIRouterModule,
         DbxInjectedComponentModule], exports: [DbxUIRouterSegueAnchorComponent] });
-DbxWebUIRouterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebUIRouterModule, imports: [[
+DbxWebUIRouterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebUIRouterModule, imports: [[
             CommonModule,
             UIRouterModule,
             DbxInjectedComponentModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebUIRouterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebUIRouterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1773,8 +2156,8 @@ class DbxTwoBlocksComponent {
         element.style.setProperty('--two-block-top-height', `${height}px`);
     }
 }
-DbxTwoBlocksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoBlocksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoBlocksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxTwoBlocksComponent, selector: "dbx-two-block", viewQueries: [{ propertyName: "twoElement", first: true, predicate: ["two"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: `
+DbxTwoBlocksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoBlocksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxTwoBlocksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoBlocksComponent, selector: "dbx-two-block", viewQueries: [{ propertyName: "twoElement", first: true, predicate: ["two"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: `
   <div #two class="dbx-two-block">
     <div #top class="dbx-two-block-top" (resized)="onResized($event)">
       <ng-content select="[top]"></ng-content>
@@ -1783,8 +2166,8 @@ DbxTwoBlocksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       <ng-content></ng-content>
     </div>
   </div>
-  `, isInline: true, directives: [{ type: i1$6.ResizedDirective, selector: "[resized]", outputs: ["resized"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoBlocksComponent, decorators: [{
+  `, isInline: true, directives: [{ type: i1$8.ResizedDirective, selector: "[resized]", outputs: ["resized"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoBlocksComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-two-block',
@@ -1809,16 +2192,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxBlockLayoutModule {
 }
-DbxBlockLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBlockLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxBlockLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBlockLayoutModule, declarations: [DbxTwoBlocksComponent], imports: [CommonModule,
+DbxBlockLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxBlockLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, declarations: [DbxTwoBlocksComponent], imports: [CommonModule,
         DbxAnchorModule,
         AngularResizeEventModule], exports: [DbxTwoBlocksComponent] });
-DbxBlockLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBlockLayoutModule, imports: [[
+DbxBlockLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, imports: [[
             CommonModule,
             DbxAnchorModule,
             AngularResizeEventModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBlockLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1840,8 +2223,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxCardBoxComponent {
 }
-DbxCardBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxCardBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxCardBoxComponent, selector: "dbx-card-box", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
+DbxCardBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxCardBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxCardBoxComponent, selector: "dbx-card-box", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
   <div class="dbx-card-box">
     <div class="dbx-section-header">
       <div class="dbx-section-header-content">
@@ -1854,8 +2237,8 @@ DbxCardBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       <ng-content></ng-content>
     </div>
   </div>
-  `, isInline: true, components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-card-box',
@@ -1885,13 +2268,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxCardBoxContainerComponent {
 }
-DbxCardBoxContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxCardBoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxCardBoxContainerComponent, selector: "dbx-card-box-container", ngImport: i0, template: `
+DbxCardBoxContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxCardBoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxCardBoxContainerComponent, selector: "dbx-card-box-container", ngImport: i0, template: `
   <div class="dbx-card-box-container">
     <ng-content></ng-content>
   </div>
   `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-card-box-container',
@@ -1905,16 +2288,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxCardBoxLayoutModule {
 }
-DbxCardBoxLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCardBoxLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxLayoutModule, declarations: [DbxCardBoxComponent,
+DbxCardBoxLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCardBoxLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, declarations: [DbxCardBoxComponent,
         DbxCardBoxContainerComponent], imports: [CommonModule,
         MatIconModule], exports: [DbxCardBoxComponent,
         DbxCardBoxContainerComponent] });
-DbxCardBoxLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxLayoutModule, imports: [[
+DbxCardBoxLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, imports: [[
             CommonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCardBoxLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1944,23 +2327,23 @@ class TwoColumnsContextStore extends ComponentStore {
         /**
          * Pipes the current state of showRight.
          */
-        this.showRight$ = this.state$.pipe(map$1((x) => x.showRight));
+        this.showRight$ = this.state$.pipe(map((x) => x.showRight));
         /**
          * Convenience function for the showRight compliment.
          */
-        this.hideRight$ = this.state$.pipe(map$1((x) => !x.showRight));
+        this.hideRight$ = this.state$.pipe(map((x) => !x.showRight));
         /**
          * Pipes the current state of fullLeft.
          */
-        this.fullLeft$ = this.state$.pipe(map$1((x) => x.fullLeft));
+        this.fullLeft$ = this.state$.pipe(map((x) => x.fullLeft));
         /**
          * Whether or not to show the full left.
          */
-        this.showFullLeft$ = this.state$.pipe(map$1((x) => !x.showRight && x.fullLeft));
+        this.showFullLeft$ = this.state$.pipe(map((x) => !x.showRight && x.fullLeft));
         /**
          * Pipes the current backRef value.
          */
-        this.backRef$ = this.state$.pipe(map$1((x) => x.backRef), distinct());
+        this.backRef$ = this.state$.pipe(map((x) => x.backRef), distinct());
         /**
          * Emits back events.
          */
@@ -1995,9 +2378,9 @@ class TwoColumnsContextStore extends ComponentStore {
         this._back.complete();
     }
 }
-TwoColumnsContextStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: TwoColumnsContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TwoColumnsContextStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: TwoColumnsContextStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: TwoColumnsContextStore, decorators: [{
+TwoColumnsContextStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TwoColumnsContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TwoColumnsContextStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TwoColumnsContextStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TwoColumnsContextStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 function ProvideTwoColumnsContext() {
@@ -2023,9 +2406,9 @@ class DbxTwoColumnsBackDirective extends AbstractSubscriptionDirective {
         this.twoColumnsContextStore.back();
     }
 }
-DbxTwoColumnsBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsBackDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxTwoColumnsBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxTwoColumnsBackDirective, selector: "[dbxTwoColumnsBack]", outputs: { back: "dbxTwoColumnsBack" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsBackDirective, decorators: [{
+DbxTwoColumnsBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsBackDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxTwoColumnsBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsBackDirective, selector: "[dbxTwoColumnsBack]", outputs: { back: "dbxTwoColumnsBack" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsBackDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxTwoColumnsBack]'
@@ -2052,9 +2435,9 @@ class DbxTwoColumnsComponent {
         this.inSectionPage = false;
     }
 }
-DbxTwoColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxTwoColumnsComponent, selector: "dbx-two-columns", inputs: { reverseSizing: "reverseSizing", inSectionPage: "inSectionPage" }, exportAs: ["columns"], ngImport: i0, template: "<div class=\"two-column\" [ngClass]=\"{ 'two-column-reverse-sizing': reverseSizing, 'right-shown': showRight$ | async, 'full-left': (showFullLeft$ | async), 'dbx-section-page-two': inSectionPage }\">\n  <div class=\"left-column\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <div class=\"right-column\" *ngIf=\"showRight$ | async\">\n    <!-- NOTE: This will only hide the content project. Be sure to use *ngIf separately on the right's content if needed. -->\n    <!-- https://github.com/angular/angular/issues/17983 -->\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n", directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsComponent, decorators: [{
+DbxTwoColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
+DbxTwoColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsComponent, selector: "dbx-two-columns", inputs: { reverseSizing: "reverseSizing", inSectionPage: "inSectionPage" }, exportAs: ["columns"], ngImport: i0, template: "<div class=\"two-column\" [ngClass]=\"{ 'two-column-reverse-sizing': reverseSizing, 'right-shown': showRight$ | async, 'full-left': (showFullLeft$ | async), 'dbx-section-page-two': inSectionPage }\">\n  <div class=\"left-column\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <div class=\"right-column\" *ngIf=\"showRight$ | async\">\n    <!-- NOTE: This will only hide the content project. Be sure to use *ngIf separately on the right's content if needed. -->\n    <!-- https://github.com/angular/angular/issues/17983 -->\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n", directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-two-columns', exportAs: 'columns', template: "<div class=\"two-column\" [ngClass]=\"{ 'two-column-reverse-sizing': reverseSizing, 'right-shown': showRight$ | async, 'full-left': (showFullLeft$ | async), 'dbx-section-page-two': inSectionPage }\">\n  <div class=\"left-column\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <div class=\"right-column\" *ngIf=\"showRight$ | async\">\n    <!-- NOTE: This will only hide the content project. Be sure to use *ngIf separately on the right's content if needed. -->\n    <!-- https://github.com/angular/angular/issues/17983 -->\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () {
@@ -2091,9 +2474,9 @@ class DbxTwoColumnsFullLeftDirective {
         this._fullLeft.complete();
     }
 }
-DbxTwoColumnsFullLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsFullLeftDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxTwoColumnsFullLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxTwoColumnsFullLeftDirective, selector: "[dbxTwoColumnsFullLeft]", inputs: { fullLeft: ["dbxTwoColumnsFullLeft", "fullLeft"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsFullLeftDirective, decorators: [{
+DbxTwoColumnsFullLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsFullLeftDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxTwoColumnsFullLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsFullLeftDirective, selector: "[dbxTwoColumnsFullLeft]", inputs: { fullLeft: ["dbxTwoColumnsFullLeft", "fullLeft"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsFullLeftDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxTwoColumnsFullLeft]'
@@ -2108,13 +2491,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxTwoColumnsColumnHeadComponent {
 }
-DbxTwoColumnsColumnHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsColumnHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoColumnsColumnHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxTwoColumnsColumnHeadComponent, selector: "dbx-two-columns-head", inputs: { block: "block", full: "full" }, ngImport: i0, template: `
+DbxTwoColumnsColumnHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsColumnHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxTwoColumnsColumnHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsColumnHeadComponent, selector: "dbx-two-columns-head", inputs: { block: "block", full: "full" }, ngImport: i0, template: `
     <div class="dbx-two-columns-head" [ngClass]="{ 'block': block, 'full': full }">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsColumnHeadComponent, decorators: [{
+  `, isInline: true, directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsColumnHeadComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-two-columns-head',
@@ -2146,9 +2529,9 @@ class DbxTwoColumnsSrefDirective {
         this._twoColumnsContextStore.setBackRef(ref);
     }
 }
-DbxTwoColumnsSrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsSrefDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxTwoColumnsSrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxTwoColumnsSrefDirective, selector: "[dbxTwoColumnsSref]", inputs: { refString: ["dbxTwoColumnsSref", "refString"], ref: "ref" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsSrefDirective, decorators: [{
+DbxTwoColumnsSrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsSrefDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxTwoColumnsSrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsSrefDirective, selector: "[dbxTwoColumnsSref]", inputs: { refString: ["dbxTwoColumnsSref", "refString"], ref: "ref" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsSrefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxTwoColumnsSref]'
@@ -2169,8 +2552,8 @@ class DbxTwoColumnsRightComponent {
         this._showBack = new BehaviorSubject(true);
         this.ref$ = this.twoColumnsContextStore.backRef$;
         this.showBack$ = combineLatest([
-            this._showBack, this.ref$.pipe(map$1((x) => !Boolean(x))) // TODO: Is this correct? Show back if ref is not defined?
-        ]).pipe(map$1(([a, b]) => a && b));
+            this._showBack, this.ref$.pipe(map((x) => !Boolean(x))) // TODO: Is this correct? Show back if ref is not defined?
+        ]).pipe(map(([a, b]) => a && b));
     }
     ngAfterViewInit() {
         setTimeout(() => {
@@ -2190,9 +2573,9 @@ class DbxTwoColumnsRightComponent {
         this.twoColumnsContextStore.back();
     }
 }
-DbxTwoColumnsRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsRightComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoColumnsRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxTwoColumnsRightComponent, selector: "dbx-two-columns-right", inputs: { header: "header", showBack: "showBack" }, ngImport: i0, template: "<div class=\"two-columns-right\">\n  <dbx-two-columns-head>\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-columns-head>\n  <div class=\"two-columns-right-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: DbxTwoColumnsColumnHeadComponent, selector: "dbx-two-columns-head", inputs: ["block", "full"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnsRightComponent, decorators: [{
+DbxTwoColumnsRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsRightComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
+DbxTwoColumnsRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsRightComponent, selector: "dbx-two-columns-right", inputs: { header: "header", showBack: "showBack" }, ngImport: i0, template: "<div class=\"two-columns-right\">\n  <dbx-two-columns-head>\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-columns-head>\n  <div class=\"two-columns-right-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: DbxTwoColumnsColumnHeadComponent, selector: "dbx-two-columns-head", inputs: ["block", "full"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsRightComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-two-columns-right', template: "<div class=\"two-columns-right\">\n  <dbx-two-columns-head>\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-columns-head>\n  <div class=\"two-columns-right-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () {
@@ -2208,8 +2591,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxTwoColumnLayoutModule {
 }
-DbxTwoColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxTwoColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnLayoutModule, declarations: [DbxTwoColumnsComponent,
+DbxTwoColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxTwoColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, declarations: [DbxTwoColumnsComponent,
         DbxTwoColumnsRightComponent,
         DbxTwoColumnsColumnHeadComponent,
         DbxTwoColumnsSrefDirective,
@@ -2224,14 +2607,14 @@ DbxTwoColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
         DbxTwoColumnsSrefDirective,
         DbxTwoColumnsBackDirective,
         DbxTwoColumnsFullLeftDirective] });
-DbxTwoColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnLayoutModule, imports: [[
+DbxTwoColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, imports: [[
             CommonModule,
             MatIconModule,
             MatButtonModule,
             DbxAnchorModule,
             DbxContentLayoutModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTwoColumnLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2270,8 +2653,8 @@ class DbxOneColumnComponent {
         twoColumnsContextStore.setFullLeft(true);
     }
 }
-DbxOneColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOneColumnComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxOneColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxOneColumnComponent, selector: "dbx-one-column", inputs: { inSectionPage: "inSectionPage" }, providers: [TwoColumnsContextStore], exportAs: ["columns"], ngImport: i0, template: `
+DbxOneColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
+DbxOneColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxOneColumnComponent, selector: "dbx-one-column", inputs: { inSectionPage: "inSectionPage" }, providers: [TwoColumnsContextStore], exportAs: ["columns"], ngImport: i0, template: `
     <ng-container>
       <dbx-two-columns [inSectionPage]="inSectionPage">
         <ng-content top select="[top]"></ng-content>
@@ -2279,7 +2662,7 @@ DbxOneColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       </dbx-two-columns>
     </ng-container>
   `, isInline: true, components: [{ type: DbxTwoColumnsComponent, selector: "dbx-two-columns", inputs: ["reverseSizing", "inSectionPage"], exportAs: ["columns"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOneColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-one-column',
@@ -2305,14 +2688,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxOneColumnLayoutModule {
 }
-DbxOneColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOneColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxOneColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOneColumnLayoutModule, declarations: [DbxOneColumnComponent], imports: [CommonModule,
+DbxOneColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxOneColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, declarations: [DbxOneColumnComponent], imports: [CommonModule,
         DbxTwoColumnLayoutModule], exports: [DbxOneColumnComponent] });
-DbxOneColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOneColumnLayoutModule, imports: [[
+DbxOneColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, imports: [[
             CommonModule,
             DbxTwoColumnLayoutModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOneColumnLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2330,12 +2713,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxColumnLayoutModule {
 }
-DbxColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxColumnLayoutModule, exports: [DbxOneColumnLayoutModule,
+DbxColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, exports: [DbxOneColumnLayoutModule,
         DbxTwoColumnLayoutModule] });
-DbxColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxColumnLayoutModule, imports: [DbxOneColumnLayoutModule,
+DbxColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, imports: [DbxOneColumnLayoutModule,
         DbxTwoColumnLayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxColumnLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -2359,7 +2742,7 @@ function compactModeFromInput(input) {
 function mapCompactModeObs(mode$, config) {
     var _a;
     const modeObs = mode$ !== null && mode$ !== void 0 ? mode$ : of((_a = config.defaultMode) !== null && _a !== void 0 ? _a : CompactMode.FULL);
-    return modeObs.pipe(map$1((inputMode) => {
+    return modeObs.pipe(map((inputMode) => {
         const isCompact = ((inputMode !== null && inputMode !== void 0 ? inputMode : config.defaultMode) === CompactMode.COMPACT);
         if (isCompact) {
             return config.compact;
@@ -2374,13 +2757,13 @@ class CompactContextStore extends ComponentStore {
     constructor() {
         super({ mode: CompactMode.FULL });
         // MARK: Accessors
-        this.mode$ = this.state$.pipe(map$1(x => x.mode));
+        this.mode$ = this.state$.pipe(map(x => x.mode));
         this.setMode = this.updater((state, mode) => ({ mode: compactModeFromInput(mode) }));
     }
 }
-CompactContextStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: CompactContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CompactContextStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: CompactContextStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: CompactContextStore, decorators: [{
+CompactContextStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CompactContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CompactContextStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CompactContextStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: CompactContextStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -2396,9 +2779,9 @@ class DbxCompactDirective {
         this.compactContextStore.setMode(mode);
     }
 }
-DbxCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCompactDirective, deps: [{ token: CompactContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxCompactDirective, selector: "[dbxCompact]", inputs: { mode: ["dbxCompact", "mode"] }, providers: [CompactContextStore], exportAs: ["compact"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCompactDirective, decorators: [{
+DbxCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCompactDirective, deps: [{ token: CompactContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxCompactDirective, selector: "[dbxCompact]", inputs: { mode: ["dbxCompact", "mode"] }, providers: [CompactContextStore], exportAs: ["compact"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCompactDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxCompact]',
@@ -2415,12 +2798,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxCompactLayoutModule {
 }
-DbxCompactLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCompactLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCompactLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCompactLayoutModule, declarations: [DbxCompactDirective], imports: [CommonModule], exports: [DbxCompactDirective] });
-DbxCompactLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCompactLayoutModule, imports: [[
+DbxCompactLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCompactLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCompactLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCompactLayoutModule, declarations: [DbxCompactDirective], imports: [CommonModule], exports: [DbxCompactDirective] });
+DbxCompactLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCompactLayoutModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxCompactLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCompactLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2443,15 +2826,15 @@ class DbxFlagComponent {
         this.color = 'accent';
     }
 }
-DbxFlagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxFlagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFlagComponent, selector: "dbx-flag", inputs: { color: "color" }, ngImport: i0, template: `
+DbxFlagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxFlagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxFlagComponent, selector: "dbx-flag", inputs: { color: "color" }, ngImport: i0, template: `
     <div class="dbx-flag">
       <mat-toolbar [color]="color">
         <ng-content></ng-content>
       </mat-toolbar>
     </div>
-  `, isInline: true, components: [{ type: i1$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-flag',
@@ -2476,15 +2859,15 @@ class DbxFlagPromptComponent {
         this.color = 'accent';
     }
 }
-DbxFlagPromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxFlagPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFlagPromptComponent, selector: "dbx-flag-prompt", inputs: { color: "color", text: "text" }, ngImport: i0, template: `
+DbxFlagPromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxFlagPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxFlagPromptComponent, selector: "dbx-flag-prompt", inputs: { color: "color", text: "text" }, ngImport: i0, template: `
     <dbx-flag [color]="color">
       <span class="dbx-flag-prompt">{{ text }}</span>
       <span class="dbx-flag-spacer"></span>
       <ng-content></ng-content>
     </dbx-flag>
   `, isInline: true, components: [{ type: DbxFlagComponent, selector: "dbx-flag", inputs: ["color"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagPromptComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagPromptComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-flag-prompt',
@@ -2508,16 +2891,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxFlagLayoutModule {
 }
-DbxFlagLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFlagLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagLayoutModule, declarations: [DbxFlagComponent,
+DbxFlagLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFlagLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagLayoutModule, declarations: [DbxFlagComponent,
         DbxFlagPromptComponent], imports: [CommonModule,
         MatToolbarModule], exports: [DbxFlagComponent,
         DbxFlagPromptComponent] });
-DbxFlagLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagLayoutModule, imports: [[
+DbxFlagLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagLayoutModule, imports: [[
             CommonModule,
             MatToolbarModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlagLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlagLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2547,7 +2930,7 @@ class DbxFlexGroupDirective extends AbstractSubscriptionDirective {
         this.relative = false;
         this._small = false;
         this._breakpoint = new BehaviorSubject('tablet');
-        this.isSmallScreen$ = this._dbxScreenMediaService.isBreakpointActive(this._breakpoint).pipe(map(x => !x), distinctUntilChanged(), shareReplay(1));
+        this.isSmallScreen$ = this._dbxScreenMediaService.isBreakpointActive(this._breakpoint).pipe(map$1(x => !x), distinctUntilChanged(), shareReplay(1));
     }
     get small() {
         return this._small;
@@ -2562,9 +2945,9 @@ class DbxFlexGroupDirective extends AbstractSubscriptionDirective {
         this._breakpoint.next(breakpoint !== null && breakpoint !== void 0 ? breakpoint : 'tablet');
     }
 }
-DbxFlexGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexGroupDirective, deps: [{ token: DbxScreenMediaService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxFlexGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxFlexGroupDirective, selector: "[dbxFlexGroup]", inputs: { content: "content", relative: "relative", breakpoint: "breakpoint" }, host: { properties: { "class.dbx-flex-group": "content", "class.dbx-flex-group-small": "small", "class.dbx-flex-group-relative": "relative" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexGroupDirective, decorators: [{
+DbxFlexGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexGroupDirective, deps: [{ token: DbxScreenMediaService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxFlexGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxFlexGroupDirective, selector: "[dbxFlexGroup]", inputs: { content: "content", relative: "relative", breakpoint: "breakpoint" }, host: { properties: { "class.dbx-flex-group": "content", "class.dbx-flex-group-small": "small", "class.dbx-flex-group-relative": "relative" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFlexGroup]',
@@ -2590,9 +2973,9 @@ class DbxFlexSizeDirective {
         this.size = 1;
     }
 }
-DbxFlexSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxFlexSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxFlexSizeDirective, selector: "[dbxFlexSize]", inputs: { size: ["dbxFlexSize", "size"] }, host: { properties: { "class": "\"dbx-flex-\" + size" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexSizeDirective, decorators: [{
+DbxFlexSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxFlexSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxFlexSizeDirective, selector: "[dbxFlexSize]", inputs: { size: ["dbxFlexSize", "size"] }, host: { properties: { "class": "\"dbx-flex-\" + size" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexSizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFlexSize]',
@@ -2607,14 +2990,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxFlexLayoutModule {
 }
-DbxFlexLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFlexLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexLayoutModule, declarations: [DbxFlexGroupDirective,
+DbxFlexLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFlexLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexLayoutModule, declarations: [DbxFlexGroupDirective,
         DbxFlexSizeDirective], imports: [CommonModule], exports: [DbxFlexGroupDirective,
         DbxFlexSizeDirective] });
-DbxFlexLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexLayoutModule, imports: [[
+DbxFlexLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexLayoutModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFlexLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFlexLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2636,8 +3019,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxIconItemComponent {
 }
-DbxIconItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxIconItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxIconItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxIconItemComponent, selector: "dbx-icon-item", inputs: { icon: "icon", header: "header" }, ngImport: i0, template: `
+DbxIconItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIconItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxIconItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxIconItemComponent, selector: "dbx-icon-item", inputs: { icon: "icon", header: "header" }, ngImport: i0, template: `
   <div class="dbx-icon-item">
     <div class="left">
       <mat-icon>{{ icon }}</mat-icon>
@@ -2649,8 +3032,8 @@ DbxIconItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
       </div>
     </div>
   </div>
-  `, isInline: true, components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxIconItemComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIconItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-icon-item',
@@ -2676,14 +3059,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxItemLayoutModule {
 }
-DbxItemLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxItemLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxItemLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxItemLayoutModule, declarations: [DbxIconItemComponent], imports: [CommonModule,
+DbxItemLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxItemLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxItemLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxItemLayoutModule, declarations: [DbxIconItemComponent], imports: [CommonModule,
         MatIconModule], exports: [DbxIconItemComponent] });
-DbxItemLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxItemLayoutModule, imports: [[
+DbxItemLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxItemLayoutModule, imports: [[
             CommonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxItemLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxItemLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2704,13 +3087,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxListEmptyContentComponent {
 }
-DbxListEmptyContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListEmptyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxListEmptyContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content", ngImport: i0, template: `
+DbxListEmptyContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListEmptyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxListEmptyContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content", ngImport: i0, template: `
     <div class="dbx-list-empty-content">
       <ng-content></ng-content>
     </div>
   `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListEmptyContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListEmptyContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-list-empty-content',
@@ -2747,8 +3130,8 @@ class DbxLoadingProgressComponent {
         return this.mode;
     }
 }
-DbxLoadingProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxLoadingProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: { text: "text", linear: "linear", mode: "mode", color: "color", value: "value", bufferValue: "bufferValue", diameter: "diameter" }, ngImport: i0, template: `
+DbxLoadingProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxLoadingProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: { text: "text", linear: "linear", mode: "mode", color: "color", value: "value", bufferValue: "bufferValue", diameter: "diameter" }, ngImport: i0, template: `
   <div class="loading-progress-view">
     <ng-container [ngSwitch]="linear">
       <mat-progress-bar *ngSwitchCase="true" [mode]="bmode" [color]="color" [bufferValue]="bufferValue" [value]="value" style="margin: auto;"></mat-progress-bar>
@@ -2756,8 +3139,8 @@ DbxLoadingProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
     </ng-container>
     <div *ngIf="text" class="hint">{{ text }}</div>
   </div>
-  `, isInline: true, components: [{ type: i1$7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i2$2.MatProgressSpinner, selector: "mat-progress-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingProgressComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i2$2.MatProgressSpinner, selector: "mat-progress-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingProgressComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-loading-progress',
@@ -2802,9 +3185,9 @@ class DbxReadableErrorComponent {
         return (_a = this._error) === null || _a === void 0 ? void 0 : _a.message;
     }
 }
-DbxReadableErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxReadableErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxReadableErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: { error: "error" }, ngImport: i0, template: "<div *ngIf=\"error\" class=\"dbx-error\">\n  <h4>An error occured.</h4>\n  <!-- <p class=\"dbx-error-code\" *ngIf=\"errorData.code\">{{ errorData.code }}</p> -->\n  <p class=\"dbx-error-message\" *ngIf=\"message\">{{ message }}</p>\n</div>\n", directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxReadableErrorComponent, decorators: [{
+DbxReadableErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxReadableErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxReadableErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxReadableErrorComponent, selector: "dbx-error", inputs: { error: "error" }, ngImport: i0, template: "<div *ngIf=\"error\" class=\"dbx-error\">\n  <h4>An error occured.</h4>\n  <!-- <p class=\"dbx-error-code\" *ngIf=\"errorData.code\">{{ errorData.code }}</p> -->\n  <p class=\"dbx-error-message\" *ngIf=\"message\">{{ message }}</p>\n</div>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxReadableErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-error', template: "<div *ngIf=\"error\" class=\"dbx-error\">\n  <h4>An error occured.</h4>\n  <!-- <p class=\"dbx-error-code\" *ngIf=\"errorData.code\">{{ errorData.code }}</p> -->\n  <p class=\"dbx-error-message\" *ngIf=\"message\">{{ message }}</p>\n</div>\n" }]
         }], propDecorators: { error: [{
@@ -2831,7 +3214,7 @@ class DbxBasicLoadingComponent {
         this._error = new BehaviorSubject(undefined);
         this._customErrorContent = new BehaviorSubject(undefined);
         this._customLoadingContent = new BehaviorSubject(undefined);
-        this.state$ = combineLatest([this._loading, this._show, this._error]).pipe(map(([loading, show, error]) => {
+        this.state$ = combineLatest([this._loading, this._show, this._error]).pipe(map$1(([loading, show, error]) => {
             let state;
             if (error) {
                 state = LoadingComponentState.ERROR;
@@ -2848,8 +3231,8 @@ class DbxBasicLoadingComponent {
             return state;
         }), distinctUntilChanged(), startWith(LoadingComponentState.NONE), shareReplay(1));
         this.error$ = this._error.asObservable();
-        this.hasNoCustomError$ = this._customErrorContent.pipe(map(x => !checkNgContentWrapperHasContent(x)));
-        this.hasNoCustomLoading$ = this._customLoadingContent.pipe(map(x => !checkNgContentWrapperHasContent(x)));
+        this.hasNoCustomError$ = this._customErrorContent.pipe(map$1(x => !checkNgContentWrapperHasContent(x)));
+        this.hasNoCustomLoading$ = this._customLoadingContent.pipe(map$1(x => !checkNgContentWrapperHasContent(x)));
         this.mode = 'indeterminate';
         this.color = 'primary';
         this.linear = false;
@@ -2890,9 +3273,9 @@ class DbxBasicLoadingComponent {
         }, 0);
     }
 }
-DbxBasicLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBasicLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxBasicLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", 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\"\n    [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", components: [{ type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: ["text", "linear", "mode", "color", "value", "bufferValue", "diameter"] }, { type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxBasicLoadingComponent, decorators: [{
+DbxBasicLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBasicLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxBasicLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", 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\"\n    [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", components: [{ type: DbxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: ["text", "linear", "mode", "color", "value", "bufferValue", "diameter"] }, { type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBasicLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-basic-loading', 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\"\n    [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" }]
         }], propDecorators: { diameter: [{
@@ -2927,7 +3310,7 @@ class DbxLoadingComponent {
         this._context = new BehaviorSubject(undefined);
         this._inputLoading = new BehaviorSubject(true);
         this._inputError = new BehaviorSubject(undefined);
-        this.state$ = combineLatest([this._inputLoading, this._inputError, this._context.pipe(switchMap(x => (x != null) ? x.stream$ : of(undefined)))]).pipe(map(([inputLoading, inputError, loadingState]) => {
+        this.state$ = combineLatest([this._inputLoading, this._inputError, this._context.pipe(switchMap(x => (x != null) ? x.stream$ : of(undefined)))]).pipe(map$1(([inputLoading, inputError, loadingState]) => {
             if (loadingState) {
                 return loadingState;
             }
@@ -2938,8 +3321,8 @@ class DbxLoadingComponent {
                 };
             }
         }), distinctUntilChanged((a, b) => a.loading === b.loading && a.error === b.error), shareReplay(1));
-        this.loading$ = this.state$.pipe(map(x => x.loading), distinctUntilChanged(), shareReplay(1));
-        this.error$ = this.state$.pipe(map(x => x.error), distinctUntilChanged(), shareReplay(1));
+        this.loading$ = this.state$.pipe(map$1(x => x.loading), distinctUntilChanged(), shareReplay(1));
+        this.error$ = this.state$.pipe(map$1(x => x.error), distinctUntilChanged(), shareReplay(1));
         this.mode = 'indeterminate';
         this.color = 'primary';
     }
@@ -2967,16 +3350,16 @@ class DbxLoadingComponent {
         this._inputError.next(error);
     }
 }
-DbxLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLoadingComponent, selector: "dbx-loading", inputs: { show: "show", text: "text", mode: "mode", color: "color", diameter: "diameter", linear: "linear", context: "context", loading: "loading", error: "error" }, ngImport: i0, template: `
+DbxLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLoadingComponent, selector: "dbx-loading", inputs: { show: "show", text: "text", mode: "mode", color: "color", diameter: "diameter", linear: "linear", context: "context", loading: "loading", error: "error" }, ngImport: i0, template: `
   <dbx-basic-loading [show]="show" [color]="color" [text]="text" [mode]="mode" [linear]="linear" [diameter]="diameter" [error]="error$ | async" [loading]="loading$ | async">
     <ng-content loading select="[loading]"></ng-content>
     <ng-content></ng-content>
     <ng-content error select="[error]"></ng-content>
     <ng-content errorAction select="[errorAction]"></ng-content>
   </dbx-basic-loading>
-  `, isInline: true, components: [{ type: DbxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: ["diameter", "mode", "color", "text", "linear", "show", "loading", "error"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: ["diameter", "mode", "color", "text", "linear", "show", "loading", "error"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-loading',
@@ -3035,16 +3418,16 @@ class DbxListComponent {
         this.context = new ListLoadingStateContextInstance({ showLoadingOnNoValue: false });
         this.isEmpty$ = this.context.isEmpty$;
         this.disabled$ = this._disabled.asObservable();
-        this.hideOnEmpty$ = this._config.pipe(filterMaybe(), map(x => Boolean(x.hideOnEmpty)), distinctUntilChanged(), shareReplay(1));
-        this.invertedList$ = this._config.pipe(filterMaybe(), map(x => Boolean(x === null || x === void 0 ? void 0 : x.throttle)), distinctUntilChanged(), shareReplay(1));
-        this.throttleScroll$ = this._config.pipe(map(x => { var _a; return (_a = (x === null || x === void 0 ? void 0 : x.throttle)) !== null && _a !== void 0 ? _a : this.DEFAULT_THROTTLE_SCROLL; }), distinctUntilChanged(), shareReplay(1));
-        this.scrollDistance$ = this._config.pipe(map(x => { var _a; return (_a = (x === null || x === void 0 ? void 0 : x.scrollDistance)) !== null && _a !== void 0 ? _a : this.DEFAULT_SCROLL_DISTANCE; }), distinctUntilChanged(), shareReplay(1));
+        this.hideOnEmpty$ = this._config.pipe(filterMaybe(), map$1(x => Boolean(x.hideOnEmpty)), distinctUntilChanged(), shareReplay(1));
+        this.invertedList$ = this._config.pipe(filterMaybe(), map$1(x => Boolean(x === null || x === void 0 ? void 0 : x.throttle)), distinctUntilChanged(), shareReplay(1));
+        this.throttleScroll$ = this._config.pipe(map$1(x => { var _a; return (_a = (x === null || x === void 0 ? void 0 : x.throttle)) !== null && _a !== void 0 ? _a : this.DEFAULT_THROTTLE_SCROLL; }), distinctUntilChanged(), shareReplay(1));
+        this.scrollDistance$ = this._config.pipe(map$1(x => { var _a; return (_a = (x === null || x === void 0 ? void 0 : x.scrollDistance)) !== null && _a !== void 0 ? _a : this.DEFAULT_SCROLL_DISTANCE; }), distinctUntilChanged(), shareReplay(1));
         this.scrollLoadMoreTrigger$ = this._config.pipe(switchMap((config) => {
             const loadNextDirection = (config === null || config === void 0 ? void 0 : config.invertedList) ? 'up' : 'down';
-            return this._scrollTrigger.pipe(filter(x => x === loadNextDirection));
+            return this._scrollTrigger.pipe(filter$1(x => x === loadNextDirection));
         }));
         this.loadMore$ = merge(this.scrollLoadMoreTrigger$, this._loadMoreTrigger);
-        this.injectedComponentConfig$ = this._config.pipe(distinctUntilChanged(), map((config) => {
+        this.injectedComponentConfig$ = this._config.pipe(distinctUntilChanged(), map$1((config) => {
             let injectedComponentConfig;
             if (config) {
                 const { componentClass, init, onClick, onSelectionChange, loadMore } = config;
@@ -3094,7 +3477,7 @@ class DbxListComponent {
             }
             return injectedComponentConfig;
         }), distinctUntilChanged(), shareReplay(1));
-        this.hideContent$ = this.context.stateChange$.pipe(switchMap(() => this.context.state$.pipe(filter((x) => loadingStateHasFinishedLoading(x)), first(), startWith(beginLoading()))), switchMap((state) => {
+        this.hideContent$ = this.context.stateChange$.pipe(switchMap(() => this.context.state$.pipe(filter$1((x) => loadingStateHasFinishedLoading(x)), first(), startWith(beginLoading()))), switchMap((state) => {
             if (state === null || state === void 0 ? void 0 : state.loading) {
                 return of(true);
             }
@@ -3180,9 +3563,9 @@ class DbxListComponent {
         }
     }
 }
-DbxListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DbxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxListComponent, selector: "dbx-list", inputs: { padded: "padded", state$: "state$", config: "config", disabled: "disabled" }, outputs: { contentScrolled: "contentScrolled" }, host: { properties: { "class.dbx-list-padded": "padded" }, classAttribute: "d-block dbx-list" }, ngImport: i0, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbx-list-internal-content infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\"\n  [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\"\n  [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\"\n  (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n  <ng-content select=\"[top]\"></ng-content>\n  <dbx-injected-content [config]=\"injectedComponentConfig$ | async\"></dbx-injected-content>\n  <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n", components: [{ type: i0.forwardRef(function () { return DbxLoadingComponent; }), selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "context", "loading", "error"] }, { type: i0.forwardRef(function () { return i1.DbxInjectedComponent; }), selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i0.forwardRef(function () { return DbxListInternalContentDirective; }), selector: "[dbx-list-internal-content]", inputs: ["hide"] }, { type: i0.forwardRef(function () { return i3$3.InfiniteScrollDirective; }), selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { type: i0.forwardRef(function () { return i3$1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i0.forwardRef(function () { return i3$1.AsyncPipe; }) } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListComponent, decorators: [{
+DbxListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+DbxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxListComponent, selector: "dbx-list", inputs: { padded: "padded", state$: "state$", config: "config", disabled: "disabled" }, outputs: { contentScrolled: "contentScrolled" }, host: { properties: { "class.dbx-list-padded": "padded" }, classAttribute: "d-block dbx-list" }, ngImport: i0, template: "<dbx-loading [context]=\"context\" [linear]=\"true\"></dbx-loading>\n<div dbx-list-internal-content infinite-scroll [infiniteScrollDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\"\n  [infiniteScrollUpDistance]=\"(scrollDistance$ | async) ?? DEFAULT_SCROLL_DISTANCE\" [hide]=\"hideContent$ | async\"\n  [infiniteScrollThrottle]=\"(throttleScroll$ | async) ?? DEFAULT_THROTTLE_SCROLL\" [scrollWindow]=\"false\"\n  (scrolled)=\"onScrollDown()\" (scrolledUp)=\"onScrollUp()\">\n  <ng-content select=\"[top]\"></ng-content>\n  <dbx-injected-content [config]=\"injectedComponentConfig$ | async\"></dbx-injected-content>\n  <ng-content select=\"[bottom]\"></ng-content>\n</div>\n<ng-content *ngIf=\"isEmpty$ | async\" select=\"[empty]\"></ng-content>\n", components: [{ type: i0.forwardRef(function () { return DbxLoadingComponent; }), selector: "dbx-loading", inputs: ["show", "text", "mode", "color", "diameter", "linear", "context", "loading", "error"] }, { type: i0.forwardRef(function () { return i1$2.DbxInjectedComponent; }), selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i0.forwardRef(function () { return DbxListInternalContentDirective; }), selector: "[dbx-list-internal-content]", inputs: ["hide"] }, { type: i0.forwardRef(function () { return i3$2.InfiniteScrollDirective; }), selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i0.forwardRef(function () { return i3.AsyncPipe; }) } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-list', host: {
                         'class': 'd-block dbx-list',
@@ -3214,9 +3597,9 @@ class DbxListInternalContentDirective {
         this.parent.contentScrolled.emit(position);
     }
 }
-DbxListInternalContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListInternalContentDirective, deps: [{ token: DbxListComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DbxListInternalContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxListInternalContentDirective, selector: "[dbx-list-internal-content]", inputs: { hide: "hide" }, host: { listeners: { "scroll": "onScrollEvent($event)" }, properties: { "class.dbx-list-content-hidden": "hide" }, classAttribute: "d-block dbx-list-content" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListInternalContentDirective, decorators: [{
+DbxListInternalContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListInternalContentDirective, deps: [{ token: DbxListComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+DbxListInternalContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxListInternalContentDirective, selector: "[dbx-list-internal-content]", inputs: { hide: "hide" }, host: { listeners: { "scroll": "onScrollEvent($event)" }, properties: { "class.dbx-list-content-hidden": "hide" }, classAttribute: "d-block dbx-list-content" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListInternalContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbx-list-internal-content]',
@@ -3251,7 +3634,7 @@ class AbstractDbxListWrapperDirective {
     constructor(initConfig) {
         this.initConfig = initConfig;
         this._init = new BehaviorSubject(undefined);
-        this.config$ = this._init.pipe(filterMaybe(), getter(), map((x) => this._buildListConfig(x)), shareReplay(1));
+        this.config$ = this._init.pipe(filterMaybe(), getter(), map$1((x) => this._buildListConfig(x)), shareReplay(1));
         this.clickItem = new EventEmitter();
         this.loadMore = new EventEmitter();
     }
@@ -3267,9 +3650,9 @@ class AbstractDbxListWrapperDirective {
         return Object.assign(Object.assign({}, config), { onClick: (x) => this.clickItem.emit(x), loadMore: () => this.loadMore.emit() });
     }
 }
-AbstractDbxListWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxListWrapperDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxListWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractDbxListWrapperDirective, inputs: { disabled: "disabled", state$: "state$" }, outputs: { clickItem: "clickItem", loadMore: "loadMore" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxListWrapperDirective, decorators: [{
+AbstractDbxListWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxListWrapperDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxListWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxListWrapperDirective, inputs: { disabled: "disabled", state$: "state$" }, outputs: { clickItem: "clickItem", loadMore: "loadMore" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxListWrapperDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: undefined }]; }, propDecorators: { disabled: [{
                 type: Input
@@ -3294,9 +3677,9 @@ class AbstractDbxSelectionListWrapperDirective extends AbstractDbxListWrapperDir
         return result;
     }
 }
-AbstractDbxSelectionListWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxSelectionListWrapperDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxSelectionListWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractDbxSelectionListWrapperDirective, outputs: { selectionChange: "selectionChange" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxSelectionListWrapperDirective, decorators: [{
+AbstractDbxSelectionListWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxSelectionListWrapperDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxSelectionListWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxSelectionListWrapperDirective, outputs: { selectionChange: "selectionChange" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxSelectionListWrapperDirective, decorators: [{
             type: Directive
         }], propDecorators: { selectionChange: [{
                 type: Output
@@ -3317,9 +3700,9 @@ class DbxActionErrorDirective extends AbstractSubscriptionDirective {
         });
     }
 }
-DbxActionErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionErrorDirective, deps: [{ token: DbxReadableErrorComponent, host: true }, { token: i1.ActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxActionErrorDirective, selector: "[dbxActionError]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionErrorDirective, decorators: [{
+DbxActionErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionErrorDirective, deps: [{ token: DbxReadableErrorComponent, host: true }, { token: i1$2.DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionErrorDirective, selector: "[dbxActionError]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionErrorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionError]'
@@ -3327,7 +3710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
         }], ctorParameters: function () {
         return [{ type: DbxReadableErrorComponent, decorators: [{
                         type: Host
-                    }] }, { type: i1.ActionContextStoreSourceInstance }];
+                    }] }, { type: i1$2.DbxActionContextStoreSourceInstance }];
     } });
 
 /**
@@ -3399,9 +3782,9 @@ class DbxLoadingErrorDirective extends AbstractSubscriptionDirective {
         this.sub = subscription;
     }
 }
-DbxLoadingErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingErrorDirective, deps: [{ token: DbxReadableErrorComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxLoadingErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxLoadingErrorDirective, selector: "[dbxLoadingError]", inputs: { context: ["dbxLoadingError", "context"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingErrorDirective, decorators: [{
+DbxLoadingErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingErrorDirective, deps: [{ token: DbxReadableErrorComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxLoadingErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxLoadingErrorDirective, selector: "[dbxLoadingError]", inputs: { context: ["dbxLoadingError", "context"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingErrorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxLoadingError]'
@@ -3417,16 +3800,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxReadableErrorModule {
 }
-DbxReadableErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxReadableErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxReadableErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxReadableErrorModule, declarations: [DbxReadableErrorComponent,
+DbxReadableErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxReadableErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxReadableErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxReadableErrorModule, declarations: [DbxReadableErrorComponent,
         DbxLoadingErrorDirective,
         DbxActionErrorDirective], imports: [CommonModule], exports: [DbxReadableErrorComponent,
         DbxLoadingErrorDirective,
         DbxActionErrorDirective] });
-DbxReadableErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxReadableErrorModule, imports: [[
+DbxReadableErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxReadableErrorModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxReadableErrorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxReadableErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3459,27 +3842,61 @@ function catchErrorServerParams(action, mapError = (error) => error) {
     return catchError$1((error) => of(action(mapError(convertServerErrorParams(error)))));
 }
 
+/**
+ * Context used for linking a loadingComponent to an ActionContext by providing a LoadingContext.
+ */
+class DbxActionLoadingContextDirective {
+    constructor(loadingComponent, source) {
+        this.loadingComponent = loadingComponent;
+        this.source = source;
+        this._context = new LoadingStateContextInstance({ obs: this.source.loadingState$ });
+    }
+    get context() {
+        return this._context;
+    }
+    ngOnInit() {
+        this.loadingComponent.context = this._context;
+    }
+    ngOnDestroy() {
+        this._context.destroy();
+    }
+}
+DbxActionLoadingContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionLoadingContextDirective, deps: [{ token: DbxLoadingComponent, host: true }, { token: i1$2.DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionLoadingContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionLoadingContextDirective, selector: "[dbxActionLoadingContext]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionLoadingContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxActionLoadingContext]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: DbxLoadingComponent, decorators: [{
+                        type: Host
+                    }] }, { type: i1$2.DbxActionContextStoreSourceInstance }];
+    } });
+
 class DbxLoadingModule {
 }
-DbxLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, declarations: [DbxLoadingComponent,
+DbxLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, declarations: [DbxLoadingComponent,
         DbxBasicLoadingComponent,
-        DbxLoadingProgressComponent], imports: [CommonModule,
+        DbxLoadingProgressComponent,
+        DbxActionLoadingContextDirective], imports: [CommonModule,
         DbxReadableErrorModule,
         MatProgressSpinnerModule,
         MatProgressBarModule], exports: [DbxLoadingComponent,
         DbxBasicLoadingComponent,
         DbxLoadingProgressComponent,
         MatProgressSpinnerModule,
-        MatProgressBarModule] });
-DbxLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, imports: [[
+        MatProgressBarModule,
+        DbxActionLoadingContextDirective] });
+DbxLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, imports: [[
             CommonModule,
             DbxReadableErrorModule,
             MatProgressSpinnerModule,
             MatProgressBarModule
         ], MatProgressSpinnerModule,
         MatProgressBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLoadingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLoadingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3491,14 +3908,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                     declarations: [
                         DbxLoadingComponent,
                         DbxBasicLoadingComponent,
-                        DbxLoadingProgressComponent
+                        DbxLoadingProgressComponent,
+                        DbxActionLoadingContextDirective
                     ],
                     exports: [
                         DbxLoadingComponent,
                         DbxBasicLoadingComponent,
                         DbxLoadingProgressComponent,
                         MatProgressSpinnerModule,
-                        MatProgressBarModule
+                        MatProgressBarModule,
+                        DbxActionLoadingContextDirective
                     ]
                 }]
         }] });
@@ -3507,7 +3926,7 @@ const DBX_VALUE_LIST_VIEW_ITEM = new InjectionToken('DbxValueListViewItem');
 const DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES = (values) => of(values.map(value => ({ value })));
 function mapValuesToValuesListItemConfigObs(listViewConfig, values) {
     var _a;
-    return ((_a = listViewConfig.mapValuesToItemValues) !== null && _a !== void 0 ? _a : DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES)(values).pipe(map((itemValues) => {
+    return ((_a = listViewConfig.mapValuesToItemValues) !== null && _a !== void 0 ? _a : DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES)(values).pipe(map$1((itemValues) => {
         const items = mapItemValuesToValueListItemConfig(listViewConfig, itemValues);
         return items;
     }));
@@ -3565,9 +3984,9 @@ class AbstractDbxValueListViewDirective {
         (_a = this.dbxListView.clickValue) === null || _a === void 0 ? void 0 : _a.next(value);
     }
 }
-AbstractDbxValueListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxValueListViewDirective, deps: [{ token: DbxListView }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxValueListViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractDbxValueListViewDirective, inputs: { config: "config" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxValueListViewDirective, decorators: [{
+AbstractDbxValueListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxValueListViewDirective, deps: [{ token: DbxListView }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxValueListViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxValueListViewDirective, inputs: { config: "config" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxValueListViewDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: DbxListView }]; }, propDecorators: { config: [{
                 type: Input
@@ -3579,14 +3998,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class DbxSelectionValueListViewComponent extends AbstractDbxValueListViewDirective {
     constructor(dbxListView) {
         super(dbxListView);
-        this.multiple$ = this.config$.pipe(map(x => { var _a; return (_a = x.multiple) !== null && _a !== void 0 ? _a : true; }), distinctUntilChanged(), shareReplay(1));
+        this.multiple$ = this.config$.pipe(map$1(x => { var _a; return (_a = x.multiple) !== null && _a !== void 0 ? _a : true; }), distinctUntilChanged(), shareReplay(1));
     }
 }
-DbxSelectionValueListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSelectionValueListViewComponent, deps: [{ token: DbxListView }], target: i0.ɵɵFactoryTarget.Component });
-DbxSelectionValueListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view", usesInheritance: true, ngImport: i0, template: `
+DbxSelectionValueListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListViewComponent, deps: [{ token: DbxListView }], target: i0.ɵɵFactoryTarget.Component });
+DbxSelectionValueListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view", usesInheritance: true, ngImport: i0, template: `
     <dbx-selection-list-view-content [multiple]="multiple$ | async" [items]="items$ | async"></dbx-selection-list-view-content>
-  `, isInline: true, components: [{ type: i0.forwardRef(function () { return DbxSelectionValueListItemViewComponent; }), selector: "dbx-selection-list-view-content", inputs: ["multiple", "items"] }], pipes: { "async": i0.forwardRef(function () { return i3$1.AsyncPipe; }) } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSelectionValueListViewComponent, decorators: [{
+  `, isInline: true, components: [{ type: i0.forwardRef(function () { return DbxSelectionValueListItemViewComponent; }), selector: "dbx-selection-list-view-content", inputs: ["multiple", "items"] }], pipes: { "async": i0.forwardRef(function () { return i3.AsyncPipe; }) } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-selection-list-view',
@@ -3621,16 +4040,16 @@ class DbxSelectionValueListItemViewComponent {
         });
     }
 }
-DbxSelectionValueListItemViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSelectionValueListItemViewComponent, deps: [{ token: DbxListView }], target: i0.ɵɵFactoryTarget.Component });
-DbxSelectionValueListItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSelectionValueListItemViewComponent, selector: "dbx-selection-list-view-content", inputs: { multiple: "multiple", items: "items" }, host: { classAttribute: "dbx-list-view dbx-selection-list-view" }, ngImport: i0, template: `
+DbxSelectionValueListItemViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListItemViewComponent, deps: [{ token: DbxListView }], target: i0.ɵɵFactoryTarget.Component });
+DbxSelectionValueListItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSelectionValueListItemViewComponent, selector: "dbx-selection-list-view-content", inputs: { multiple: "multiple", items: "items" }, host: { classAttribute: "dbx-list-view dbx-selection-list-view" }, ngImport: i0, template: `
     <mat-selection-list [disabled]="disabled$ | async" [multiple]="multiple" (selectionChange)="matSelectionChanged($event)">
       <mat-list-option class="dbx-list-view-item" *ngFor="let item of items" [selected]="item.selected" [disabled]="item.disabled" [value]="item.value" (click)="onClickValue(item.value)">
         <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
         <div dbx-injected-content [config]="item.config"></div>
       </mat-list-option>
     </mat-selection-list>
-  `, isInline: true, components: [{ type: i1$3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i1$3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSelectionValueListItemViewComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$6.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i1$6.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$6.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListItemViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-selection-list-view-content',
@@ -3658,7 +4077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class DbxValueListViewComponent extends AbstractDbxValueListViewDirective {
     constructor() {
         super(...arguments);
-        this.emitAllClicks$ = this.config$.pipe(map(x => x.emitAllClicks), shareReplay(1));
+        this.emitAllClicks$ = this.config$.pipe(map$1(x => x.emitAllClicks), shareReplay(1));
     }
     onClickItem(item) {
         // do not emit clicks for disabled items.
@@ -3672,8 +4091,8 @@ class DbxValueListViewComponent extends AbstractDbxValueListViewDirective {
         }
     }
 }
-DbxValueListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxValueListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxValueListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxValueListViewComponent, selector: "dbx-list-view", host: { classAttribute: "dbx-list-view" }, usesInheritance: true, ngImport: i0, template: `
+DbxValueListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxValueListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxValueListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxValueListViewComponent, selector: "dbx-list-view", host: { classAttribute: "dbx-list-view" }, usesInheritance: true, ngImport: i0, template: `
     <mat-nav-list>
       <dbx-anchor *ngFor="let item of (items$ | async)" [anchor]="item.anchor" [disabled]="item.disabled">
         <a mat-list-item class="dbx-list-view-item" [disabled]="item.disabled" (click)="onClickItem(item)">
@@ -3682,8 +4101,8 @@ DbxValueListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
         </a>
       </dbx-anchor>
     </mat-nav-list>
-  `, isInline: true, components: [{ type: i1$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i1$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxValueListViewComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$6.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i1$6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$6.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxValueListViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-list-view',
@@ -3705,8 +4124,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxListLayoutModule {
 }
-DbxListLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxListLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListLayoutModule, declarations: [DbxListComponent,
+DbxListLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxListLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListLayoutModule, declarations: [DbxListComponent,
         DbxListInternalContentDirective,
         DbxListEmptyContentComponent,
         DbxValueListViewComponent,
@@ -3722,7 +4141,7 @@ DbxListLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         DbxValueListViewComponent,
         DbxSelectionValueListViewComponent,
         DbxSelectionValueListItemViewComponent] });
-DbxListLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListLayoutModule, imports: [[
+DbxListLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListLayoutModule, imports: [[
             CommonModule,
             DbxLoadingModule,
             DbxAnchorModule,
@@ -3731,7 +4150,7 @@ DbxListLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
             MatListModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxListLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxListLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3794,9 +4213,9 @@ class AbstractDbxListViewDirective {
         this._disabled.next(disabled);
     }
 }
-AbstractDbxListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxListViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxListViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractDbxListViewDirective, inputs: { valueArray: "valueArray", values: "values" }, outputs: { clickValue: "clickValue" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxListViewDirective, decorators: [{
+AbstractDbxListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxListViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxListViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxListViewDirective, inputs: { valueArray: "valueArray", values: "values" }, outputs: { clickValue: "clickValue" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxListViewDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return []; }, propDecorators: { clickValue: [{
                 type: Output
@@ -3827,9 +4246,9 @@ class AbstractSelectionValueListViewDirective extends AbstractDbxListViewDirecti
         this.selectionChanged({ items });
     }
 }
-AbstractSelectionValueListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractSelectionValueListViewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractSelectionValueListViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractSelectionValueListViewDirective, outputs: { selectionChange: "selectionChange" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractSelectionValueListViewDirective, decorators: [{
+AbstractSelectionValueListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractSelectionValueListViewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AbstractSelectionValueListViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractSelectionValueListViewDirective, outputs: { selectionChange: "selectionChange" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractSelectionValueListViewDirective, decorators: [{
             type: Directive
         }], propDecorators: { selectionChange: [{
                 type: Output
@@ -3843,9 +4262,9 @@ class AbstractDbxSelectionValueListViewItemComponent {
         return this.item.value;
     }
 }
-AbstractDbxSelectionValueListViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxSelectionValueListViewItemComponent, deps: [{ token: DBX_VALUE_LIST_VIEW_ITEM }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractDbxSelectionValueListViewItemComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractDbxSelectionValueListViewItemComponent, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxSelectionValueListViewItemComponent, decorators: [{
+AbstractDbxSelectionValueListViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxSelectionValueListViewItemComponent, deps: [{ token: DBX_VALUE_LIST_VIEW_ITEM }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxSelectionValueListViewItemComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractDbxSelectionValueListViewItemComponent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractDbxSelectionValueListViewItemComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -3858,11 +4277,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  * Component used to style a section's header.
  */
 class DbxSectionHeaderComponent {
+    get showTitle() {
+        return Boolean(this.header || this.icon);
+    }
 }
-DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: { h: "h", header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
+DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: { h: "h", header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
     <div class="dbx-section-header-content">
-      <ng-container [ngSwitch]="h ?? 1">
+      <ng-container [ngSwitch]="showTitle && (h ?? 1)">
         <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
           <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
         </h1>
@@ -3886,14 +4308,14 @@ DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
     <ng-template #headerContentTitleTemplate>
         <mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span>
     </ng-template>
-  `, isInline: true, components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '.dbx-section-header',
                     template: `
     <div class="dbx-section-header-content">
-      <ng-container [ngSwitch]="h ?? 1">
+      <ng-container [ngSwitch]="showTitle && (h ?? 1)">
         <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
           <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
         </h1>
@@ -3938,8 +4360,8 @@ class DbxSectionComponent extends DbxSectionHeaderComponent {
         this.elevated = false;
     }
 }
-DbxSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSectionComponent, selector: "dbx-section", inputs: { elevated: "elevated" }, host: { properties: { "class": "(elevated) ? 'dbx-section-elevated' : ''" }, classAttribute: "d-block, dbx-section" }, usesInheritance: true, ngImport: i0, template: `
+DbxSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSectionComponent, selector: "dbx-section", inputs: { elevated: "elevated" }, host: { properties: { "class": "(elevated) ? 'dbx-section-elevated' : ''" }, classAttribute: "d-block, dbx-section" }, usesInheritance: true, ngImport: i0, template: `
     <div class="dbx-section-header" [h]="3" [header]="header" [icon]="icon" [hint]="hint">
       <ng-content select="[sectionHeader]"></ng-content>
     </div>
@@ -3947,7 +4369,7 @@ DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       <ng-content></ng-content>
     </div>
   `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-section',
@@ -3983,8 +4405,8 @@ class DbxIntroActionSectionComponent extends DbxSectionComponent {
         this.showAction.next();
     }
 }
-DbxIntroActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxIntroActionSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxIntroActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxIntroActionSectionComponent, selector: "dbx-intro-action-section", inputs: { showIntro: "showIntro", action: "action" }, outputs: { showAction: "showAction" }, usesInheritance: true, ngImport: i0, template: `
+DbxIntroActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIntroActionSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxIntroActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxIntroActionSectionComponent, selector: "dbx-intro-action-section", inputs: { showIntro: "showIntro", action: "action" }, outputs: { showAction: "showAction" }, usesInheritance: true, ngImport: i0, template: `
   <div class="dbx-intro-action-section" [ngSwitch]="showIntro">
     <div *ngSwitchCase="true" class="dbx-intro-action-section-intro">
       <p>{{ hint }}</p>
@@ -3999,8 +4421,8 @@ DbxIntroActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
       <ng-content></ng-content>
     </ng-container>
   </div>
-  `, isInline: true, components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
+  `, isInline: true, components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-intro-action-section',
@@ -4034,8 +4456,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxSubSectionComponent extends DbxSectionComponent {
 }
-DbxSubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSubSectionComponent, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
+DbxSubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSubSectionComponent, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
   <div class="dbx-subsection">
     <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [icon]="icon" [hint]="hint">
       <ng-content select="[sectionHeader]"></ng-content>
@@ -4045,7 +4467,7 @@ DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
     </div>
   </div>
   `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-subsection',
@@ -4067,8 +4489,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxSectionPageComponent extends DbxSectionHeaderComponent {
 }
-DbxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSectionPageComponent, selector: "dbx-section-page", usesInheritance: true, ngImport: i0, template: `
+DbxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSectionPageComponent, selector: "dbx-section-page", usesInheritance: true, ngImport: i0, template: `
   <div class="dbx-content-page dbx-section-page">
     <div class="dbx-section-header" [h]="h ?? 2" [header]="header" [icon]="icon" [hint]="hint">
       <ng-content select="[sectionHeader]"></ng-content>
@@ -4076,7 +4498,7 @@ DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
     <ng-content></ng-content>
   </div>
   `, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-section-page',
@@ -4096,8 +4518,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxSectionLayoutModule {
 }
-DbxSectionLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxSectionLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, declarations: [DbxSectionHeaderComponent,
+DbxSectionLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxSectionLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionLayoutModule, declarations: [DbxSectionHeaderComponent,
         DbxSectionPageComponent,
         DbxSectionComponent,
         DbxSubSectionComponent,
@@ -4110,14 +4532,14 @@ DbxSectionLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         DbxSectionComponent,
         DbxSubSectionComponent,
         DbxIntroActionSectionComponent] });
-DbxSectionLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, imports: [[
+DbxSectionLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionLayoutModule, imports: [[
             CommonModule,
             DbxAnchorModule,
             MatButtonModule,
             MatRippleModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSectionLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4146,9 +4568,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxStepComponent {
 }
-DbxStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxStepComponent, selector: "dbx-step", inputs: { done: "done", step: "step", text: "text", hint: "hint" }, ngImport: i0, template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepComponent, decorators: [{
+DbxStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxStepComponent, selector: "dbx-step", inputs: { done: "done", step: "step", text: "text", hint: "hint" }, ngImport: i0, template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-step', template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { done: [{
@@ -4163,14 +4585,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxStepLayoutModule {
 }
-DbxStepLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxStepLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, declarations: [DbxStepComponent], imports: [CommonModule,
+DbxStepLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxStepLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepLayoutModule, declarations: [DbxStepComponent], imports: [CommonModule,
         MatIconModule], exports: [DbxStepComponent] });
-DbxStepLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, imports: [[
+DbxStepLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepLayoutModule, imports: [[
             CommonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxStepLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4188,9 +4610,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxHintComponent {
 }
-DbxHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxHintComponent, selector: "dbx-hint", host: { classAttribute: "dbx-hint" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxHintComponent, decorators: [{
+DbxHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxHintComponent, selector: "dbx-hint", host: { classAttribute: "dbx-hint" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxHintComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-hint',
@@ -4201,11 +4623,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 }]
         }] });
 
+/**
+ * Icon spacer directive.
+ */
+class DbxIconSpacerDirective {
+}
+DbxIconSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIconSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxIconSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxIconSpacerDirective, selector: "dbx-icon-spacer,dbxIconSpacer", host: { classAttribute: "dbx-icon-spacer d-inline" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIconSpacerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'dbx-icon-spacer,dbxIconSpacer',
+                    host: {
+                        class: 'dbx-icon-spacer d-inline'
+                    }
+                }]
+        }] });
+
 class DbxLabelComponent {
 }
-DbxLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLabelComponent, selector: "dbx-label", host: { classAttribute: "dbx-label" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLabelComponent, decorators: [{
+DbxLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLabelComponent, selector: "dbx-label", host: { classAttribute: "dbx-label" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-label',
@@ -4223,13 +4662,13 @@ class DbxLinkifyComponent {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
         this._text = new BehaviorSubject('');
-        this.linkifiedText$ = this._text.pipe(distinctUntilChanged$1(), map$1(x => linkifyStr(x, {
+        this.linkifiedText$ = this._text.pipe(distinctUntilChanged$1(), map(x => linkifyStr(x, {
             defaultProtocol: 'https',
             target: {
                 url: '_blank'
             }
         })), shareReplay$1(1));
-        this.linkifiedBody$ = this.linkifiedText$.pipe(map$1(x => {
+        this.linkifiedBody$ = this.linkifiedText$.pipe(map(x => {
             return this.sanitizer.bypassSecurityTrustHtml(x);
         }), shareReplay$1(1));
     }
@@ -4243,23 +4682,23 @@ class DbxLinkifyComponent {
         this._text.next(text);
     }
 }
-DbxLinkifyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLinkifyComponent, deps: [{ token: i1$8.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-DbxLinkifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxLinkifyComponent, selector: "dbx-linkify", inputs: { text: "text" }, ngImport: i0, template: `<span class="dbx-linkify" [innerHTML]="linkifiedBody$ | async"></span>`, isInline: true, pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLinkifyComponent, decorators: [{
+DbxLinkifyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLinkifyComponent, deps: [{ token: i1$a.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+DbxLinkifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxLinkifyComponent, selector: "dbx-linkify", inputs: { text: "text" }, ngImport: i0, template: `<span class="dbx-linkify" [innerHTML]="linkifiedBody$ | async"></span>`, isInline: true, pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLinkifyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-linkify',
                     template: `<span class="dbx-linkify" [innerHTML]="linkifiedBody$ | async"></span>`
                 }]
-        }], ctorParameters: function () { return [{ type: i1$8.DomSanitizer }]; }, propDecorators: { text: [{
+        }], ctorParameters: function () { return [{ type: i1$a.DomSanitizer }]; }, propDecorators: { text: [{
                 type: Input
             }] } });
 
 class DbxNoteComponent {
 }
-DbxNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxNoteComponent, selector: "dbx-note", host: { classAttribute: "dbx-note" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoteComponent, decorators: [{
+DbxNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxNoteComponent, selector: "dbx-note", host: { classAttribute: "dbx-note" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-note',
@@ -4272,9 +4711,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxNoticeComponent {
 }
-DbxNoticeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxNoticeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxNoticeComponent, selector: "dbx-notice", host: { classAttribute: "dbx-notice" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNoticeComponent, decorators: [{
+DbxNoticeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxNoticeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxNoticeComponent, selector: "dbx-notice", host: { classAttribute: "dbx-notice" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxNoticeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-notice',
@@ -4287,9 +4726,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxOkComponent {
 }
-DbxOkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxOkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxOkComponent, selector: "dbx-ok", host: { classAttribute: "dbx-ok" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxOkComponent, decorators: [{
+DbxOkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxOkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxOkComponent, selector: "dbx-ok", host: { classAttribute: "dbx-ok" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-ok',
@@ -4302,9 +4741,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxSuccessComponent {
 }
-DbxSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSuccessComponent, selector: "dbx-success", host: { classAttribute: "dbx-success" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSuccessComponent, decorators: [{
+DbxSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxSuccessComponent, selector: "dbx-success", host: { classAttribute: "dbx-success" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSuccessComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-success',
@@ -4317,15 +4756,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxTextChipsComponent {
 }
-DbxTextChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxTextChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxTextChipsComponent, selector: "dbx-text-chips", inputs: { chips: "chips" }, ngImport: i0, template: `
+DbxTextChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxTextChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTextChipsComponent, selector: "dbx-text-chips", inputs: { chips: "chips" }, ngImport: i0, template: `
   <mat-chip-list *ngIf="chips" [multiple]="false">
     <mat-chip *ngFor="let chip of chips" selected [color]="chip.color" [matTooltip]="chip.tooltip!" matTooltipPosition="above">
       {{chip.text}}
     </mat-chip>
   </mat-chip-list>
-  `, isInline: true, components: [{ type: i1$9.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$9.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i3$4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextChipsComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$b.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$b.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i3$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextChipsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-text-chips',
@@ -4343,9 +4782,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxWarnComponent {
 }
-DbxWarnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWarnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxWarnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxWarnComponent, selector: "dbx-warn", host: { classAttribute: "dbx-warn" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWarnComponent, decorators: [{
+DbxWarnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWarnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxWarnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxWarnComponent, selector: "dbx-warn", host: { classAttribute: "dbx-warn" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWarnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-warn',
@@ -4358,8 +4797,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxTextModule {
 }
-DbxTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, declarations: [DbxNoteComponent,
+DbxTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, declarations: [DbxNoteComponent,
         DbxNoticeComponent,
         DbxSuccessComponent,
         DbxWarnComponent,
@@ -4367,7 +4806,8 @@ DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         DbxLabelComponent,
         DbxLinkifyComponent,
         DbxOkComponent,
-        DbxTextChipsComponent], imports: [CommonModule,
+        DbxTextChipsComponent,
+        DbxIconSpacerDirective], imports: [CommonModule,
         MatChipsModule,
         MatTooltipModule,
         MatIconModule], exports: [DbxNoteComponent,
@@ -4378,14 +4818,15 @@ DbxTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         DbxLabelComponent,
         DbxLinkifyComponent,
         DbxOkComponent,
-        DbxTextChipsComponent] });
-DbxTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, imports: [[
+        DbxTextChipsComponent,
+        DbxIconSpacerDirective] });
+DbxTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, imports: [[
             CommonModule,
             MatChipsModule,
             MatTooltipModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxTextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTextModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4403,7 +4844,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                         DbxLabelComponent,
                         DbxLinkifyComponent,
                         DbxOkComponent,
-                        DbxTextChipsComponent
+                        DbxTextChipsComponent,
+                        DbxIconSpacerDirective
                     ],
                     exports: [
                         DbxNoteComponent,
@@ -4414,15 +4856,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                         DbxLabelComponent,
                         DbxLinkifyComponent,
                         DbxOkComponent,
-                        DbxTextChipsComponent
+                        DbxTextChipsComponent,
+                        DbxIconSpacerDirective
                     ],
                 }]
         }] });
 
 class DbxLayoutModule {
 }
-DbxLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLayoutModule, exports: [DbxBarLayoutModule,
+DbxLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLayoutModule, exports: [DbxBarLayoutModule,
         DbxBlockLayoutModule,
         DbxCardBoxLayoutModule,
         DbxColumnLayoutModule,
@@ -4436,7 +4879,7 @@ DbxLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         DbxStepLayoutModule,
         DbxStyleLayoutModule,
         DbxTextModule] });
-DbxLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLayoutModule, imports: [DbxBarLayoutModule,
+DbxLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLayoutModule, imports: [DbxBarLayoutModule,
         DbxBlockLayoutModule,
         DbxCardBoxLayoutModule,
         DbxColumnLayoutModule,
@@ -4450,7 +4893,7 @@ DbxLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         DbxStepLayoutModule,
         DbxStyleLayoutModule,
         DbxTextModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -4506,9 +4949,9 @@ class DbxPopoverCoordinatorService {
         }
     }
 }
-DbxPopoverCoordinatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverCoordinatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DbxPopoverCoordinatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverCoordinatorService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverCoordinatorService, decorators: [{
+DbxPopoverCoordinatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverCoordinatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DbxPopoverCoordinatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverCoordinatorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverCoordinatorService, decorators: [{
             type: Injectable
         }] });
 
@@ -4519,7 +4962,7 @@ class DbxPopoverCoordinatorComponent {
     constructor(service, popover) {
         this.service = service;
         this.popover = popover;
-        this.isPopoverForKey$ = this.service.popovers$.pipe(map$1(x => x.get(this.popover.key) === this.popover), shareReplay$1(1));
+        this.isPopoverForKey$ = this.service.popovers$.pipe(map(x => x.get(this.popover.key) === this.popover), shareReplay$1(1));
         this.show$ = this.isPopoverForKey$.pipe(delay$1(0));
     }
     ngOnInit() {
@@ -4529,13 +4972,13 @@ class DbxPopoverCoordinatorComponent {
         this.service.removePopover(this.popover.key, this.popover);
     }
 }
-DbxPopoverCoordinatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverCoordinatorComponent, deps: [{ token: DbxPopoverCoordinatorService }, { token: DbxPopoverController }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopoverCoordinatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverCoordinatorComponent, selector: "dbx-popover-coordinator", ngImport: i0, template: `
+DbxPopoverCoordinatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverCoordinatorComponent, deps: [{ token: DbxPopoverCoordinatorService }, { token: DbxPopoverController }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopoverCoordinatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverCoordinatorComponent, selector: "dbx-popover-coordinator", ngImport: i0, template: `
   <ng-container *ngIf="show$ | async">
     <ng-content></ng-content>
   </ng-container>
-  `, isInline: true, directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverCoordinatorComponent, decorators: [{
+  `, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverCoordinatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popover-coordinator',
@@ -4571,9 +5014,9 @@ class DbxWindowKeyDownListenerDirective {
         }
     }
 }
-DbxWindowKeyDownListenerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWindowKeyDownListenerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxWindowKeyDownListenerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: { appWindowKeyDownEnabled: "appWindowKeyDownEnabled", appWindowKeyDownFilter: "appWindowKeyDownFilter" }, outputs: { keyPressed: "dbxWindowKeyDownListener" }, host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWindowKeyDownListenerDirective, decorators: [{
+DbxWindowKeyDownListenerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWindowKeyDownListenerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxWindowKeyDownListenerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: { appWindowKeyDownEnabled: "appWindowKeyDownEnabled", appWindowKeyDownFilter: "appWindowKeyDownFilter" }, outputs: { keyPressed: "dbxWindowKeyDownListener" }, host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWindowKeyDownListenerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxWindowKeyDownListener]'
@@ -4609,8 +5052,8 @@ class DbxPopoverComponent extends AbstractTransitionWatcherDirective {
         this._startedClosing = false;
         this._closing = new Subject();
         this._triggerCloseKeys = [];
-        this.isClosing$ = this._closing.pipe(first$1(), map$1(x => true), startWith$1(false), shareReplay$1(1));
-        this.closing$ = this.isClosing$.pipe(filter$1(x => x));
+        this.isClosing$ = this._closing.pipe(first$1(), map(x => true), startWith$1(false), shareReplay$1(1));
+        this.closing$ = this.isClosing$.pipe(filter(x => x));
         // Override Close to properly signal to listeners when a close is occuring.
         const originalClose = this.popoverRef.close;
         this.popoverRef.close = (x) => {
@@ -4679,8 +5122,8 @@ class DbxPopoverComponent extends AbstractTransitionWatcherDirective {
         this.close();
     }
 }
-DbxPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverComponent, deps: [{ token: i1$a.NgPopoverRef }, { token: CompactContextStore }, { token: i1.DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverComponent, selector: "ng-component", providers: [{
+DbxPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverComponent, deps: [{ token: i1$c.NgPopoverRef }, { token: CompactContextStore }, { token: i1$2.DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverComponent, selector: "ng-component", providers: [{
             provide: DbxPopoverController,
             useExisting: DbxPopoverComponent
         }, {
@@ -4689,8 +5132,8 @@ DbxPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
   <dbx-popover-coordinator (dbxWindowKeyDownListener)="handleKeydown($event)" [appWindowKeyDownFilter]="triggerCloseKeys">
     <div dbx-style class="dbx-popover-component" dbx-injected-content [config]="contentConfig"></div>
   </dbx-popover-coordinator>
-  `, isInline: true, components: [{ type: DbxPopoverCoordinatorComponent, selector: "dbx-popover-coordinator" }, { type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["appWindowKeyDownEnabled", "appWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }, { type: DbxStyleDirective, selector: "dbx-style, [dbx-style], .dbx-style" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxPopoverCoordinatorComponent, selector: "dbx-popover-coordinator" }, { type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["appWindowKeyDownEnabled", "appWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }, { type: DbxStyleDirective, selector: "dbx-style, [dbx-style], .dbx-style" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -4705,7 +5148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                             provide: CompactContextStore
                         }]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$a.NgPopoverRef }, { type: CompactContextStore }, { type: i1.DbxRouterTransitionService }, { type: i0.NgZone }]; } });
+        }], ctorParameters: function () { return [{ type: i1$c.NgPopoverRef }, { type: CompactContextStore }, { type: i1$2.DbxRouterTransitionService }, { type: i0.NgZone }]; } });
 
 /**
  * Abstract popover directive.
@@ -4721,9 +5164,9 @@ class AbstractPopoverDirective {
         this.popover.return(value);
     }
 }
-AbstractPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopoverDirective, deps: [{ token: DbxPopoverComponent }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractPopoverDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopoverDirective, decorators: [{
+AbstractPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopoverDirective, deps: [{ token: DbxPopoverComponent }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractPopoverDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopoverDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: DbxPopoverComponent }]; } });
 
@@ -4744,16 +5187,16 @@ class DbxPopoverContentComponent {
         this._height.complete();
     }
 }
-DbxPopoverContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPopoverContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverContentComponent, selector: "dbx-popover-content", ngImport: i0, template: `
+DbxPopoverContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxPopoverContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverContentComponent, selector: "dbx-popover-content", ngImport: i0, template: `
   <div class="d-block dbx-popover-content" (resized)="onResized($event)" [style.--popoverh]="height$ | async">
     <ng-content select="[controls]"></ng-content>
     <div class="dbx-popover-content-container">
       <ng-content></ng-content>
     </div>
   </div>
-`, isInline: true, directives: [{ type: i1$6.ResizedDirective, selector: "[resized]", outputs: ["resized"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverContentComponent, decorators: [{
+`, isInline: true, directives: [{ type: i1$8.ResizedDirective, selector: "[resized]", outputs: ["resized"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popover-content',
@@ -4778,8 +5221,8 @@ class DbxPopoverHeaderComponent {
         }
     }
 }
-DbxPopoverHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverHeaderComponent, deps: [{ token: DbxPopoverContentComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopoverHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
+DbxPopoverHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverHeaderComponent, deps: [{ token: DbxPopoverContentComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopoverHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
   <div class="dbx-popover-header">
     <div class="dbx-popover-header-content">
       <h3><mat-icon *ngIf="icon" class="dbx-icon-spacer">{{ icon }}</mat-icon> {{ header }}</h3>
@@ -4788,8 +5231,8 @@ DbxPopoverHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
     </div>
   </div>
   <mat-divider></mat-divider>
-  `, isInline: true, components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverHeaderComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popover-header',
@@ -4843,9 +5286,9 @@ class DbxPopoverScrollContentComponent {
         return this.appPopoverContentComponent.hasControls;
     }
 }
-DbxPopoverScrollContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverScrollContentComponent, deps: [{ token: DbxPopoverContentComponent }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopoverScrollContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content", host: { properties: { "class": "sizingClasses" }, classAttribute: "d-block dbx-popover-scroll-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverScrollContentComponent, decorators: [{
+DbxPopoverScrollContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverScrollContentComponent, deps: [{ token: DbxPopoverContentComponent }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopoverScrollContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content", host: { properties: { "class": "sizingClasses" }, classAttribute: "d-block dbx-popover-scroll-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverScrollContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popover-scroll-content',
@@ -4867,7 +5310,7 @@ class DbxFilterPopoverComponent extends AbstractPopoverDirective {
         this.showSwitchButtons = Boolean(this.config.customFilterComponentClass && this.config.presetFilterComponentClass);
         this._showPreset = new BehaviorSubject(false);
         this.showPreset$ = this._showPreset.asObservable();
-        this.config$ = this._showPreset.pipe(map((showPreset) => {
+        this.config$ = this._showPreset.pipe(map$1((showPreset) => {
             const { connector, initialFilterObs, customFilterComponentClass, presetFilterComponentClass } = this.config;
             let componentClass;
             if (showPreset) {
@@ -4928,9 +5371,9 @@ class DbxFilterPopoverComponent extends AbstractPopoverDirective {
         this._showPreset.next(false);
     }
 }
-DbxFilterPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterPopoverComponent, deps: [{ token: DbxPopoverComponent }], target: i0.ɵɵFactoryTarget.Component });
-DbxFilterPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFilterPopoverComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header icon=\"filter\" header=\"Filter\">\n    <ng-container *ngIf=\"showSwitchButtons\" [ngSwitch]=\"showPreset$ | async\">\n      <button *ngSwitchCase=\"true\" mat-flat-button color=\"accent\" (click)=\"showCustom()\">Custom</button>\n      <button *ngSwitchCase=\"false\" mat-flat-button color=\"accent\" (click)=\"showPresets()\">Presets</button>\n    </ng-container>\n  </dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-injected-content [config]=\"config$ | async\"></dbx-injected-content>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", components: [{ type: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content" }, { type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterPopoverComponent, decorators: [{
+DbxFilterPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterPopoverComponent, deps: [{ token: DbxPopoverComponent }], target: i0.ɵɵFactoryTarget.Component });
+DbxFilterPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterPopoverComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header icon=\"filter\" header=\"Filter\">\n    <ng-container *ngIf=\"showSwitchButtons\" [ngSwitch]=\"showPreset$ | async\">\n      <button *ngSwitchCase=\"true\" mat-flat-button color=\"accent\" (click)=\"showCustom()\">Custom</button>\n      <button *ngSwitchCase=\"false\" mat-flat-button color=\"accent\" (click)=\"showPresets()\">Presets</button>\n    </ng-container>\n  </dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-injected-content [config]=\"config$ | async\"></dbx-injected-content>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", components: [{ type: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content" }, { type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterPopoverComponent, decorators: [{
             type: Component,
             args: [{ template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header icon=\"filter\" header=\"Filter\">\n    <ng-container *ngIf=\"showSwitchButtons\" [ngSwitch]=\"showPreset$ | async\">\n      <button *ngSwitchCase=\"true\" mat-flat-button color=\"accent\" (click)=\"showCustom()\">Custom</button>\n      <button *ngSwitchCase=\"false\" mat-flat-button color=\"accent\" (click)=\"showPresets()\">Presets</button>\n    </ng-container>\n  </dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-injected-content [config]=\"config$ | async\"></dbx-injected-content>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
         }], ctorParameters: function () { return [{ type: DbxPopoverComponent }]; } });
@@ -4966,11 +5409,11 @@ class DbxPopoverService {
         });
     }
 }
-DbxPopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverService, deps: [{ token: i1$b.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxPopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverService, decorators: [{
+DbxPopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverService, deps: [{ token: i1$d.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxPopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$b.Overlay }, { type: i0.Injector }]; } });
+        }], ctorParameters: function () { return [{ type: i1$d.Overlay }, { type: i0.Injector }]; } });
 
 class AbstractFilterPopoverButtonDirective extends AbstractSubscriptionDirective {
     constructor(popupService) {
@@ -4993,9 +5436,9 @@ class AbstractFilterPopoverButtonDirective extends AbstractSubscriptionDirective
         });
     }
 }
-AbstractFilterPopoverButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractFilterPopoverButtonDirective, deps: [{ token: DbxPopoverService }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractFilterPopoverButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractFilterPopoverButtonDirective, inputs: { config: "config" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractFilterPopoverButtonDirective, decorators: [{
+AbstractFilterPopoverButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractFilterPopoverButtonDirective, deps: [{ token: DbxPopoverService }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractFilterPopoverButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractFilterPopoverButtonDirective, inputs: { config: "config" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractFilterPopoverButtonDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: DbxPopoverService }]; }, propDecorators: { config: [{
                 type: Input
@@ -5007,13 +5450,13 @@ class DbxFilterPopoverButtonComponent extends AbstractFilterPopoverButtonDirecti
         this.showFilterPopoverAtOrigin(origin);
     }
 }
-DbxFilterPopoverButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxFilterPopoverButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFilterPopoverButtonComponent, selector: "dbx-filter-popover-button", viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+DbxFilterPopoverButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFilterPopoverButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterPopoverButtonComponent, selector: "dbx-filter-popover-button", viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
     <button #button mat-icon-button (click)="showFilterPopover()" matTooltip="Filter" matTooltipPosition="above">
       <mat-icon>filter_list</mat-icon>
     </button>
-  `, isInline: true, components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterPopoverButtonComponent, decorators: [{
+  `, isInline: true, components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterPopoverButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-filter-popover-button',
@@ -5038,9 +5481,9 @@ class DbxPopoverControlsDirective {
         }
     }
 }
-DbxPopoverControlsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverControlsDirective, deps: [{ token: DbxPopoverContentComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxPopoverControlsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverControlsDirective, selector: "dbx-popover-controls,[dbx-popover-controls],.dbx-popover-controls", host: { classAttribute: "d-block dbx-popover-controls" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverControlsDirective, decorators: [{
+DbxPopoverControlsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverControlsDirective, deps: [{ token: DbxPopoverContentComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxPopoverControlsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverControlsDirective, selector: "dbx-popover-controls,[dbx-popover-controls],.dbx-popover-controls", host: { classAttribute: "d-block dbx-popover-controls" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverControlsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-popover-controls,[dbx-popover-controls],.dbx-popover-controls',
@@ -5078,9 +5521,9 @@ class AbstractPopoverRefDirective extends AbstractSubscriptionDirective {
         // Do nothing.
     }
 }
-AbstractPopoverRefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopoverRefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractPopoverRefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractPopoverRefDirective, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopoverRefDirective, decorators: [{
+AbstractPopoverRefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopoverRefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AbstractPopoverRefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractPopoverRefDirective, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopoverRefDirective, decorators: [{
             type: Directive
         }] });
 /**
@@ -5104,9 +5547,9 @@ class AbstractPopoverRefWithEventsDirective extends AbstractPopoverRefDirective
         this.popoverClosed.next(event);
     }
 }
-AbstractPopoverRefWithEventsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopoverRefWithEventsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AbstractPopoverRefWithEventsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractPopoverRefWithEventsDirective, outputs: { popoverOpened: "popoverOpened", popoverClosed: "popoverClosed" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopoverRefWithEventsDirective, decorators: [{
+AbstractPopoverRefWithEventsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopoverRefWithEventsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AbstractPopoverRefWithEventsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractPopoverRefWithEventsDirective, outputs: { popoverOpened: "popoverOpened", popoverClosed: "popoverClosed" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopoverRefWithEventsDirective, decorators: [{
             type: Directive
         }], propDecorators: { popoverOpened: [{
                 type: Output
@@ -5174,15 +5617,15 @@ class DbxPopoverActionDirective extends AbstractPopoverRefWithEventsDirective {
         }
     }
 }
-DbxPopoverActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverActionDirective, deps: [{ token: i0.ElementRef }, { token: i1.ActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
-DbxPopoverActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverActionDirective, selector: "[dbxPopoverAction]", inputs: { fn: ["dbxPopoverAction", "fn"], appPopoverActionModified: "appPopoverActionModified" }, exportAs: ["popoverAction"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverActionDirective, decorators: [{
+DbxPopoverActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionDirective, deps: [{ token: i0.ElementRef }, { token: i1$2.DbxActionContextStoreSourceInstance }], target: i0.ɵɵFactoryTarget.Directive });
+DbxPopoverActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverActionDirective, selector: "[dbxPopoverAction]", inputs: { fn: ["dbxPopoverAction", "fn"], appPopoverActionModified: "appPopoverActionModified" }, exportAs: ["popoverAction"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'popoverAction',
                     selector: '[dbxPopoverAction]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ActionContextStoreSourceInstance }]; }, propDecorators: { fn: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.DbxActionContextStoreSourceInstance }]; }, propDecorators: { fn: [{
                 type: Input,
                 args: ['dbxPopoverAction']
             }], appPopoverActionModified: [{
@@ -5193,35 +5636,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  * Action directive that is used to link an DbxButton to an DbxPopoverActionDirective.
  */
 class DbxPopoverActionButtonDirective extends DbxActionButtonDirective {
-    constructor(button, source, ngZone, appPopoverActionDirective) {
-        super(button, source, ngZone);
+    constructor(button, source, cdRef, appPopoverActionDirective) {
+        super(button, source, cdRef);
         this.appPopoverActionDirective = appPopoverActionDirective;
     }
     _buttonClicked() {
         this.appPopoverActionDirective.showPopover();
     }
 }
-DbxPopoverActionButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverActionButtonDirective, deps: [{ token: i1.DbxButtonDirective, host: true }, { token: i1.ActionContextStoreSourceInstance }, { token: i0.NgZone }, { token: DbxPopoverActionDirective }], target: i0.ɵɵFactoryTarget.Directive });
-DbxPopoverActionButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopoverActionButtonDirective, selector: "[dbxPopoverActionButton]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverActionButtonDirective, decorators: [{
+DbxPopoverActionButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionButtonDirective, deps: [{ token: i1$2.DbxButtonDirective, host: true }, { token: i1$2.DbxActionContextStoreSourceInstance }, { token: i0.ChangeDetectorRef }, { token: DbxPopoverActionDirective }], target: i0.ɵɵFactoryTarget.Directive });
+DbxPopoverActionButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverActionButtonDirective, selector: "[dbxPopoverActionButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxPopoverActionButton]'
                 }]
         }], ctorParameters: function () {
-        return [{ type: i1.DbxButtonDirective, decorators: [{
+        return [{ type: i1$2.DbxButtonDirective, decorators: [{
                         type: Host
-                    }] }, { type: i1.ActionContextStoreSourceInstance }, { type: i0.NgZone }, { type: DbxPopoverActionDirective }];
+                    }] }, { type: i1$2.DbxActionContextStoreSourceInstance }, { type: i0.ChangeDetectorRef }, { type: DbxPopoverActionDirective }];
     } });
 
 class DbxKeypressModule {
 }
-DbxKeypressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxKeypressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxKeypressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxKeypressModule, declarations: [DbxWindowKeyDownListenerDirective], imports: [CommonModule], exports: [DbxWindowKeyDownListenerDirective] });
-DbxKeypressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxKeypressModule, imports: [[
+DbxKeypressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxKeypressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxKeypressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxKeypressModule, declarations: [DbxWindowKeyDownListenerDirective], imports: [CommonModule], exports: [DbxWindowKeyDownListenerDirective] });
+DbxKeypressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxKeypressModule, imports: [[
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxKeypressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxKeypressModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5255,15 +5698,15 @@ class DbxActionKeyTriggerDirective {
         }
     }
 }
-DbxActionKeyTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionKeyTriggerDirective, deps: [{ token: i1.ActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionKeyTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxActionKeyTriggerDirective, selector: "[dbxActionKeyTrigger]", inputs: { inputKey: ["dbxActionKeyTrigger", "inputKey"] }, host: { listeners: { "document:keyup": "onKeyupHandler($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionKeyTriggerDirective, decorators: [{
+DbxActionKeyTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionKeyTriggerDirective, deps: [{ token: i1$2.DbxActionContextStoreSourceInstance, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionKeyTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionKeyTriggerDirective, selector: "[dbxActionKeyTrigger]", inputs: { inputKey: ["dbxActionKeyTrigger", "inputKey"] }, host: { listeners: { "document:keyup": "onKeyupHandler($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionKeyTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionKeyTrigger]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: i1.ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: i1$2.DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
                     }] }];
     }, propDecorators: { inputKey: [{
@@ -5274,100 +5717,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 args: ['document:keyup', ['$event']]
             }] } });
 
-/**
- * Component for a snackbar that contains an action.
- */
-class DbxActionSnackbarComponent {
-    constructor(snackbar, data) {
-        this.snackbar = snackbar;
-        this.data = data;
-        this.complete$ = this.actionSourceInstance.isSuccess$;
-        this.snackbarStatusClass$ = this.actionSourceInstance.actionState$.pipe(map$1((x) => {
-            let classes = 'dbx-action-snackbar-';
-            switch (x) {
-                case ActionState.Rejected:
-                    classes += 'error';
-                    break;
-                case ActionState.Success:
-                    classes += 'success';
-                    break;
-                default:
-                    classes += 'idle';
-                    break;
-            }
-            return classes;
-        }), distinctUntilChanged(), shareReplay(1));
-        this.dismissEarly = () => {
-            this.snackbar._dismissAfter(ms('3s'));
-        };
-        this.dismiss = () => {
-            this.snackbar.dismiss();
-        };
-        if (!data.actionSource) {
-            throw new Error('No action was provided to ActionSnackbar.');
-        }
-    }
-    get message() {
-        return this.data.message;
-    }
-    get action() {
-        return this.data.action;
-    }
-    get actionSourceInstance() {
-        return this.data.actionSource;
-    }
-}
-DbxActionSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1$c.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxActionSnackbarComponent, selector: "ng-component", ngImport: i0, template: `
-    <div class="dbx-action-snackbar" [ngClass]="(snackbarStatusClass$ | async)!">
-      <ng-container [ngSwitch]="complete$ | async">
-        <ng-container *ngSwitchCase="true">
-          <div class="spacer"></div>
-          <dbx-button (buttonClick)="dismiss()" color="accent" icon="done" text="Success"></dbx-button>
-        </ng-container>
-        <ng-container *ngSwitchCase="false">
-          <span>{{ message }}</span>
-          <div class="spacer"></div>
-          <dbx-action dbxActionValue [dbxActionSource]="actionSourceInstance" [dbxActionSuccess]="dismissEarly">
-            <dbx-button dbxActionButton color="warn" [text]="action"></dbx-button>
-          </dbx-action>
-          <dbx-button-spacer></dbx-button-spacer>
-          <dbx-button (buttonClick)="dismiss()" color="accent" icon="close"></dbx-button>
-        </ng-container>
-      </ng-container>
-    </div>
-  `, isInline: true, components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }, { type: DbxButtonSpacerComponent, selector: "dbx-button-spacer" }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action"] }, { type: i1.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { type: i1.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { type: i1.DbxActionSuccessDirective, selector: "[dbxActionSuccess]", inputs: ["dbxActionSuccess"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionSnackbarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <div class="dbx-action-snackbar" [ngClass]="(snackbarStatusClass$ | async)!">
-      <ng-container [ngSwitch]="complete$ | async">
-        <ng-container *ngSwitchCase="true">
-          <div class="spacer"></div>
-          <dbx-button (buttonClick)="dismiss()" color="accent" icon="done" text="Success"></dbx-button>
-        </ng-container>
-        <ng-container *ngSwitchCase="false">
-          <span>{{ message }}</span>
-          <div class="spacer"></div>
-          <dbx-action dbxActionValue [dbxActionSource]="actionSourceInstance" [dbxActionSuccess]="dismissEarly">
-            <dbx-button dbxActionButton color="warn" [text]="action"></dbx-button>
-          </dbx-action>
-          <dbx-button-spacer></dbx-button-spacer>
-          <dbx-button (buttonClick)="dismiss()" color="accent" icon="close"></dbx-button>
-        </ng-container>
-      </ng-container>
-    </div>
-  `,
-                    // TODO: styleUrls: ['./action.scss']
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i1$c.MatSnackBarRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_SNACK_BAR_DATA]
-                    }] }];
-    } });
-
 class DbxPromptConfirm {
 }
 function ProvideDbxPromptConfirm(sourceType) {
@@ -5382,8 +5731,8 @@ function ProvideDbxPromptConfirm(sourceType) {
  */
 class DbxPromptComponent {
 }
-DbxPromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPromptComponent, selector: "dbx-prompt", inputs: { header: "header", prompt: "prompt" }, ngImport: i0, template: `
+DbxPromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPromptComponent, selector: "dbx-prompt", inputs: { header: "header", prompt: "prompt" }, ngImport: i0, template: `
     <div class="dbx-prompt">
       <ng-content select="[hero]"></ng-content>
       <dbx-subsection [header]="header" [hint]="prompt">
@@ -5391,7 +5740,7 @@ DbxPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
       </dbx-subsection>
     </div>
   `, isInline: true, components: [{ type: DbxSubSectionComponent, selector: "dbx-subsection" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-prompt',
@@ -5443,9 +5792,9 @@ class DbxPromptConfirmComponent {
         this.cancel.emit();
     }
 }
-DbxPromptConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPromptConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: { config: "config" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<dbx-prompt [header]=\"config.title\" [prompt]=\"config.prompt\">\n  <ng-content></ng-content>\n  <button mat-stroked-button (click)=\"onConfirm()\">{{ config.confirmText || 'Confirm' }}</button>\n  <dbx-button-spacer></dbx-button-spacer>\n  <button mat-stroked-button color=\"warn\" (click)=\"onCancel()\">{{ config.cancelText || 'Cancel' }}</button>\n</dbx-prompt>\n", components: [{ type: DbxPromptComponent, selector: "dbx-prompt", inputs: ["header", "prompt"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: DbxButtonSpacerComponent, selector: "dbx-button-spacer" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmComponent, decorators: [{
+DbxPromptConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxPromptConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: { config: "config" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<dbx-prompt [header]=\"config.title\" [prompt]=\"config.prompt\">\n  <ng-content></ng-content>\n  <button mat-stroked-button (click)=\"onConfirm()\">{{ config.confirmText || 'Confirm' }}</button>\n  <dbx-button-spacer></dbx-button-spacer>\n  <button mat-stroked-button color=\"warn\" (click)=\"onCancel()\">{{ config.cancelText || 'Cancel' }}</button>\n</dbx-prompt>\n", components: [{ type: DbxPromptComponent, selector: "dbx-prompt", inputs: ["header", "prompt"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-prompt-confirm', template: "<dbx-prompt [header]=\"config.title\" [prompt]=\"config.prompt\">\n  <ng-content></ng-content>\n  <button mat-stroked-button (click)=\"onConfirm()\">{{ config.confirmText || 'Confirm' }}</button>\n  <dbx-button-spacer></dbx-button-spacer>\n  <button mat-stroked-button color=\"warn\" (click)=\"onCancel()\">{{ config.cancelText || 'Cancel' }}</button>\n</dbx-prompt>\n" }]
         }], propDecorators: { confirm: [{
@@ -5480,15 +5829,15 @@ class DbxPromptConfirmDialogComponent extends AbstractDialogDirective {
         this.close(false);
     }
 }
-DbxPromptConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxPromptConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPromptConfirmDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+DbxPromptConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxPromptConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPromptConfirmDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <dbx-dialog-content>
       <dbx-prompt-confirm [config]="config" (confirm)="confirm()" (cancel)="cancel()">
         <dbx-injected-content [config]="injectedConfig"></dbx-injected-content>
       </dbx-prompt-confirm>
     </dbx-dialog-content>
-  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: DbxDialogContentDirective, selector: "dbx-dialog-content,.dbx-dialog-content", inputs: ["width"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmDialogComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: DbxDialogContentDirective, selector: "dbx-dialog-content,.dbx-dialog-content", inputs: ["width"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -5526,11 +5875,11 @@ class AbstractPromptConfirmDirective {
         return result;
     }
 }
-AbstractPromptConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPromptConfirmDirective, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractPromptConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractPromptConfirmDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPromptConfirmDirective, decorators: [{
+AbstractPromptConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPromptConfirmDirective, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractPromptConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractPromptConfirmDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPromptConfirmDirective, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }]; } });
 // MARK: Directive
 /**
  * Directive that shows a confirmation screen.
@@ -5540,15 +5889,15 @@ class DbxPromptConfirmDirective extends AbstractPromptConfirmDirective {
         super(dialog);
     }
 }
-DbxPromptConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmDirective, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
-DbxPromptConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxPromptConfirmDirective, selector: "[dbxPromptConfirm]", inputs: { config: ["dbxPromptConfirm", "config"] }, providers: ProvideDbxPromptConfirm(DbxPromptConfirmDirective), usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmDirective, decorators: [{
+DbxPromptConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmDirective, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
+DbxPromptConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxPromptConfirmDirective, selector: "[dbxPromptConfirm]", inputs: { config: ["dbxPromptConfirm", "config"] }, providers: ProvideDbxPromptConfirm(DbxPromptConfirmDirective), usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxPromptConfirm]',
                     providers: ProvideDbxPromptConfirm(DbxPromptConfirmDirective)
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; }, propDecorators: { config: [{
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }]; }, propDecorators: { config: [{
                 type: Input,
                 args: ['dbxPromptConfirm']
             }] } });
@@ -5574,8 +5923,9 @@ class DbxActionConfirmDirective extends AbstractPromptConfirmDirective {
         this._sourceSubscription.destroy();
     }
     _handleDialogResult(result) {
+        var _a;
         if (result) {
-            this.source.readyValue(null);
+            this.source.readyValue((_a = this.config) === null || _a === void 0 ? void 0 : _a.readyValue);
         }
         else {
             this.source.reject(undefined);
@@ -5583,17 +5933,17 @@ class DbxActionConfirmDirective extends AbstractPromptConfirmDirective {
         return result;
     }
 }
-DbxActionConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionConfirmDirective, deps: [{ token: i1.ActionContextStoreSourceInstance, host: true }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxActionConfirmDirective, selector: "[dbxActionConfirm]", inputs: { config: ["dbxActionConfirm", "config"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionConfirmDirective, decorators: [{
+DbxActionConfirmDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionConfirmDirective, deps: [{ token: i1$2.DbxActionContextStoreSourceInstance, host: true }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionConfirmDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionConfirmDirective, selector: "[dbxActionConfirm]", inputs: { config: ["dbxActionConfirm", "config"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionConfirmDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionConfirm]'
                 }]
         }], ctorParameters: function () {
-        return [{ type: i1.ActionContextStoreSourceInstance, decorators: [{
+        return [{ type: i1$2.DbxActionContextStoreSourceInstance, decorators: [{
                         type: Host
-                    }] }, { type: i1$1.MatDialog }];
+                    }] }, { type: i1$3.MatDialog }];
     }, propDecorators: { config: [{
                 type: Input,
                 args: ['dbxActionConfirm']
@@ -5604,9 +5954,9 @@ class DbxPromptBoxComponent {
         this.elevated = true;
     }
 }
-DbxPromptBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPromptBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPromptBoxComponent, selector: "dbx-prompt-box", inputs: { elevated: "elevated" }, host: { properties: { "class.elevated": "elevated" }, classAttribute: "d-block dbx-prompt-box" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptBoxComponent, decorators: [{
+DbxPromptBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxPromptBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPromptBoxComponent, selector: "dbx-prompt-box", inputs: { elevated: "elevated" }, host: { properties: { "class.elevated": "elevated" }, classAttribute: "d-block dbx-prompt-box" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-prompt-box',
@@ -5622,15 +5972,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxPromptPageComponent {
 }
-DbxPromptPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPromptPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPromptPageComponent, selector: "dbx-prompt-page", host: { classAttribute: "d-block dbx-prompt-page" }, ngImport: i0, template: `
+DbxPromptPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxPromptPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPromptPageComponent, selector: "dbx-prompt-page", host: { classAttribute: "d-block dbx-prompt-page" }, ngImport: i0, template: `
     <dbx-content-container width="full">
       <div class="dbx-prompt-page-content-wrap">
         <ng-content></ng-content>
       </div>
     </dbx-content-container>
   `, isInline: true, directives: [{ type: DbxContentContainerDirective, selector: "dbx-content-container,[dbx-content-container],.dbx-content-container", inputs: ["grow", "padding"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-prompt-page',
@@ -5655,22 +6005,22 @@ class DbxPromptConfirmButtonDirective {
         this.appButton = appButton;
         this.prompt = prompt;
         this.interceptButtonClick = () => {
-            return this.prompt.showDialog().pipe(map$1(x => Boolean(x)));
+            return this.prompt.showDialog().pipe(map(x => Boolean(x)));
         };
     }
     ngOnInit() {
         this.appButton.setButtonInterceptor(this);
     }
 }
-DbxPromptConfirmButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmButtonDirective, deps: [{ token: i1.DbxButtonDirective, host: true }, { token: DbxPromptConfirm, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxPromptConfirmButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxPromptConfirmButtonDirective, selector: "[dbxPromptConfirmButton]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptConfirmButtonDirective, decorators: [{
+DbxPromptConfirmButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmButtonDirective, deps: [{ token: i1$2.DbxButtonDirective, host: true }, { token: DbxPromptConfirm, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxPromptConfirmButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxPromptConfirmButtonDirective, selector: "[dbxPromptConfirmButton]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptConfirmButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxPromptConfirmButton]',
                 }]
         }], ctorParameters: function () {
-        return [{ type: i1.DbxButtonDirective, decorators: [{
+        return [{ type: i1$2.DbxButtonDirective, decorators: [{
                         type: Host
                     }] }, { type: DbxPromptConfirm, decorators: [{
                         type: Host
@@ -5679,8 +6029,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxPromptModule {
 }
-DbxPromptModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxPromptModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptModule, declarations: [DbxPromptComponent,
+DbxPromptModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxPromptModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptModule, declarations: [DbxPromptComponent,
         DbxPromptBoxComponent,
         DbxPromptPageComponent,
         DbxPromptConfirmComponent,
@@ -5700,7 +6050,7 @@ DbxPromptModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         DbxPromptConfirmComponent,
         DbxPromptConfirmButtonDirective,
         DbxPromptConfirmDirective] });
-DbxPromptModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptModule, imports: [[
+DbxPromptModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptModule, imports: [[
             CommonModule,
             MatDialogModule,
             MatButtonModule,
@@ -5711,7 +6061,7 @@ DbxPromptModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             DbxSectionLayoutModule,
             DbxContentLayoutModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPromptModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPromptModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5747,9 +6097,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxActionModule {
 }
-DbxActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionModule, declarations: [DbxActionKeyTriggerDirective,
-        DbxActionSnackbarComponent,
+DbxActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionModule, declarations: [DbxActionKeyTriggerDirective,
         DbxActionConfirmDirective], imports: [CommonModule,
         DbxCoreActionModule,
         DbxButtonModule,
@@ -5758,9 +6107,8 @@ DbxActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         MatButtonModule,
         DbxPromptModule], exports: [DbxCoreActionModule,
         DbxActionKeyTriggerDirective,
-        DbxActionSnackbarComponent,
         DbxActionConfirmDirective] });
-DbxActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionModule, imports: [[
+DbxActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionModule, imports: [[
             CommonModule,
             DbxCoreActionModule,
             DbxButtonModule,
@@ -5769,7 +6117,7 @@ DbxActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             MatButtonModule,
             DbxPromptModule,
         ], DbxCoreActionModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5783,13 +6131,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                     ],
                     declarations: [
                         DbxActionKeyTriggerDirective,
-                        DbxActionSnackbarComponent,
                         DbxActionConfirmDirective,
                     ],
                     exports: [
                         DbxCoreActionModule,
                         DbxActionKeyTriggerDirective,
-                        DbxActionSnackbarComponent,
                         DbxActionConfirmDirective,
                     ]
                 }]
@@ -5805,8 +6151,8 @@ class DbxPopoverInteractionModule {
         };
     }
 }
-DbxPopoverInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxPopoverInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverInteractionModule, declarations: [DbxPopoverActionButtonDirective,
+DbxPopoverInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxPopoverInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverInteractionModule, declarations: [DbxPopoverActionButtonDirective,
         DbxPopoverActionDirective,
         DbxPopoverComponent,
         DbxPopoverCoordinatorComponent,
@@ -5830,7 +6176,7 @@ DbxPopoverInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0
         DbxPopoverControlsDirective,
         DbxPopoverHeaderComponent,
         DbxPopoverScrollContentComponent] });
-DbxPopoverInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverInteractionModule, providers: [
+DbxPopoverInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverInteractionModule, providers: [
         DbxPopoverService
     ], imports: [[
             CommonModule,
@@ -5846,7 +6192,7 @@ DbxPopoverInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
             NgOverlayContainerModule,
             AngularResizeEventModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopoverInteractionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverInteractionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5902,9 +6248,9 @@ class DbxFilterWrapperComponent {
         this.resetFilter.emit();
     }
 }
-DbxFilterWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxFilterWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFilterWrapperComponent, selector: "dbx-filter-wrapper", inputs: { modified: "modified" }, outputs: { applyFilter: "applyFilter", resetFilter: "resetFilter" }, ngImport: i0, template: "<div class=\"dbx-filter-wrapper\">\n  <div class=\"dbx-filter-wrapper-content\">\n    <ng-content></ng-content>\n  </div>\n  <div fxLayout=\"row\">\n    <button mat-raised-button (click)=\"filterClicked()\">Apply Filter</button>\n    <div class=\"spacer\"></div>\n    <button mat-icon-button (click)=\"resetClicked()\">\n      <mat-icon>clear</mat-icon>\n    </button>\n  </div>\n</div>\n", components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterWrapperComponent, decorators: [{
+DbxFilterWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxFilterWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxFilterWrapperComponent, selector: "dbx-filter-wrapper", inputs: { modified: "modified" }, outputs: { applyFilter: "applyFilter", resetFilter: "resetFilter" }, ngImport: i0, template: "<div class=\"dbx-filter-wrapper\">\n  <div class=\"dbx-filter-wrapper-content\">\n    <ng-content></ng-content>\n  </div>\n  <div fxLayout=\"row\">\n    <button mat-raised-button (click)=\"filterClicked()\">Apply Filter</button>\n    <div class=\"spacer\"></div>\n    <button mat-icon-button (click)=\"resetClicked()\">\n      <mat-icon>clear</mat-icon>\n    </button>\n  </div>\n</div>\n", components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-filter-wrapper', template: "<div class=\"dbx-filter-wrapper\">\n  <div class=\"dbx-filter-wrapper-content\">\n    <ng-content></ng-content>\n  </div>\n  <div fxLayout=\"row\">\n    <button mat-raised-button (click)=\"filterClicked()\">Apply Filter</button>\n    <div class=\"spacer\"></div>\n    <button mat-icon-button (click)=\"resetClicked()\">\n      <mat-icon>clear</mat-icon>\n    </button>\n  </div>\n</div>\n" }]
         }], propDecorators: { modified: [{
@@ -5917,8 +6263,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxFilterInteractionModule {
 }
-DbxFilterInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFilterInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterInteractionModule, declarations: [DbxFilterPopoverComponent,
+DbxFilterInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFilterInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterInteractionModule, declarations: [DbxFilterPopoverComponent,
         DbxFilterPopoverButtonComponent,
         DbxFilterWrapperComponent], imports: [CommonModule,
         DbxPopoverInteractionModule,
@@ -5930,7 +6276,7 @@ DbxFilterInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
         MatButtonModule], exports: [DbxCoreFilterModule,
         DbxFilterPopoverButtonComponent,
         DbxFilterWrapperComponent] });
-DbxFilterInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterInteractionModule, imports: [[
+DbxFilterInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterInteractionModule, imports: [[
             CommonModule,
             DbxPopoverInteractionModule,
             DbxCoreFilterModule,
@@ -5940,7 +6286,7 @@ DbxFilterInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.
             MatIconModule,
             MatButtonModule
         ], DbxCoreFilterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFilterInteractionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxFilterInteractionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6047,9 +6393,9 @@ class DbxPopupCoordinatorService {
         }
     }
 }
-DbxPopupCoordinatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupCoordinatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DbxPopupCoordinatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupCoordinatorService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupCoordinatorService, decorators: [{
+DbxPopupCoordinatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupCoordinatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DbxPopupCoordinatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupCoordinatorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupCoordinatorService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -6060,7 +6406,7 @@ class DbxPopupCoordinatorComponent {
     constructor(service, popup) {
         this.service = service;
         this.popup = popup;
-        this.isPopupForKey$ = this.service.popups$.pipe(map$1(x => x.get(this.popup.key) === this.popup), shareReplay$1(1));
+        this.isPopupForKey$ = this.service.popups$.pipe(map(x => x.get(this.popup.key) === this.popup), shareReplay$1(1));
         this.show$ = this.isPopupForKey$.pipe(delay$1(0));
     }
     ngOnInit() {
@@ -6070,13 +6416,13 @@ class DbxPopupCoordinatorComponent {
         this.service.removePopup(this.popup.key, this.popup);
     }
 }
-DbxPopupCoordinatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupCoordinatorComponent, deps: [{ token: DbxPopupCoordinatorService }, { token: DbxPopupController }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopupCoordinatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopupCoordinatorComponent, selector: "dbx-popup-coordinator", ngImport: i0, template: `
+DbxPopupCoordinatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupCoordinatorComponent, deps: [{ token: DbxPopupCoordinatorService }, { token: DbxPopupController }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopupCoordinatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopupCoordinatorComponent, selector: "dbx-popup-coordinator", ngImport: i0, template: `
   <ng-container *ngIf="show$ | async">
     <ng-content></ng-content>
   </ng-container>
-  `, isInline: true, directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupCoordinatorComponent, decorators: [{
+  `, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupCoordinatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popup-coordinator',
@@ -6106,8 +6452,8 @@ class DbxPopupComponent extends AbstractTransitionWatcherDirective {
             init: this.config.init ? ((instance) => this.config.init(instance, this)) : undefined
         };
         this.closing = new Subject();
-        this.isClosing$ = this.closing.pipe(first$1(), map$1(x => true), startWith$1(false), shareReplay$1(1));
-        this.closing$ = this.isClosing$.pipe(filter$1(x => x));
+        this.isClosing$ = this.closing.pipe(first$1(), map(x => true), startWith$1(false), shareReplay$1(1));
+        this.closing$ = this.isClosing$.pipe(filter(x => x));
         this._windowState = new BehaviorSubject(DbxPopupWindowState.NORMAL);
         this.windowState$ = this._windowState.asObservable();
         this.compactContextState.setMode(CompactMode.COMPACT);
@@ -6170,8 +6516,8 @@ class DbxPopupComponent extends AbstractTransitionWatcherDirective {
         this._windowState.next(DbxPopupWindowState.FULLSCREEN);
     }
 }
-DbxPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupComponent, deps: [{ token: i1$a.NgPopoverRef }, { token: CompactContextStore }, { token: i1.DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopupComponent, selector: "ng-component", providers: [{
+DbxPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupComponent, deps: [{ token: i1$c.NgPopoverRef }, { token: CompactContextStore }, { token: i1$2.DbxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopupComponent, selector: "ng-component", providers: [{
             provide: DbxPopupController,
             useExisting: DbxPopupComponent
         }, {
@@ -6180,8 +6526,8 @@ DbxPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
   <dbx-popup-coordinator>
     <div class="dbx-popup-component" dbx-injected-content [config]="contentConfig"></div>
   </dbx-popup-coordinator>
-  `, isInline: true, components: [{ type: DbxPopupCoordinatorComponent, selector: "dbx-popup-coordinator" }, { type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxPopupCoordinatorComponent, selector: "dbx-popup-coordinator" }, { type: i1$2.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -6196,7 +6542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                             provide: CompactContextStore
                         }]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$a.NgPopoverRef }, { type: CompactContextStore }, { type: i1.DbxRouterTransitionService }, { type: i0.NgZone }]; } });
+        }], ctorParameters: function () { return [{ type: i1$c.NgPopoverRef }, { type: CompactContextStore }, { type: i1$2.DbxRouterTransitionService }, { type: i0.NgZone }]; } });
 
 /**
  * Abstract popup directive.
@@ -6209,9 +6555,9 @@ class AbstractPopupDirective {
         this.popup.close();
     }
 }
-AbstractPopupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopupDirective, deps: [{ token: DbxPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
-AbstractPopupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: AbstractPopupDirective, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractPopupDirective, decorators: [{
+AbstractPopupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopupDirective, deps: [{ token: DbxPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractPopupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: AbstractPopupDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: AbstractPopupDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: DbxPopupComponent }]; } });
 
@@ -6221,17 +6567,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class DbxPopupContentComponent {
     constructor(appPopupController) {
         this.appPopupController = appPopupController;
-        this.showContent$ = this.appPopupController.windowState$.pipe(map$1(x => x !== DbxPopupWindowState.MINIMIZED));
+        this.showContent$ = this.appPopupController.windowState$.pipe(map(x => x !== DbxPopupWindowState.MINIMIZED));
     }
 }
-DbxPopupContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupContentComponent, deps: [{ token: DbxPopupController }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopupContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopupContentComponent, selector: "dbx-popup-content", host: { classAttribute: "dbx-popup-content" }, ngImport: i0, template: `
+DbxPopupContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupContentComponent, deps: [{ token: DbxPopupController }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopupContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopupContentComponent, selector: "dbx-popup-content", host: { classAttribute: "dbx-popup-content" }, ngImport: i0, template: `
     <ng-content select="[controls]"></ng-content>
     <div *ngIf="showContent$ | async" class="dbx-popup-content-container">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupContentComponent, decorators: [{
+  `, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popup-content',
@@ -6253,8 +6599,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class DbxPopupControlButtonsComponent {
     constructor(appPopupController) {
         this.appPopupController = appPopupController;
-        this.isMinimized$ = this.appPopupController.windowState$.pipe(map$1(x => x === DbxPopupWindowState.MINIMIZED));
-        this.isFullscreen$ = this.appPopupController.windowState$.pipe(map$1(x => x === DbxPopupWindowState.FULLSCREEN));
+        this.isMinimized$ = this.appPopupController.windowState$.pipe(map(x => x === DbxPopupWindowState.MINIMIZED));
+        this.isFullscreen$ = this.appPopupController.windowState$.pipe(map(x => x === DbxPopupWindowState.FULLSCREEN));
     }
     minimizeClicked() {
         this.appPopupController.minimize();
@@ -6272,8 +6618,8 @@ class DbxPopupControlButtonsComponent {
         this.appPopupController.close();
     }
 }
-DbxPopupControlButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupControlButtonsComponent, deps: [{ token: DbxPopupController }], target: i0.ɵɵFactoryTarget.Component });
-DbxPopupControlButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopupControlButtonsComponent, selector: "dbx-popup-control-buttons", host: { classAttribute: "dbx-popup-control-buttons" }, ngImport: i0, template: `
+DbxPopupControlButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupControlButtonsComponent, deps: [{ token: DbxPopupController }], target: i0.ɵɵFactoryTarget.Component });
+DbxPopupControlButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopupControlButtonsComponent, selector: "dbx-popup-control-buttons", host: { classAttribute: "dbx-popup-control-buttons" }, ngImport: i0, template: `
     <ng-container [ngSwitch]="isMinimized$ | async">
       <dbx-button [flat]="true" *ngSwitchCase="false" icon="minimize" (buttonClick)="minimizeClicked()"></dbx-button>
       <dbx-button [flat]="true" *ngSwitchCase="true" icon="maximize" (buttonClick)="maximizeClicked()"></dbx-button>
@@ -6285,8 +6631,8 @@ DbxPopupControlButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
     </ng-container>
     <dbx-button-spacer></dbx-button-spacer>
     <dbx-button [flat]="true" icon="close" color="warn" (buttonClick)="closeClicked()"></dbx-button>
-  `, isInline: true, components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }, { type: DbxButtonSpacerComponent, selector: "dbx-button-spacer" }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i3$1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupControlButtonsComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupControlButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popup-control-buttons',
@@ -6314,13 +6660,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxPopupControlsComponent {
 }
-DbxPopupControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxPopupControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxPopupControlsComponent, selector: "dbx-popup-controls", inputs: { header: "header" }, host: { classAttribute: "dbx-popup-controls" }, ngImport: i0, template: `
+DbxPopupControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxPopupControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopupControlsComponent, selector: "dbx-popup-controls", inputs: { header: "header" }, host: { classAttribute: "dbx-popup-controls" }, ngImport: i0, template: `
     <span class="dbx-popup-controls-header">{{ header }}</span>
     <div class="spacer"></div>
     <dbx-popup-control-buttons></dbx-popup-control-buttons>
   `, isInline: true, components: [{ type: DbxPopupControlButtonsComponent, selector: "dbx-popup-control-buttons" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupControlsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupControlsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-popup-controls',
@@ -6366,11 +6712,11 @@ class DbxPopupService {
         });
     }
 }
-DbxPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupService, deps: [{ token: i1$b.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupService, decorators: [{
+DbxPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupService, deps: [{ token: i1$d.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$b.Overlay }, { type: i0.Injector }]; } });
+        }], ctorParameters: function () { return [{ type: i1$d.Overlay }, { type: i0.Injector }]; } });
 
 class DbxPopupInteractionModule {
     static forRoot() {
@@ -6382,8 +6728,8 @@ class DbxPopupInteractionModule {
         };
     }
 }
-DbxPopupInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxPopupInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupInteractionModule, declarations: [DbxPopupComponent,
+DbxPopupInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxPopupInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupInteractionModule, declarations: [DbxPopupComponent,
         DbxPopupCoordinatorComponent,
         DbxPopupContentComponent,
         DbxPopupControlsComponent,
@@ -6398,7 +6744,7 @@ DbxPopupInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0
         NgOverlayContainerModule], exports: [DbxPopupContentComponent,
         DbxPopupControlsComponent,
         DbxPopupControlButtonsComponent] });
-DbxPopupInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupInteractionModule, providers: [
+DbxPopupInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupInteractionModule, providers: [
         DbxPopupService
     ], imports: [[
             CommonModule,
@@ -6411,7 +6757,7 @@ DbxPopupInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0
             DbxInjectedComponentModule,
             NgOverlayContainerModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxPopupInteractionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopupInteractionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6445,18 +6791,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxInteractionModule {
 }
-DbxInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxInteractionModule, exports: [DbxDialogInteractionModule,
+DbxInteractionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxInteractionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInteractionModule, exports: [DbxDialogInteractionModule,
         DbxFilterInteractionModule,
         DbxPromptModule,
         DbxPopoverInteractionModule,
         DbxPopupInteractionModule] });
-DbxInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxInteractionModule, imports: [DbxDialogInteractionModule,
+DbxInteractionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInteractionModule, imports: [DbxDialogInteractionModule,
         DbxFilterInteractionModule,
         DbxPromptModule,
         DbxPopoverInteractionModule,
         DbxPopupInteractionModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxInteractionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxInteractionModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -6469,6 +6815,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 }]
         }] });
 
+class DbxActionSnackbarModule {
+}
+DbxActionSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxActionSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarModule, declarations: [DbxActionSnackbarComponent,
+        DbxActionSnackbarDirective], imports: [CommonModule,
+        DbxStyleLayoutModule,
+        DbxCoreActionModule,
+        DbxPromptModule,
+        DbxButtonModule,
+        DbxReadableErrorModule], exports: [DbxActionSnackbarComponent,
+        DbxActionSnackbarDirective] });
+DbxActionSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarModule, imports: [[
+            CommonModule,
+            DbxStyleLayoutModule,
+            DbxCoreActionModule,
+            DbxPromptModule,
+            DbxButtonModule,
+            DbxReadableErrorModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DbxStyleLayoutModule,
+                        DbxCoreActionModule,
+                        DbxPromptModule,
+                        DbxButtonModule,
+                        DbxReadableErrorModule
+                    ],
+                    declarations: [
+                        DbxActionSnackbarComponent,
+                        DbxActionSnackbarDirective
+                    ],
+                    exports: [
+                        DbxActionSnackbarComponent,
+                        DbxActionSnackbarDirective
+                    ]
+                }]
+        }] });
+
 var DbxActionTransitionSafetyDialogResult;
 (function (DbxActionTransitionSafetyDialogResult) {
     DbxActionTransitionSafetyDialogResult[DbxActionTransitionSafetyDialogResult["SUCCESS"] = 0] = "SUCCESS";
@@ -6497,8 +6884,8 @@ class DbxActionUIRouterTransitionSafetyDialogComponent extends AbstractDialogDir
         this.dialogRef.close(DbxActionTransitionSafetyDialogResult.DISCARD);
     }
 }
-DbxActionUIRouterTransitionSafetyDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxActionUIRouterTransitionSafetyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxActionUIRouterTransitionSafetyDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+DbxActionUIRouterTransitionSafetyDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxActionUIRouterTransitionSafetyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionUIRouterTransitionSafetyDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <dbx-prompt-confirm [config]="config" (confirm)="confirm()" (cancel)="cancel()">
       <ng-container>
         <dbx-error dbxActionError></dbx-error>
@@ -6506,8 +6893,8 @@ DbxActionUIRouterTransitionSafetyDialogComponent.ɵcmp = i0.ɵɵngDeclareCompone
         <dbx-button-spacer></dbx-button-spacer>
       </ng-container>
     </dbx-prompt-confirm>
-  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }, { type: DbxButtonSpacerComponent, selector: "dbx-button-spacer" }], directives: [{ type: DbxActionErrorDirective, selector: "[dbxActionError]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, decorators: [{
+  `, isInline: true, components: [{ type: DbxPromptConfirmComponent, selector: "dbx-prompt-confirm", inputs: ["config"], outputs: ["confirm", "cancel"] }, { type: DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }], directives: [{ type: DbxActionErrorDirective, selector: "[dbxActionError]" }, { type: i1$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionUIRouterTransitionSafetyDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -6560,9 +6947,9 @@ class DbxActionTransitionSafetyDirective {
             if (isModified) {
                 return race([
                     // Watch for success to occur. At that point, close everything.
-                    this.source.success$.pipe(first$1(), map$1((x) => [true, undefined])),
-                    this._handleIsModifiedState(transition).pipe(first$1(), map$1((x) => [undefined, x]))
-                ]).pipe(map$1(([saveSuccess, handleResult]) => {
+                    this.source.success$.pipe(first$1(), map((x) => [true, undefined])),
+                    this._handleIsModifiedState(transition).pipe(first$1(), map((x) => [undefined, x]))
+                ]).pipe(map(([saveSuccess, handleResult]) => {
                     if (saveSuccess) {
                         return true;
                     }
@@ -6619,7 +7006,7 @@ class DbxActionTransitionSafetyDirective {
                 viewContainerRef: this.viewContainerRef
             });
         }
-        return this._dialogRef.afterClosed().pipe(first$1(), map$1((result = DbxActionTransitionSafetyDialogResult.STAY) => {
+        return this._dialogRef.afterClosed().pipe(first$1(), map((result = DbxActionTransitionSafetyDialogResult.STAY) => {
             // Default to Stay if the user clicks outside.
             switch (result) {
                 case DbxActionTransitionSafetyDialogResult.DISCARD:
@@ -6638,14 +7025,14 @@ class DbxActionTransitionSafetyDirective {
         this._dialogRef = undefined;
     }
 }
-DbxActionTransitionSafetyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionTransitionSafetyDirective, deps: [{ token: i1.ActionContextStoreSourceInstance }, { token: i2$3.TransitionService }, { token: i0.ViewContainerRef }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
-DbxActionTransitionSafetyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: DbxActionTransitionSafetyDirective, selector: "[dbxActionTransitionSafety]", inputs: { inputSafetyType: ["dbxActionTransitionSafety", "inputSafetyType"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionTransitionSafetyDirective, decorators: [{
+DbxActionTransitionSafetyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionTransitionSafetyDirective, deps: [{ token: i1$2.DbxActionContextStoreSourceInstance }, { token: i2$3.TransitionService }, { token: i0.ViewContainerRef }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive });
+DbxActionTransitionSafetyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionTransitionSafetyDirective, selector: "[dbxActionTransitionSafety]", inputs: { inputSafetyType: ["dbxActionTransitionSafety", "inputSafetyType"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionTransitionSafetyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxActionTransitionSafety]',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ActionContextStoreSourceInstance }, { type: i2$3.TransitionService }, { type: i0.ViewContainerRef }, { type: i1$1.MatDialog }]; }, propDecorators: { inputSafetyType: [{
+        }], ctorParameters: function () { return [{ type: i1$2.DbxActionContextStoreSourceInstance }, { type: i2$3.TransitionService }, { type: i0.ViewContainerRef }, { type: i1$3.MatDialog }]; }, propDecorators: { inputSafetyType: [{
                 type: Input,
                 args: ['dbxActionTransitionSafety']
             }] } });
@@ -6657,21 +7044,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxActionUIRouterTransitionModule {
 }
-DbxActionUIRouterTransitionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionUIRouterTransitionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxActionUIRouterTransitionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionUIRouterTransitionModule, declarations: [DbxActionTransitionSafetyDirective,
+DbxActionUIRouterTransitionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionUIRouterTransitionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxActionUIRouterTransitionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionUIRouterTransitionModule, declarations: [DbxActionTransitionSafetyDirective,
         DbxActionUIRouterTransitionSafetyDialogComponent], imports: [CommonModule,
         DbxCoreActionModule,
         DbxPromptModule,
         DbxButtonModule,
         DbxReadableErrorModule], exports: [DbxActionTransitionSafetyDirective] });
-DbxActionUIRouterTransitionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionUIRouterTransitionModule, imports: [[
+DbxActionUIRouterTransitionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionUIRouterTransitionModule, imports: [[
             CommonModule,
             DbxCoreActionModule,
             DbxPromptModule,
             DbxButtonModule,
             DbxReadableErrorModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxActionUIRouterTransitionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionUIRouterTransitionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6693,14 +7080,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 
 class DbxWebModule {
 }
-DbxWebModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxWebModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebModule, exports: [DbxButtonModule,
+DbxWebModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxWebModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebModule, exports: [DbxButtonModule,
         DbxActionModule,
         DbxLoadingModule] });
-DbxWebModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebModule, imports: [DbxButtonModule,
+DbxWebModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebModule, imports: [DbxButtonModule,
         DbxActionModule,
         DbxLoadingModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -6718,12 +7105,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  */
 class DbxWebRootModule {
 }
-DbxWebRootModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebRootModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxWebRootModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebRootModule, imports: [i1$5.MatProgressButtonsModule] });
-DbxWebRootModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebRootModule, imports: [[
+DbxWebRootModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebRootModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxWebRootModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebRootModule, imports: [i1.MatProgressButtonsModule] });
+DbxWebRootModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebRootModule, imports: [[
             MatProgressButtonsModule.forRoot()
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxWebRootModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxWebRootModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6736,5 +7123,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxSelectionValueListViewItemComponent, AbstractDbxValueListViewDirective, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, AbstractSelectionValueListViewDirective, CompactContextStore, CompactMode, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE, DbxActionConfirmDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionModule, DbxActionSnackbarComponent, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorListComponent, DbxAnchorListModule, DbxAnchorModule, DbxAngularRouterSegueAnchorComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerComponent, DbxCardBoxComponent, DbxCardBoxContainerComponent, DbxCardBoxLayoutModule, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxDialogContentDirective, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHintComponent, DbxIconItemComponent, DbxInteractionModule, DbxIntroActionSectionComponent, DbxItemLayoutModule, DbxKeypressModule, DbxLabelComponent, DbxLayoutModule, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListInternalContentDirective, DbxListLayoutModule, DbxListView, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxNavbarComponent, DbxNavbarModule, DbxNoteComponent, DbxNoticeComponent, DbxOkComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPopoverActionButtonDirective, DbxPopoverActionDirective, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionModule, DbxPopoverScrollContentComponent, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPromptBoxComponent, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptConfirmTypes, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorComponent, DbxReadableErrorModule, DbxRouterLayoutModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxScreenModule, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListItemViewComponent, DbxSelectionValueListViewComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavModule, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepComponent, DbxStepLayoutModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxSuccessComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlocksComponent, DbxTwoColumnLayoutModule, DbxTwoColumnsBackDirective, DbxTwoColumnsColumnHeadComponent, DbxTwoColumnsComponent, DbxTwoColumnsFullLeftDirective, DbxTwoColumnsRightComponent, DbxTwoColumnsSrefDirective, DbxUIRouterSegueAnchorComponent, DbxValueListViewComponent, DbxWarnComponent, DbxWebAngularRouterModule, DbxWebModule, DbxWebRootModule, DbxWebUIRouterModule, DbxWindowKeyDownListenerDirective, LoadingComponentState, PopoverPositionStrategy, PopupGlobalPositionStrategy, ProvideDbxListView, ProvideDbxPromptConfirm, ProvideTwoColumnsContext, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TwoColumnsContextStore, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, mapCompactModeObs, mapItemValuesToValueListItemConfig, mapValuesToValuesListItemConfigObs, screenMediaWidthTypeIsActive };
+export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxSelectionValueListViewItemComponent, AbstractDbxValueListViewDirective, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, AbstractSelectionValueListViewDirective, CompactContextStore, CompactMode, DBX_ACTION_SNACKBAR_DEFAULTS, DBX_ACTION_SNACKBAR_SERVICE_CONFIG, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE, DbxActionConfirmDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorLinkComponent, DbxAnchorListComponent, DbxAnchorListModule, DbxAnchorModule, DbxAngularRouterSegueAnchorComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerComponent, DbxCardBoxLayoutModule, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxDialogContentDirective, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHintComponent, DbxIconItemComponent, DbxIconSpacerDirective, DbxInteractionModule, DbxIntroActionSectionComponent, DbxItemLayoutModule, DbxKeypressModule, DbxLabelComponent, DbxLayoutModule, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListInternalContentDirective, DbxListLayoutModule, DbxListView, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxNavbarComponent, DbxNavbarModule, DbxNoteComponent, DbxNoticeComponent, DbxOkComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPopoverActionButtonDirective, DbxPopoverActionDirective, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionModule, DbxPopoverScrollContentComponent, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPromptBoxComponent, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptConfirmTypes, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorComponent, DbxReadableErrorModule, DbxRouterLayoutModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxScreenModule, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListItemViewComponent, DbxSelectionValueListViewComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavModule, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepComponent, DbxStepLayoutModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxSuccessComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlocksComponent, DbxTwoColumnLayoutModule, DbxTwoColumnsBackDirective, DbxTwoColumnsColumnHeadComponent, DbxTwoColumnsComponent, DbxTwoColumnsFullLeftDirective, DbxTwoColumnsRightComponent, DbxTwoColumnsSrefDirective, DbxUIRouterSegueAnchorComponent, DbxValueListViewComponent, DbxWarnComponent, DbxWebAngularRouterModule, DbxWebModule, DbxWebRootModule, DbxWebUIRouterModule, DbxWindowKeyDownListenerDirective, LoadingComponentState, PopoverPositionStrategy, PopupGlobalPositionStrategy, ProvideDbxListView, ProvideDbxPromptConfirm, ProvideTwoColumnsContext, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TwoColumnsContextStore, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapItemValuesToValueListItemConfig, mapValuesToValuesListItemConfigObs, screenMediaWidthTypeIsActive };
 //# sourceMappingURL=dereekb-dbx-web.mjs.map