@dereekb/dbx-web 2.0.0 → 4.0.0

package/esm2020/lib/layout/list/list.view.value.modifier.directive.mjs

@@ -0,0 +1,81 @@
+import { BehaviorSubject, map, shareReplay, combineLatest } from 'rxjs';
+import { Directive, Input } from "@angular/core";
+import { addModifiers, combineMaps, removeModifiers } from '@dereekb/util';
+import { SubscriptionObject } from '@dereekb/rxjs';
+import { DbxValueListItemModifier, ProvideDbxValueListViewModifier } from './list.view.value.modifier';
+import * as i0 from "@angular/core";
+import * as i1 from "./list.view.value.modifier";
+/**
+ * DbxValueListViewModifier implementation
+ */
+export class DbxValueListItemModifierDirective {
+    constructor() {
+        this._modifiers = new BehaviorSubject(undefined);
+        this._inputModifiers = new BehaviorSubject(undefined);
+        this.modifiers$ = combineLatest([this._modifiers, this._inputModifiers]).pipe(map(([modifiers, inputModifiers]) => {
+            return combineMaps(modifiers, (inputModifiers) ? addModifiers(inputModifiers) : undefined);
+        }), shareReplay(1));
+    }
+    ngOnDestroy() {
+        this._modifiers.complete();
+    }
+    // MARK: Modifiers
+    addModifiers(modifiers) {
+        this._modifiers.next(addModifiers(modifiers, this._modifiers.value));
+    }
+    removeModifiers(modifiers) {
+        this._modifiers.next(removeModifiers(modifiers, this._modifiers.value));
+    }
+    // MARK: Input Modifiers
+    set inputModifiers(inputModifiers) {
+        this._inputModifiers.next(inputModifiers);
+    }
+}
+DbxValueListItemModifierDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxValueListItemModifierDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DbxValueListItemModifierDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxValueListItemModifierDirective, selector: "[dbxListItemModifier]", inputs: { inputModifiers: ["dbxListItemModifier", "inputModifiers"] }, providers: ProvideDbxValueListViewModifier(DbxValueListItemModifierDirective), ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxValueListItemModifierDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    'selector': '[dbxListItemModifier]',
+                    providers: ProvideDbxValueListViewModifier(DbxValueListItemModifierDirective)
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { inputModifiers: [{
+                type: Input,
+                args: ['dbxListItemModifier']
+            }] } });
+/**
+ * Abstract directive used for managing modifyers for a DbxValueListView.
+ */
+export class AbstractDbxValueListItemModifierDirective {
+    constructor(dbxValueListItemModifier) {
+        this.dbxValueListItemModifier = dbxValueListItemModifier;
+        this._modifiersSub = new SubscriptionObject();
+    }
+    ngOnInit() {
+        this._modifiersSub.subscription = this.modifiers$.subscribe((modifiers) => {
+            this._linkModifiers(modifiers);
+        });
+    }
+    ngOnDestroy() {
+        this._unlinkModifiers();
+    }
+    _linkModifiers(modifiers) {
+        this._unlinkModifiers();
+        if (modifiers) {
+            this.dbxValueListItemModifier.addModifiers(modifiers);
+            this._linkedModifiers = modifiers;
+        }
+    }
+    _unlinkModifiers() {
+        if (this._linkedModifiers) {
+            this.dbxValueListItemModifier.removeModifiers(this._linkedModifiers);
+            this._linkedModifiers = undefined;
+        }
+    }
+}
+AbstractDbxValueListItemModifierDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxValueListItemModifierDirective, deps: [{ token: i1.DbxValueListItemModifier }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDbxValueListItemModifierDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractDbxValueListItemModifierDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxValueListItemModifierDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.DbxValueListItemModifier }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLm1vZGlmaWVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvbGlzdC9saXN0LnZpZXcudmFsdWUubW9kaWZpZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsR0FBRyxFQUFjLFdBQVcsRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDcEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBRXBFLE9BQU8sRUFBRSxZQUFZLEVBQWdCLFdBQVcsRUFBZ0MsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZILE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsK0JBQStCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7O0FBRXZHOztHQUVHO0FBS0gsTUFBTSxPQUFPLGlDQUFpQztJQVk1QztRQVZRLGVBQVUsR0FBRyxJQUFJLGVBQWUsQ0FBd0IsU0FBUyxDQUFDLENBQUM7UUFDbkUsb0JBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBbUMsU0FBUyxDQUFDLENBQUM7UUFFbEYsZUFBVSxHQUFHLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUMvRSxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxjQUFjLENBQUMsRUFBRSxFQUFFO1lBQ2xDLE9BQU8sV0FBVyxDQUFDLFNBQVMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzdGLENBQUMsQ0FBQyxFQUNGLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBRWMsQ0FBQztJQUVqQixXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsa0JBQWtCO0lBQ2xCLFlBQVksQ0FBQyxTQUFvQztRQUMvQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsZUFBZSxDQUFDLFNBQW9DO1FBQ2xELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzFFLENBQUM7SUFFRCx3QkFBd0I7SUFDeEIsSUFDSSxjQUFjLENBQUMsY0FBZ0Q7UUFDakUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDNUMsQ0FBQzs7OEhBL0JVLGlDQUFpQztrSEFBakMsaUNBQWlDLHVIQUZqQywrQkFBK0IsQ0FBQyxpQ0FBaUMsQ0FBQzsyRkFFbEUsaUNBQWlDO2tCQUo3QyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSx1QkFBdUI7b0JBQ25DLFNBQVMsRUFBRSwrQkFBK0IsbUNBQW1DO2lCQUM5RTswRUE4QkssY0FBYztzQkFEakIsS0FBSzt1QkFBQyxxQkFBcUI7O0FBTzlCOztHQUVHO0FBRUgsTUFBTSxPQUFnQix5Q0FBeUM7SUFPN0QsWUFBcUIsd0JBQXdEO1FBQXhELDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBZ0M7UUFGckUsa0JBQWEsR0FBRyxJQUFJLGtCQUFrQixFQUFFLENBQUM7SUFFZ0MsQ0FBQztJQUVsRixRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUN4RSxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU8sY0FBYyxDQUFDLFNBQTJDO1FBQ2hFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBRXhCLElBQUksU0FBUyxFQUFFO1lBQ2IsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsU0FBUyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixJQUFJLENBQUMsd0JBQXdCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQ3JFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxTQUFTLENBQUM7U0FDbkM7SUFDSCxDQUFDOztzSUFqQ21CLHlDQUF5QzswSEFBekMseUNBQXlDOzJGQUF6Qyx5Q0FBeUM7a0JBRDlELFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIG1hcCwgT2JzZXJ2YWJsZSwgc2hhcmVSZXBsYXksIGNvbWJpbmVMYXRlc3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IERieFZhbHVlTGlzdEl0ZW0gfSBmcm9tIFwiLi9saXN0LnZpZXcudmFsdWVcIjtcbmltcG9ydCB7IGFkZE1vZGlmaWVycywgQXJyYXlPclZhbHVlLCBjb21iaW5lTWFwcywgTWF5YmUsIE1vZGlmaWVyLCBNb2RpZmllck1hcCwgcmVtb3ZlTW9kaWZpZXJzIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb25PYmplY3QgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IERieFZhbHVlTGlzdEl0ZW1Nb2RpZmllciwgUHJvdmlkZURieFZhbHVlTGlzdFZpZXdNb2RpZmllciB9IGZyb20gJy4vbGlzdC52aWV3LnZhbHVlLm1vZGlmaWVyJztcblxuLyoqXG4gKiBEYnhWYWx1ZUxpc3RWaWV3TW9kaWZpZXIgaW1wbGVtZW50YXRpb25cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICdzZWxlY3Rvcic6ICdbZGJ4TGlzdEl0ZW1Nb2RpZmllcl0nLFxuICBwcm92aWRlcnM6IFByb3ZpZGVEYnhWYWx1ZUxpc3RWaWV3TW9kaWZpZXIoRGJ4VmFsdWVMaXN0SXRlbU1vZGlmaWVyRGlyZWN0aXZlKVxufSlcbmV4cG9ydCBjbGFzcyBEYnhWYWx1ZUxpc3RJdGVtTW9kaWZpZXJEaXJlY3RpdmU8VCwgSSBleHRlbmRzIERieFZhbHVlTGlzdEl0ZW08VD4gPSBEYnhWYWx1ZUxpc3RJdGVtPFQ+PiBpbXBsZW1lbnRzIERieFZhbHVlTGlzdEl0ZW1Nb2RpZmllcjxULCBJPiwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIF9tb2RpZmllcnMgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPE1vZGlmaWVyTWFwPEk+Pj4odW5kZWZpbmVkKTtcbiAgcHJpdmF0ZSBfaW5wdXRNb2RpZmllcnMgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPEFycmF5T3JWYWx1ZTxNb2RpZmllcjxJPj4+Pih1bmRlZmluZWQpO1xuXG4gIHJlYWRvbmx5IG1vZGlmaWVycyQgPSBjb21iaW5lTGF0ZXN0KFt0aGlzLl9tb2RpZmllcnMsIHRoaXMuX2lucHV0TW9kaWZpZXJzXSkucGlwZShcbiAgICBtYXAoKFttb2RpZmllcnMsIGlucHV0TW9kaWZpZXJzXSkgPT4ge1xuICAgICAgcmV0dXJuIGNvbWJpbmVNYXBzKG1vZGlmaWVycywgKGlucHV0TW9kaWZpZXJzKSA/IGFkZE1vZGlmaWVycyhpbnB1dE1vZGlmaWVycykgOiB1bmRlZmluZWQpO1xuICAgIH0pLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9tb2RpZmllcnMuY29tcGxldGUoKTtcbiAgfVxuXG4gIC8vIE1BUks6IE1vZGlmaWVyc1xuICBhZGRNb2RpZmllcnMobW9kaWZpZXJzOiBBcnJheU9yVmFsdWU8TW9kaWZpZXI8ST4+KTogdm9pZCB7XG4gICAgdGhpcy5fbW9kaWZpZXJzLm5leHQoYWRkTW9kaWZpZXJzKG1vZGlmaWVycywgdGhpcy5fbW9kaWZpZXJzLnZhbHVlKSk7XG4gIH1cblxuICByZW1vdmVNb2RpZmllcnMobW9kaWZpZXJzOiBBcnJheU9yVmFsdWU8TW9kaWZpZXI8ST4+KTogdm9pZCB7XG4gICAgdGhpcy5fbW9kaWZpZXJzLm5leHQocmVtb3ZlTW9kaWZpZXJzKG1vZGlmaWVycywgdGhpcy5fbW9kaWZpZXJzLnZhbHVlKSk7XG4gIH1cblxuICAvLyBNQVJLOiBJbnB1dCBNb2RpZmllcnNcbiAgQElucHV0KCdkYnhMaXN0SXRlbU1vZGlmaWVyJylcbiAgc2V0IGlucHV0TW9kaWZpZXJzKGlucHV0TW9kaWZpZXJzOiBNYXliZTxBcnJheU9yVmFsdWU8TW9kaWZpZXI8ST4+Pikge1xuICAgIHRoaXMuX2lucHV0TW9kaWZpZXJzLm5leHQoaW5wdXRNb2RpZmllcnMpO1xuICB9XG5cbn1cblxuLyoqXG4gKiBBYnN0cmFjdCBkaXJlY3RpdmUgdXNlZCBmb3IgbWFuYWdpbmcgbW9kaWZ5ZXJzIGZvciBhIERieFZhbHVlTGlzdFZpZXcuXG4gKi9cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0RGJ4VmFsdWVMaXN0SXRlbU1vZGlmaWVyRGlyZWN0aXZlPFQsIEkgZXh0ZW5kcyBEYnhWYWx1ZUxpc3RJdGVtPFQ+ID0gRGJ4VmFsdWVMaXN0SXRlbTxUPj4gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgYWJzdHJhY3QgcmVhZG9ubHkgbW9kaWZpZXJzJDogT2JzZXJ2YWJsZTxNYXliZTxBcnJheU9yVmFsdWU8TW9kaWZpZXI8ST4+Pj47XG5cbiAgcHJpdmF0ZSBfbGlua2VkTW9kaWZpZXJzOiBNYXliZTxBcnJheU9yVmFsdWU8TW9kaWZpZXI8ST4+PjtcbiAgcHJpdmF0ZSBfbW9kaWZpZXJzU3ViID0gbmV3IFN1YnNjcmlwdGlvbk9iamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKHJlYWRvbmx5IGRieFZhbHVlTGlzdEl0ZW1Nb2RpZmllcjogRGJ4VmFsdWVMaXN0SXRlbU1vZGlmaWVyPFQsIEk+KSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9tb2RpZmllcnNTdWIuc3Vic2NyaXB0aW9uID0gdGhpcy5tb2RpZmllcnMkLnN1YnNjcmliZSgobW9kaWZpZXJzKSA9PiB7XG4gICAgICB0aGlzLl9saW5rTW9kaWZpZXJzKG1vZGlmaWVycyk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl91bmxpbmtNb2RpZmllcnMoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2xpbmtNb2RpZmllcnMobW9kaWZpZXJzOiBNYXliZTxBcnJheU9yVmFsdWU8TW9kaWZpZXI8ST4+Pikge1xuICAgIHRoaXMuX3VubGlua01vZGlmaWVycygpO1xuXG4gICAgaWYgKG1vZGlmaWVycykge1xuICAgICAgdGhpcy5kYnhWYWx1ZUxpc3RJdGVtTW9kaWZpZXIuYWRkTW9kaWZpZXJzKG1vZGlmaWVycyk7XG4gICAgICB0aGlzLl9saW5rZWRNb2RpZmllcnMgPSBtb2RpZmllcnM7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfdW5saW5rTW9kaWZpZXJzKCkge1xuICAgIGlmICh0aGlzLl9saW5rZWRNb2RpZmllcnMpIHtcbiAgICAgIHRoaXMuZGJ4VmFsdWVMaXN0SXRlbU1vZGlmaWVyLnJlbW92ZU1vZGlmaWVycyh0aGlzLl9saW5rZWRNb2RpZmllcnMpO1xuICAgICAgdGhpcy5fbGlua2VkTW9kaWZpZXJzID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/layout/list/list.view.value.modifier.mjs

@@ -0,0 +1,15 @@
+import { forwardRef } from "@angular/core";
+import { modifier } from "@dereekb/util";
+// MARK: ValueListView
+export class DbxValueListItemModifier {
+}
+export function ProvideDbxValueListViewModifier(sourceType) {
+    return [{
+            provide: DbxValueListItemModifier,
+            useExisting: forwardRef(() => sourceType)
+        }];
+}
+export function listItemModifier(key, modify) {
+    return modifier(key, modify);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLm1vZGlmaWVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9saXN0L2xpc3Qudmlldy52YWx1ZS5tb2RpZmllci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQWdCLFFBQVEsRUFBMkMsTUFBTSxlQUFlLENBQUM7QUFJaEcsc0JBQXNCO0FBQ3RCLE1BQU0sT0FBZ0Isd0JBQXdCO0NBTzdDO0FBRUQsTUFBTSxVQUFVLCtCQUErQixDQUEwQyxVQUFtQjtJQUMxRyxPQUFPLENBQUM7WUFDTixPQUFPLEVBQUUsd0JBQXdCO1lBQ2pDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDO1NBQzFDLENBQUMsQ0FBQztBQUNMLENBQUM7QUFLRCxNQUFNLFVBQVUsZ0JBQWdCLENBQXlELEdBQVcsRUFBRSxNQUEyQjtJQUMvSCxPQUFPLFFBQVEsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFDL0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIFByb3ZpZGVyLCBUeXBlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFycmF5T3JWYWx1ZSwgbW9kaWZpZXIsIE1vZGlmaWVyLCBNb2RpZmllckZ1bmN0aW9uLCBNb2RpZmllck1hcCB9IGZyb20gXCJAZGVyZWVrYi91dGlsXCI7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IERieFZhbHVlTGlzdEl0ZW0gfSBmcm9tIFwiLi9saXN0LnZpZXcudmFsdWVcIjtcblxuLy8gTUFSSzogVmFsdWVMaXN0Vmlld1xuZXhwb3J0IGFic3RyYWN0IGNsYXNzIERieFZhbHVlTGlzdEl0ZW1Nb2RpZmllcjxULCBJIGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiA9IERieFZhbHVlTGlzdEl0ZW08VD4+IHtcblxuICByZWFkb25seSBhYnN0cmFjdCBtb2RpZmllcnMkOiBPYnNlcnZhYmxlPE1vZGlmaWVyTWFwPEk+PjtcblxuICBhYnN0cmFjdCBhZGRNb2RpZmllcnMobW9kaWZpZXJzOiBBcnJheU9yVmFsdWU8TW9kaWZpZXI8ST4+KTogdm9pZDtcbiAgYWJzdHJhY3QgcmVtb3ZlTW9kaWZpZXJzKG1vZGlmaWVyczogQXJyYXlPclZhbHVlPE1vZGlmaWVyPEk+Pik6IHZvaWQ7XG5cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFByb3ZpZGVEYnhWYWx1ZUxpc3RWaWV3TW9kaWZpZXI8ViBleHRlbmRzIERieFZhbHVlTGlzdEl0ZW1Nb2RpZmllcjxhbnk+Pihzb3VyY2VUeXBlOiBUeXBlPFY+KTogUHJvdmlkZXJbXSB7XG4gIHJldHVybiBbe1xuICAgIHByb3ZpZGU6IERieFZhbHVlTGlzdEl0ZW1Nb2RpZmllcixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBzb3VyY2VUeXBlKVxuICB9XTtcbn1cblxuLy8gTUFSSzogVXRpbGl0eVxuZXhwb3J0IHR5cGUgTGlzdEl0ZW1Nb2RpZmllcjxULCBJIGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiA9IERieFZhbHVlTGlzdEl0ZW08VD4+ID0gTW9kaWZpZXI8ST47XG5cbmV4cG9ydCBmdW5jdGlvbiBsaXN0SXRlbU1vZGlmaWVyPFQsIEkgZXh0ZW5kcyBEYnhWYWx1ZUxpc3RJdGVtPFQ+ID0gRGJ4VmFsdWVMaXN0SXRlbTxUPj4oa2V5OiBzdHJpbmcsIG1vZGlmeTogTW9kaWZpZXJGdW5jdGlvbjxJPik6IExpc3RJdGVtTW9kaWZpZXI8VCwgST4ge1xuICByZXR1cm4gbW9kaWZpZXIoa2V5LCBtb2RpZnkpO1xufVxuIl19

package/esm2020/lib/layout/list/list.view.value.modifier.ripple.directive.mjs

@@ -0,0 +1,45 @@
+import { Directive, Input } from "@angular/core";
+import { BehaviorSubject, map } from "rxjs";
+import { AbstractDbxValueListItemModifierDirective } from "./list.view.value.modifier.directive";
+import * as i0 from "@angular/core";
+export const DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY = 'disable_ripple_anchor';
+export const DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION = (item) => {
+    return item.rippleDisabled || !item.anchor || (!item.anchor.ref && !item.anchor.url && !item.anchor.onClick);
+};
+export class DbxListItemDisableRippleModifierDirective extends AbstractDbxValueListItemModifierDirective {
+    constructor() {
+        super(...arguments);
+        this._disableRippleForItem = new BehaviorSubject(DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION);
+        this.modifiers$ = this._disableRippleForItem.pipe(map((disableRippleForItem) => {
+            let modifiers;
+            modifiers = {
+                key: DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY,
+                modify: (x) => {
+                    if (disableRippleForItem(x)) {
+                        x.rippleDisabled = true;
+                    }
+                }
+            };
+            return modifiers;
+        }));
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._disableRippleForItem.complete();
+    }
+    set disableRippleForItem(disableRippleForItem) {
+        this._disableRippleForItem.next(disableRippleForItem ?? DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION);
+    }
+}
+DbxListItemDisableRippleModifierDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxListItemDisableRippleModifierDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DbxListItemDisableRippleModifierDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxListItemDisableRippleModifierDirective, selector: "[dbxListItemDisableRippleModifier]", inputs: { disableRippleForItem: ["dbxListItemDisableRippleModifier", "disableRippleForItem"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxListItemDisableRippleModifierDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxListItemDisableRippleModifier]'
+                }]
+        }], propDecorators: { disableRippleForItem: [{
+                type: Input,
+                args: ['dbxListItemDisableRippleModifier']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLm1vZGlmaWVyLnJpcHBsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2xpc3QvbGlzdC52aWV3LnZhbHVlLm1vZGlmaWVyLnJpcHBsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGVBQWUsRUFBYyxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFeEQsT0FBTyxFQUFFLHlDQUF5QyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBSWpHLE1BQU0sQ0FBQyxNQUFNLG1EQUFtRCxHQUFHLHVCQUF1QixDQUFDO0FBRTNGLE1BQU0sQ0FBQyxNQUFNLHNDQUFzQyxHQUF1QyxDQUFJLElBQXlCLEVBQUUsRUFBRTtJQUN6SCxPQUFPLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUMvRyxDQUFDLENBQUM7QUFLRixNQUFNLE9BQU8seUNBQTZDLFNBQVEseUNBQTRDO0lBSDlHOztRQUtVLDBCQUFxQixHQUFHLElBQUksZUFBZSxDQUFtQyxzQ0FBc0MsQ0FBQyxDQUFDO1FBRXJILGVBQVUsR0FBbUUsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FDbkgsR0FBRyxDQUFDLENBQUMsb0JBQW9CLEVBQUUsRUFBRTtZQUMzQixJQUFJLFNBQStDLENBQUM7WUFFcEQsU0FBUyxHQUFHO2dCQUNWLEdBQUcsRUFBRSxtREFBbUQ7Z0JBQ3hELE1BQU0sRUFBRSxDQUFDLENBQXNCLEVBQUUsRUFBRTtvQkFDakMsSUFBSSxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRTt3QkFDM0IsQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7cUJBQ3pCO2dCQUNILENBQUM7YUFDRixDQUFDO1lBRUYsT0FBTyxTQUFTLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQ0gsQ0FBQztLQVlIO0lBVlUsV0FBVztRQUNsQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUNJLG9CQUFvQixDQUFDLG9CQUE2RDtRQUNwRixJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLG9CQUFvQixJQUFJLHNDQUFzQyxDQUFDLENBQUM7SUFDbEcsQ0FBQzs7c0lBN0JVLHlDQUF5QzswSEFBekMseUNBQXlDOzJGQUF6Qyx5Q0FBeUM7a0JBSHJELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9DQUFvQztpQkFDL0M7OEJBNEJLLG9CQUFvQjtzQkFEdkIsS0FBSzt1QkFBQyxrQ0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPbkRlc3Ryb3kgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF5YmUsIEFycmF5T3JWYWx1ZSwgTW9kaWZpZXIgfSBmcm9tIFwiQGRlcmVla2IvdXRpbFwiO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlLCBtYXAgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHsgRGJ4VmFsdWVMaXN0SXRlbSB9IGZyb20gXCIuL2xpc3Qudmlldy52YWx1ZVwiO1xuaW1wb3J0IHsgQWJzdHJhY3REYnhWYWx1ZUxpc3RJdGVtTW9kaWZpZXJEaXJlY3RpdmUgfSBmcm9tIFwiLi9saXN0LnZpZXcudmFsdWUubW9kaWZpZXIuZGlyZWN0aXZlXCI7XG5cbmV4cG9ydCB0eXBlIERpc2FibGVSaXBwbGVGb3JWYWx1ZUZ1bmN0aW9uPFQ+ID0gKGl0ZW06IERieFZhbHVlTGlzdEl0ZW08VD4pID0+IGJvb2xlYW47XG5cbmV4cG9ydCBjb25zdCBEQlhfTElTVF9JVEVNX0RJU0FCTEVfUklQUExFX0xJU1RfSVRFTV9NT0RJRklFUl9LRVkgPSAnZGlzYWJsZV9yaXBwbGVfYW5jaG9yJztcblxuZXhwb3J0IGNvbnN0IERCWF9MSVNUX0lURU1fREVGQVVMVF9ESVNBQkxFX0ZVTkNUSU9OOiBEaXNhYmxlUmlwcGxlRm9yVmFsdWVGdW5jdGlvbjxhbnk+ID0gPFQ+KGl0ZW06IERieFZhbHVlTGlzdEl0ZW08VD4pID0+IHtcbiAgcmV0dXJuIGl0ZW0ucmlwcGxlRGlzYWJsZWQgfHwgIWl0ZW0uYW5jaG9yIHx8ICghaXRlbS5hbmNob3IucmVmICYmICFpdGVtLmFuY2hvci51cmwgJiYgIWl0ZW0uYW5jaG9yLm9uQ2xpY2spO1xufTtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RieExpc3RJdGVtRGlzYWJsZVJpcHBsZU1vZGlmaWVyXSdcbn0pXG5leHBvcnQgY2xhc3MgRGJ4TGlzdEl0ZW1EaXNhYmxlUmlwcGxlTW9kaWZpZXJEaXJlY3RpdmU8VD4gZXh0ZW5kcyBBYnN0cmFjdERieFZhbHVlTGlzdEl0ZW1Nb2RpZmllckRpcmVjdGl2ZTxUPiBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfZGlzYWJsZVJpcHBsZUZvckl0ZW0gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PERpc2FibGVSaXBwbGVGb3JWYWx1ZUZ1bmN0aW9uPFQ+PihEQlhfTElTVF9JVEVNX0RFRkFVTFRfRElTQUJMRV9GVU5DVElPTik7XG5cbiAgcmVhZG9ubHkgbW9kaWZpZXJzJDogT2JzZXJ2YWJsZTxNYXliZTxBcnJheU9yVmFsdWU8TW9kaWZpZXI8RGJ4VmFsdWVMaXN0SXRlbTxUPj4+Pj4gPSB0aGlzLl9kaXNhYmxlUmlwcGxlRm9ySXRlbS5waXBlKFxuICAgIG1hcCgoZGlzYWJsZVJpcHBsZUZvckl0ZW0pID0+IHtcbiAgICAgIGxldCBtb2RpZmllcnM6IE1heWJlPE1vZGlmaWVyPERieFZhbHVlTGlzdEl0ZW08VD4+PjtcblxuICAgICAgbW9kaWZpZXJzID0ge1xuICAgICAgICBrZXk6IERCWF9MSVNUX0lURU1fRElTQUJMRV9SSVBQTEVfTElTVF9JVEVNX01PRElGSUVSX0tFWSxcbiAgICAgICAgbW9kaWZ5OiAoeDogRGJ4VmFsdWVMaXN0SXRlbTxUPikgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlUmlwcGxlRm9ySXRlbSh4KSkge1xuICAgICAgICAgICAgeC5yaXBwbGVEaXNhYmxlZCA9IHRydWU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9O1xuXG4gICAgICByZXR1cm4gbW9kaWZpZXJzO1xuICAgIH0pXG4gICk7XG5cbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9kaXNhYmxlUmlwcGxlRm9ySXRlbS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgQElucHV0KCdkYnhMaXN0SXRlbURpc2FibGVSaXBwbGVNb2RpZmllcicpXG4gIHNldCBkaXNhYmxlUmlwcGxlRm9ySXRlbShkaXNhYmxlUmlwcGxlRm9ySXRlbTogTWF5YmU8RGlzYWJsZVJpcHBsZUZvclZhbHVlRnVuY3Rpb248VD4+KSB7XG4gICAgdGhpcy5fZGlzYWJsZVJpcHBsZUZvckl0ZW0ubmV4dChkaXNhYmxlUmlwcGxlRm9ySXRlbSA/PyBEQlhfTElTVF9JVEVNX0RFRkFVTFRfRElTQUJMRV9GVU5DVElPTik7XG4gIH1cblxufVxuIl19

package/esm2020/lib/layout/list/list.view.value.selection.component.mjs

@@ -1,88 +1,102 @@
-import { map, shareReplay, distinctUntilChanged } from 'rxjs';
+import { map, shareReplay, distinctUntilChanged, of } from 'rxjs';
 import { Component, Input } from '@angular/core';
 import { DbxListView } from './list.view';
 import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
+import { DbxValueListItemViewComponent } from './list.view.value.component';
 import * as i0 from "@angular/core";
-import * as i1 from "./list.view";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/list";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@dereekb/dbx-core";
+import * as i1 from "@angular/common";
+import * as i2 from "./list.view";
+import * as i3 from "./list.view.value.component";
+import * as i4 from "@angular/material/list";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@dereekb/dbx-core";
 /**
- * Abstract list view that has a pre-built-in selection change event for an Angular Material MatSelectionListChange.
+ * Renders a selection list view using input configuration. Requires a parent DbxListView.
  */
 export class DbxSelectionValueListViewComponent extends AbstractDbxValueListViewDirective {
-    constructor(dbxListView) {
-        super(dbxListView);
+    constructor() {
+        super(...arguments);
+        this.selectionMode$ = (this.dbxListView.selectionMode$ ?? of('select'))
+            .pipe(map(x => x ?? 'select'), distinctUntilChanged());
         this.multiple$ = this.config$.pipe(map(x => x.multiple ?? true), distinctUntilChanged(), shareReplay(1));
     }
 }
-DbxSelectionValueListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListViewComponent, deps: [{ token: i1.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 i2.AsyncPipe; }) } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListViewComponent, decorators: [{
+DbxSelectionValueListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSelectionValueListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSelectionValueListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view", usesInheritance: true, ngImport: i0, template: `
+    <dbx-selection-list-view-content [selectionMode]="selectionMode$ | async" [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", "selectionMode"] }], pipes: { "async": i0.forwardRef(function () { return i1.AsyncPipe; }) } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSelectionValueListViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-selection-list-view',
                     template: `
-    <dbx-selection-list-view-content [multiple]="multiple$ | async" [items]="items$ | async"></dbx-selection-list-view-content>
+    <dbx-selection-list-view-content [selectionMode]="selectionMode$ | async" [multiple]="multiple$ | async" [items]="items$ | async"></dbx-selection-list-view-content>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DbxListView }]; } });
+        }] });
 /**
  * Content view for a DbxSelectionValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
  */
-export class DbxSelectionValueListItemViewComponent {
+export class DbxSelectionValueListItemViewComponent extends DbxValueListItemViewComponent {
     constructor(dbxListView) {
-        this.dbxListView = dbxListView;
-        this.disabled$ = this.dbxListView.disabled$;
+        super(dbxListView);
         if (!dbxListView.selectionChange) {
             throw new Error('Parent dbxListView to DbxSelectionValueListViewComponent has no selectionChange emitter.');
         }
     }
-    onClickValue(value) {
-        this.dbxListView.clickValue?.next(value);
-    }
     matSelectionChanged(selection) {
         const options = selection.source.selectedOptions.selected;
         const items = options.map(x => {
-            const { value, selected, disabled } = x;
-            return ({ value, selected, disabled });
+            const { value: itemValue, selected, disabled } = x;
+            return ({ itemValue, selected, disabled });
         });
         this.dbxListView.selectionChange.next({
             items
         });
     }
 }
-DbxSelectionValueListItemViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListItemViewComponent, deps: [{ token: i1.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: i3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }], pipes: { "async": i2.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSelectionValueListItemViewComponent, decorators: [{
+DbxSelectionValueListItemViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSelectionValueListItemViewComponent, deps: [{ token: i2.DbxListView }], target: i0.ɵɵFactoryTarget.Component });
+DbxSelectionValueListItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSelectionValueListItemViewComponent, selector: "dbx-selection-list-view-content", inputs: { multiple: "multiple", selectionMode: "selectionMode" }, host: { classAttribute: "dbx-list-view dbx-selection-list-view" }, usesInheritance: true, ngImport: i0, template: `
+    <ng-container [ngSwitch]="selectionMode">
+      <ng-container *ngSwitchCase="'view'">
+        <dbx-list-view-content [items]="items"></dbx-list-view-content>
+      </ng-container>
+      <ng-container *ngSwitchDefault>
+        <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.itemValue" (click)="onClickValue(item.itemValue)">
+            <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
+            <div dbx-injection [config]="item.config"></div>
+          </mat-list-option>
+        </mat-selection-list>
+      </ng-container>
+    </ng-container>
+  `, isInline: true, components: [{ type: i3.DbxValueListItemViewComponent, selector: "dbx-list-view-content", inputs: ["emitAllClicks", "items"] }, { type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i4.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }], pipes: { "async": i1.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSelectionValueListItemViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-selection-list-view-content',
                     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>
+    <ng-container [ngSwitch]="selectionMode">
+      <ng-container *ngSwitchCase="'view'">
+        <dbx-list-view-content [items]="items"></dbx-list-view-content>
+      </ng-container>
+      <ng-container *ngSwitchDefault>
+        <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.itemValue" (click)="onClickValue(item.itemValue)">
+            <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
+            <div dbx-injection [config]="item.config"></div>
+          </mat-list-option>
+        </mat-selection-list>
+      </ng-container>
+    </ng-container>
   `,
                     host: {
                         'class': 'dbx-list-view dbx-selection-list-view'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DbxListView }]; }, propDecorators: { multiple: [{
+        }], ctorParameters: function () { return [{ type: i2.DbxListView }]; }, propDecorators: { multiple: [{
                 type: Input
-            }], items: [{
+            }], selectionMode: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLnNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2xpc3QvbGlzdC52aWV3LnZhbHVlLnNlbGVjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLFdBQVcsRUFBMEIsTUFBTSxhQUFhLENBQUM7QUFFbEUsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7Ozs7QUFPaEY7O0dBRUc7QUFPSCxNQUFNLE9BQU8sa0NBQW9HLFNBQVEsaUNBQW9GO0lBSTNNLFlBQVksV0FBMkI7UUFDckMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBSFosY0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUk3RyxDQUFDOzsrSEFOVSxrQ0FBa0M7bUhBQWxDLGtDQUFrQyxzRkFKbkM7O0dBRVQsMEVBNkJVLHNDQUFzQzsyRkEzQnRDLGtDQUFrQztrQkFOOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUU7O0dBRVQ7aUJBQ0Y7O0FBV0Q7O0dBRUc7QUFlSCxNQUFNLE9BQU8sc0NBQXNDO0lBVWpELFlBQXFCLFdBQTJCO1FBQTNCLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQUZ2QyxjQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUM7UUFHOUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUU7WUFDaEMsTUFBTSxJQUFJLEtBQUssQ0FBQywwRkFBMEYsQ0FBQyxDQUFDO1NBQzdHO0lBQ0gsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFRO1FBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsbUJBQW1CLENBQUMsU0FBaUM7UUFDbkQsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDO1FBQzFELE1BQU0sS0FBSyxHQUFnQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pELE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUN4QyxPQUFPLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWdCLENBQUMsSUFBSSxDQUFDO1lBQ3JDLEtBQUs7U0FDTixDQUFDLENBQUM7SUFDTCxDQUFDOzttSUE5QlUsc0NBQXNDO3VIQUF0QyxzQ0FBc0MsNExBWnZDOzs7Ozs7O0dBT1Q7MkZBS1Usc0NBQXNDO2tCQWRsRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsdUNBQXVDO3FCQUNqRDtpQkFDRjtrR0FJQyxRQUFRO3NCQURQLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWFwLCBzaGFyZVJlcGxheSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNlbGVjdGlvbkxpc3RDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IERieExpc3RWaWV3LCBMaXN0U2VsZWN0aW9uU3RhdGVJdGVtIH0gZnJvbSAnLi9saXN0LnZpZXcnO1xuaW1wb3J0IHsgRGJ4VmFsdWVMaXN0SXRlbSwgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3Q29uZmlnLCBEYnhWYWx1ZUxpc3RJdGVtQ29uZmlnIH0gZnJvbSAnLi9saXN0LnZpZXcudmFsdWUnO1xuaW1wb3J0IHsgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3RGlyZWN0aXZlIH0gZnJvbSAnLi9saXN0LnZpZXcudmFsdWUuZGlyZWN0aXZlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlld0NvbmZpZzxULCBJIGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiA9IERieFZhbHVlTGlzdEl0ZW08VD4sIFYgPSBhbnk+IGV4dGVuZHMgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3Q29uZmlnPFQsIEksIFY+IHtcbiAgbXVsdGlwbGU/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIEFic3RyYWN0IGxpc3QgdmlldyB0aGF0IGhhcyBhIHByZS1idWlsdC1pbiBzZWxlY3Rpb24gY2hhbmdlIGV2ZW50IGZvciBhbiBBbmd1bGFyIE1hdGVyaWFsIE1hdFNlbGVjdGlvbkxpc3RDaGFuZ2UuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zZWxlY3Rpb24tbGlzdC12aWV3JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGJ4LXNlbGVjdGlvbi1saXN0LXZpZXctY29udGVudCBbbXVsdGlwbGVdPVwibXVsdGlwbGUkIHwgYXN5bmNcIiBbaXRlbXNdPVwiaXRlbXMkIHwgYXN5bmNcIj48L2RieC1zZWxlY3Rpb24tbGlzdC12aWV3LWNvbnRlbnQ+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlld0NvbXBvbmVudDxULCBJIGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiA9IERieFZhbHVlTGlzdEl0ZW08VD4sIFYgPSBhbnk+IGV4dGVuZHMgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3RGlyZWN0aXZlPFQsIEksIFYsIERieFNlbGVjdGlvblZhbHVlTGlzdFZpZXdDb25maWc8VCwgSSwgVj4+IHtcblxuICByZWFkb25seSBtdWx0aXBsZSQgPSB0aGlzLmNvbmZpZyQucGlwZShtYXAoeCA9PiB4Lm11bHRpcGxlID8/IHRydWUpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBzaGFyZVJlcGxheSgxKSk7XG5cbiAgY29uc3RydWN0b3IoZGJ4TGlzdFZpZXc6IERieExpc3RWaWV3PFQ+KSB7XG4gICAgc3VwZXIoZGJ4TGlzdFZpZXcpO1xuICB9XG5cbn1cblxuLyoqXG4gKiBDb250ZW50IHZpZXcgZm9yIGEgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlldy4gSXQgY2FuIGJlIHVzZWQgZGlyZWN0bHkgaW4gY2FzZXMgd2hlcmUgdGhlIGl0ZW1zIGFyZSBhbHJlYWR5IGNvbmZpZ3VyZWQsIG9yIHdhbnQgdG8gYmUgY29uZmlndXJlZCBpbiBhIG5vbi1zdGFuZGFyZCBmYXNoaW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VsZWN0aW9uLWxpc3Qtdmlldy1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LXNlbGVjdGlvbi1saXN0IFtkaXNhYmxlZF09XCJkaXNhYmxlZCQgfCBhc3luY1wiIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiIChzZWxlY3Rpb25DaGFuZ2UpPVwibWF0U2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgICA8bWF0LWxpc3Qtb3B0aW9uIGNsYXNzPVwiZGJ4LWxpc3Qtdmlldy1pdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBbc2VsZWN0ZWRdPVwiaXRlbS5zZWxlY3RlZFwiIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCIgW3ZhbHVlXT1cIml0ZW0udmFsdWVcIiAoY2xpY2spPVwib25DbGlja1ZhbHVlKGl0ZW0udmFsdWUpXCI+XG4gICAgICAgIDxtYXQtaWNvbiBtYXRMaXN0SWNvbiAqbmdJZj1cIml0ZW0uaWNvblwiPnt7IGl0ZW0uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICAgIDxkaXYgZGJ4LWluamVjdGVkLWNvbnRlbnQgW2NvbmZpZ109XCJpdGVtLmNvbmZpZ1wiPjwvZGl2PlxuICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnZGJ4LWxpc3QtdmlldyBkYngtc2VsZWN0aW9uLWxpc3QtdmlldydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWxlY3Rpb25WYWx1ZUxpc3RJdGVtVmlld0NvbXBvbmVudDxUPiB7XG5cbiAgQElucHV0KClcbiAgbXVsdGlwbGU/OiBNYXliZTxib29sZWFuPjtcblxuICBASW5wdXQoKVxuICBpdGVtcz86IE1heWJlPERieFZhbHVlTGlzdEl0ZW1Db25maWc8VD5bXT47XG5cbiAgcmVhZG9ubHkgZGlzYWJsZWQkID0gdGhpcy5kYnhMaXN0Vmlldy5kaXNhYmxlZCQ7XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgZGJ4TGlzdFZpZXc6IERieExpc3RWaWV3PFQ+KSB7XG4gICAgaWYgKCFkYnhMaXN0Vmlldy5zZWxlY3Rpb25DaGFuZ2UpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignUGFyZW50IGRieExpc3RWaWV3IHRvIERieFNlbGVjdGlvblZhbHVlTGlzdFZpZXdDb21wb25lbnQgaGFzIG5vIHNlbGVjdGlvbkNoYW5nZSBlbWl0dGVyLicpO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2xpY2tWYWx1ZSh2YWx1ZTogVCkge1xuICAgIHRoaXMuZGJ4TGlzdFZpZXcuY2xpY2tWYWx1ZT8ubmV4dCh2YWx1ZSk7XG4gIH1cblxuICBtYXRTZWxlY3Rpb25DaGFuZ2VkKHNlbGVjdGlvbjogTWF0U2VsZWN0aW9uTGlzdENoYW5nZSk6IHZvaWQge1xuICAgIGNvbnN0IG9wdGlvbnMgPSBzZWxlY3Rpb24uc291cmNlLnNlbGVjdGVkT3B0aW9ucy5zZWxlY3RlZDtcbiAgICBjb25zdCBpdGVtczogTGlzdFNlbGVjdGlvblN0YXRlSXRlbTxUPltdID0gb3B0aW9ucy5tYXAoeCA9PiB7XG4gICAgICBjb25zdCB7IHZhbHVlLCBzZWxlY3RlZCwgZGlzYWJsZWQgfSA9IHg7XG4gICAgICByZXR1cm4gKHsgdmFsdWUsIHNlbGVjdGVkLCBkaXNhYmxlZCB9KTtcbiAgICB9KTtcblxuICAgIHRoaXMuZGJ4TGlzdFZpZXcuc2VsZWN0aW9uQ2hhbmdlIS5uZXh0KHtcbiAgICAgIGl0ZW1zXG4gICAgfSk7XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLnNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2xpc3QvbGlzdC52aWV3LnZhbHVlLnNlbGVjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFjLEdBQUcsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzlFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBd0IsV0FBVyxFQUEwQixNQUFNLGFBQWEsQ0FBQztBQUV4RixPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVoRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7QUFNNUU7O0dBRUc7QUFPSCxNQUFNLE9BQU8sa0NBQW9HLFNBQVEsaUNBQW9GO0lBTjdNOztRQVFXLG1CQUFjLEdBQXFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLElBQUksRUFBRSxDQUFDLFFBQWdDLENBQUMsQ0FBQzthQUNsSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLFFBQVEsQ0FBQyxFQUFFLG9CQUFvQixFQUFFLENBQUMsQ0FBQztRQUNoRCxjQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBRTlHOzsrSEFOWSxrQ0FBa0M7bUhBQWxDLGtDQUFrQyxzRkFKbkM7O0dBRVQsMEVBa0NVLHNDQUFzQzsyRkFoQ3RDLGtDQUFrQztrQkFOOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUU7O0dBRVQ7aUJBQ0Y7O0FBU0Q7O0dBRUc7QUFzQkgsTUFBTSxPQUFPLHNDQUEwQyxTQUFRLDZCQUFnQztJQVE3RixZQUFZLFdBQTJCO1FBQ3JDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUVuQixJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsRUFBRTtZQUNoQyxNQUFNLElBQUksS0FBSyxDQUFDLDBGQUEwRixDQUFDLENBQUM7U0FDN0c7SUFDSCxDQUFDO0lBRUQsbUJBQW1CLENBQUMsU0FBaUM7UUFDbkQsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDO1FBQzFELE1BQU0sS0FBSyxHQUFnQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pELE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDbkQsT0FBTyxDQUFDLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFnQixDQUFDLElBQUksQ0FBQztZQUNyQyxLQUFLO1NBQ04sQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7bUlBMUJVLHNDQUFzQzt1SEFBdEMsc0NBQXNDLG1PQW5CdkM7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7MkZBS1Usc0NBQXNDO2tCQXJCbEQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUNBQWlDO29CQUMzQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7b0JBQ0QsSUFBSSxFQUFFO3dCQUNKLE9BQU8sRUFBRSx1Q0FBdUM7cUJBQ2pEO2lCQUNGO2tHQUlDLFFBQVE7c0JBRFAsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZhYmxlLCBtYXAsIHNoYXJlUmVwbGF5LCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNlbGVjdGlvbkxpc3RDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IERieExpc3RTZWxlY3Rpb25Nb2RlLCBEYnhMaXN0VmlldywgTGlzdFNlbGVjdGlvblN0YXRlSXRlbSB9IGZyb20gJy4vbGlzdC52aWV3JztcbmltcG9ydCB7IERieFZhbHVlTGlzdEl0ZW0sIEFic3RyYWN0RGJ4VmFsdWVMaXN0Vmlld0NvbmZpZyB9IGZyb20gJy4vbGlzdC52aWV3LnZhbHVlJztcbmltcG9ydCB7IEFic3RyYWN0RGJ4VmFsdWVMaXN0Vmlld0RpcmVjdGl2ZSB9IGZyb20gJy4vbGlzdC52aWV3LnZhbHVlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgRGJ4VmFsdWVMaXN0SXRlbVZpZXdDb21wb25lbnQgfSBmcm9tICcuL2xpc3Qudmlldy52YWx1ZS5jb21wb25lbnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERieFNlbGVjdGlvblZhbHVlTGlzdFZpZXdDb25maWc8VCwgSSBleHRlbmRzIERieFZhbHVlTGlzdEl0ZW08VD4gPSBEYnhWYWx1ZUxpc3RJdGVtPFQ+LCBWID0gYW55PiBleHRlbmRzIEFic3RyYWN0RGJ4VmFsdWVMaXN0Vmlld0NvbmZpZzxULCBJLCBWPiB7XG4gIG11bHRpcGxlPzogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiBSZW5kZXJzIGEgc2VsZWN0aW9uIGxpc3QgdmlldyB1c2luZyBpbnB1dCBjb25maWd1cmF0aW9uLiBSZXF1aXJlcyBhIHBhcmVudCBEYnhMaXN0Vmlldy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXNlbGVjdGlvbi1saXN0LXZpZXcnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtc2VsZWN0aW9uLWxpc3Qtdmlldy1jb250ZW50IFtzZWxlY3Rpb25Nb2RlXT1cInNlbGVjdGlvbk1vZGUkIHwgYXN5bmNcIiBbbXVsdGlwbGVdPVwibXVsdGlwbGUkIHwgYXN5bmNcIiBbaXRlbXNdPVwiaXRlbXMkIHwgYXN5bmNcIj48L2RieC1zZWxlY3Rpb24tbGlzdC12aWV3LWNvbnRlbnQ+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlld0NvbXBvbmVudDxULCBJIGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiA9IERieFZhbHVlTGlzdEl0ZW08VD4sIFYgPSBhbnk+IGV4dGVuZHMgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3RGlyZWN0aXZlPFQsIEksIFYsIERieFNlbGVjdGlvblZhbHVlTGlzdFZpZXdDb25maWc8VCwgSSwgVj4+IHtcblxuICByZWFkb25seSBzZWxlY3Rpb25Nb2RlJDogT2JzZXJ2YWJsZTxEYnhMaXN0U2VsZWN0aW9uTW9kZT4gPSAodGhpcy5kYnhMaXN0Vmlldy5zZWxlY3Rpb25Nb2RlJCA/PyBvZignc2VsZWN0JyBhcyBEYnhMaXN0U2VsZWN0aW9uTW9kZSkpXG4gICAgLnBpcGUobWFwKHggPT4geCA/PyAnc2VsZWN0JyksIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpO1xuICByZWFkb25seSBtdWx0aXBsZSQgPSB0aGlzLmNvbmZpZyQucGlwZShtYXAoeCA9PiB4Lm11bHRpcGxlID8/IHRydWUpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBzaGFyZVJlcGxheSgxKSk7XG5cbn1cblxuLyoqXG4gKiBDb250ZW50IHZpZXcgZm9yIGEgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlldy4gSXQgY2FuIGJlIHVzZWQgZGlyZWN0bHkgaW4gY2FzZXMgd2hlcmUgdGhlIGl0ZW1zIGFyZSBhbHJlYWR5IGNvbmZpZ3VyZWQsIG9yIHdhbnQgdG8gYmUgY29uZmlndXJlZCBpbiBhIG5vbi1zdGFuZGFyZCBmYXNoaW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VsZWN0aW9uLWxpc3Qtdmlldy1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzZWxlY3Rpb25Nb2RlXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIndmlldydcIj5cbiAgICAgICAgPGRieC1saXN0LXZpZXctY29udGVudCBbaXRlbXNdPVwiaXRlbXNcIj48L2RieC1saXN0LXZpZXctY29udGVudD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgICA8bWF0LXNlbGVjdGlvbi1saXN0IFtkaXNhYmxlZF09XCJkaXNhYmxlZCQgfCBhc3luY1wiIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiIChzZWxlY3Rpb25DaGFuZ2UpPVwibWF0U2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgICAgICAgPG1hdC1saXN0LW9wdGlvbiBjbGFzcz1cImRieC1saXN0LXZpZXctaXRlbVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgW3NlbGVjdGVkXT1cIml0ZW0uc2VsZWN0ZWRcIiBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiIFt2YWx1ZV09XCJpdGVtLml0ZW1WYWx1ZVwiIChjbGljayk9XCJvbkNsaWNrVmFsdWUoaXRlbS5pdGVtVmFsdWUpXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gbWF0TGlzdEljb24gKm5nSWY9XCJpdGVtLmljb25cIj57eyBpdGVtLmljb24gfX08L21hdC1pY29uPlxuICAgICAgICAgICAgPGRpdiBkYngtaW5qZWN0aW9uIFtjb25maWddPVwiaXRlbS5jb25maWdcIj48L2Rpdj5cbiAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cbiAgICAgICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgYCxcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdkYngtbGlzdC12aWV3IGRieC1zZWxlY3Rpb24tbGlzdC12aWV3J1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieFNlbGVjdGlvblZhbHVlTGlzdEl0ZW1WaWV3Q29tcG9uZW50PFQ+IGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbVZpZXdDb21wb25lbnQ8VD4ge1xuXG4gIEBJbnB1dCgpXG4gIG11bHRpcGxlPzogTWF5YmU8Ym9vbGVhbj47XG5cbiAgQElucHV0KClcbiAgc2VsZWN0aW9uTW9kZTogTWF5YmU8RGJ4TGlzdFNlbGVjdGlvbk1vZGU+O1xuXG4gIGNvbnN0cnVjdG9yKGRieExpc3RWaWV3OiBEYnhMaXN0VmlldzxUPikge1xuICAgIHN1cGVyKGRieExpc3RWaWV3KTtcblxuICAgIGlmICghZGJ4TGlzdFZpZXcuc2VsZWN0aW9uQ2hhbmdlKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ1BhcmVudCBkYnhMaXN0VmlldyB0byBEYnhTZWxlY3Rpb25WYWx1ZUxpc3RWaWV3Q29tcG9uZW50IGhhcyBubyBzZWxlY3Rpb25DaGFuZ2UgZW1pdHRlci4nKTtcbiAgICB9XG4gIH1cblxuICBtYXRTZWxlY3Rpb25DaGFuZ2VkKHNlbGVjdGlvbjogTWF0U2VsZWN0aW9uTGlzdENoYW5nZSk6IHZvaWQge1xuICAgIGNvbnN0IG9wdGlvbnMgPSBzZWxlY3Rpb24uc291cmNlLnNlbGVjdGVkT3B0aW9ucy5zZWxlY3RlZDtcbiAgICBjb25zdCBpdGVtczogTGlzdFNlbGVjdGlvblN0YXRlSXRlbTxUPltdID0gb3B0aW9ucy5tYXAoeCA9PiB7XG4gICAgICBjb25zdCB7IHZhbHVlOiBpdGVtVmFsdWUsIHNlbGVjdGVkLCBkaXNhYmxlZCB9ID0geDtcbiAgICAgIHJldHVybiAoeyBpdGVtVmFsdWUsIHNlbGVjdGVkLCBkaXNhYmxlZCB9KTtcbiAgICB9KTtcblxuICAgIHRoaXMuZGJ4TGlzdFZpZXcuc2VsZWN0aW9uQ2hhbmdlIS5uZXh0KHtcbiAgICAgIGl0ZW1zXG4gICAgfSk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/layout/list/list.wrapper.mjs

@@ -0,0 +1,13 @@
+import { forwardRef } from "@angular/core";
+/**
+ * Common interface for views that may wrap a DbxListView, and pass values through to it.
+ */
+export class DbxListViewWrapper {
+}
+export function ProvideDbxListViewWrapper(sourceType) {
+    return [{
+            provide: DbxListViewWrapper,
+            useExisting: forwardRef(() => sourceType)
+        }];
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC53cmFwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9saXN0L2xpc3Qud3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsVUFBVSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUczRDs7R0FFRztBQUNGLE1BQU0sT0FBZ0Isa0JBQWtCO0NBRXhDO0FBRUQsTUFBTSxVQUFVLHlCQUF5QixDQUFvQyxVQUFtQjtJQUM5RixPQUFPLENBQUM7WUFDTixPQUFPLEVBQUUsa0JBQWtCO1lBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDO1NBQzFDLENBQUMsQ0FBQztBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBMaXN0TG9hZGluZ1N0YXRlIH0gZnJvbSBcIkBkZXJlZWtiL3J4anNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIFByb3ZpZGVyLCBUeXBlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8qKlxuICogQ29tbW9uIGludGVyZmFjZSBmb3Igdmlld3MgdGhhdCBtYXkgd3JhcCBhIERieExpc3RWaWV3LCBhbmQgcGFzcyB2YWx1ZXMgdGhyb3VnaCB0byBpdC5cbiAqL1xuIGV4cG9ydCBhYnN0cmFjdCBjbGFzcyBEYnhMaXN0Vmlld1dyYXBwZXI8VCwgUyBleHRlbmRzIExpc3RMb2FkaW5nU3RhdGU8VD4gPSBMaXN0TG9hZGluZ1N0YXRlPFQ+PiB7XG4gIHN0YXRlJD86IE1heWJlPE9ic2VydmFibGU8Uz4+O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gUHJvdmlkZURieExpc3RWaWV3V3JhcHBlcjxWIGV4dGVuZHMgRGJ4TGlzdFZpZXdXcmFwcGVyPGFueT4+KHNvdXJjZVR5cGU6IFR5cGU8Vj4pOiBQcm92aWRlcltdIHtcbiAgcmV0dXJuIFt7XG4gICAgcHJvdmlkZTogRGJ4TGlzdFZpZXdXcmFwcGVyLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IHNvdXJjZVR5cGUpXG4gIH1dO1xufVxuIl19

package/esm2020/lib/layout/section/section.component.mjs

@@ -11,8 +11,8 @@ export class DbxSectionComponent extends DbxSectionHeaderComponent {
         this.elevated = false;
     }
 }
-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: `
+DbxSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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>
@@ -20,7 +20,7 @@ DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       <ng-content></ng-content>
     </div>
   `, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-section',

package/esm2020/lib/layout/section/section.header.component.mjs

@@ -10,8 +10,8 @@ export class DbxSectionHeaderComponent {
         return Boolean(this.header || this.icon);
     }
 }
-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: `
+DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: { h: "h", header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
     <div class="dbx-section-header-content">
       <ng-container [ngSwitch]="showTitle && (h ?? 1)">
         <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
@@ -38,7 +38,7 @@ DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
         <mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span>
     </ng-template>
   `, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '.dbx-section-header',

package/esm2020/lib/layout/section/section.intro.component.mjs

@@ -18,8 +18,8 @@ export class DbxIntroActionSectionComponent extends DbxSectionComponent {
         this.showAction.next();
     }
 }
-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: `
+DbxIntroActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxIntroActionSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxIntroActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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>
@@ -35,7 +35,7 @@ DbxIntroActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
     </ng-container>
   </div>
   `, isInline: true, components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-intro-action-section',

package/esm2020/lib/layout/section/section.layout.module.mjs

@@ -1,4 +1,4 @@
-import { DbxAnchorModule } from '../../router';
+import { DbxRouterAnchorModule } from '../../router';
 import { MatButtonModule } from '@angular/material/button';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
@@ -15,13 +15,13 @@ import * as i0 from "@angular/core";
  */
 export class DbxSectionLayoutModule {
 }
-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,
+DbxSectionLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxSectionLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionLayoutModule, declarations: [DbxSectionHeaderComponent,
         DbxSectionPageComponent,
         DbxSectionComponent,
         DbxSubSectionComponent,
         DbxIntroActionSectionComponent], imports: [CommonModule,
-        DbxAnchorModule,
+        DbxRouterAnchorModule,
         MatButtonModule,
         MatRippleModule,
         MatIconModule], exports: [DbxSectionHeaderComponent,
@@ -29,19 +29,19 @@ DbxSectionLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         DbxSectionComponent,
         DbxSubSectionComponent,
         DbxIntroActionSectionComponent] });
-DbxSectionLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionLayoutModule, imports: [[
+DbxSectionLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionLayoutModule, imports: [[
             CommonModule,
-            DbxAnchorModule,
+            DbxRouterAnchorModule,
             MatButtonModule,
             MatRippleModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        DbxAnchorModule,
+                        DbxRouterAnchorModule,
                         MatButtonModule,
                         MatRippleModule,
                         MatIconModule
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24ubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUV2RTs7R0FFRztBQXdCSCxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBZC9CLHlCQUF5QjtRQUN6Qix1QkFBdUI7UUFDdkIsbUJBQW1CO1FBQ25CLHNCQUFzQjtRQUN0Qiw4QkFBOEIsYUFYOUIsWUFBWTtRQUNaLGVBQWU7UUFDZixlQUFlO1FBQ2YsZUFBZTtRQUNmLGFBQWEsYUFVYix5QkFBeUI7UUFDekIsdUJBQXVCO1FBQ3ZCLG1CQUFtQjtRQUNuQixzQkFBc0I7UUFDdEIsOEJBQThCO29IQUdyQixzQkFBc0IsWUF0QnhCO1lBQ1AsWUFBWTtZQUNaLGVBQWU7WUFDZixlQUFlO1lBQ2YsZUFBZTtZQUNmLGFBQWE7U0FDZDsyRkFnQlUsc0JBQXNCO2tCQXZCbEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixhQUFhO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWix5QkFBeUI7d0JBQ3pCLHVCQUF1Qjt3QkFDdkIsbUJBQW1CO3dCQUNuQixzQkFBc0I7d0JBQ3RCLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsOEJBQThCO3FCQUMvQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERieEFuY2hvck1vZHVsZSB9IGZyb20gJy4uLy4uL3JvdXRlcic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRSaXBwbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IERieFNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFN1YlNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3N1YnNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFNlY3Rpb25QYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5pbnRyby5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5oZWFkZXIuY29tcG9uZW50JztcblxuLyoqXG4gKiBNb2R1bGUgZm9yIGNvbnRhaW5lci10eXBlIGNvbXBvbmVudHMuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGJ4QW5jaG9yTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRSaXBwbGVNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50LFxuICAgIERieFNlY3Rpb25QYWdlQ29tcG9uZW50LFxuICAgIERieFNlY3Rpb25Db21wb25lbnQsXG4gICAgRGJ4U3ViU2VjdGlvbkNvbXBvbmVudCxcbiAgICBEYnhJbnRyb0FjdGlvblNlY3Rpb25Db21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQsXG4gICAgRGJ4U2VjdGlvblBhZ2VDb21wb25lbnQsXG4gICAgRGJ4U2VjdGlvbkNvbXBvbmVudCxcbiAgICBEYnhTdWJTZWN0aW9uQ29tcG9uZW50LFxuICAgIERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERieFNlY3Rpb25MYXlvdXRNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24ubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbkUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRXZFOztHQUVHO0FBd0JILE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQixpQkFkL0IseUJBQXlCO1FBQ3pCLHVCQUF1QjtRQUN2QixtQkFBbUI7UUFDbkIsc0JBQXNCO1FBQ3RCLDhCQUE4QixhQVg5QixZQUFZO1FBQ1oscUJBQXFCO1FBQ3JCLGVBQWU7UUFDZixlQUFlO1FBQ2YsYUFBYSxhQVViLHlCQUF5QjtRQUN6Qix1QkFBdUI7UUFDdkIsbUJBQW1CO1FBQ25CLHNCQUFzQjtRQUN0Qiw4QkFBOEI7b0hBR3JCLHNCQUFzQixZQXRCeEI7WUFDUCxZQUFZO1lBQ1oscUJBQXFCO1lBQ3JCLGVBQWU7WUFDZixlQUFlO1lBQ2YsYUFBYTtTQUNkOzJGQWdCVSxzQkFBc0I7a0JBdkJsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGFBQWE7cUJBQ2Q7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHlCQUF5Qjt3QkFDekIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsOEJBQThCO3FCQUMvQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AseUJBQXlCO3dCQUN6Qix1QkFBdUI7d0JBQ3ZCLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0Qiw4QkFBOEI7cUJBQy9CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGJ4Um91dGVyQW5jaG9yTW9kdWxlIH0gZnJvbSAnLi4vLi4vcm91dGVyJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFJpcHBsZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgRGJ4U2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4U3ViU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc3Vic2VjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4U2VjdGlvblBhZ2VDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24ucGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4SW50cm9BY3Rpb25TZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmludHJvLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmhlYWRlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIE1vZHVsZSBmb3IgY29udGFpbmVyLXR5cGUgY29tcG9uZW50cy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYnhSb3V0ZXJBbmNob3JNb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdFJpcHBsZU1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQsXG4gICAgRGJ4U2VjdGlvblBhZ2VDb21wb25lbnQsXG4gICAgRGJ4U2VjdGlvbkNvbXBvbmVudCxcbiAgICBEYnhTdWJTZWN0aW9uQ29tcG9uZW50LFxuICAgIERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCxcbiAgICBEYnhTZWN0aW9uUGFnZUNvbXBvbmVudCxcbiAgICBEYnhTZWN0aW9uQ29tcG9uZW50LFxuICAgIERieFN1YlNlY3Rpb25Db21wb25lbnQsXG4gICAgRGJ4SW50cm9BY3Rpb25TZWN0aW9uQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2VjdGlvbkxheW91dE1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/lib/layout/section/section.page.component.mjs

@@ -7,8 +7,8 @@ import * as i1 from "./section.header.component";
  */
 export class DbxSectionPageComponent extends DbxSectionHeaderComponent {
 }
-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: `
+DbxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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>
@@ -16,7 +16,7 @@ DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
     <ng-content></ng-content>
   </div>
   `, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-section-page',

package/esm2020/lib/layout/section/subsection.component.mjs

@@ -7,8 +7,8 @@ import * as i1 from "./section.header.component";
  */
 export class DbxSubSectionComponent extends DbxSectionComponent {
 }
-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: `
+DbxSubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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>
@@ -18,7 +18,7 @@ DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
     </div>
   </div>
   `, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: ".dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-subsection',

package/esm2020/lib/layout/step/step.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/material/icon";
 import * as i2 from "@angular/common";
 export class DbxStepComponent {
 }
-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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepComponent, decorators: [{
+DbxStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", 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: [{

package/esm2020/lib/layout/step/step.layout.module.mjs

@@ -5,14 +5,14 @@ import { DbxStepComponent } from './step.component';
 import * as i0 from "@angular/core";
 export class DbxStepLayoutModule {
 }
-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,
+DbxStepLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxStepLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStepLayoutModule, declarations: [DbxStepComponent], imports: [CommonModule,
         MatIconModule], exports: [DbxStepComponent] });
-DbxStepLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepLayoutModule, imports: [[
+DbxStepLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStepLayoutModule, imports: [[
             CommonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxStepLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxStepLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [