@dereekb/dbx-web 0.0.1 → 1.0.0

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

@@ -0,0 +1,61 @@
+import { Component } from '@angular/core';
+import { shareReplay, map, first } from 'rxjs';
+import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
+import { AnchorType, anchorTypeForAnchor } from '@dereekb/dbx-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/list";
+import * as i2 from "../../router/layout/anchor/anchor.component";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@dereekb/dbx-core";
+import * as i5 from "@angular/common";
+/**
+ * Abstract list view that has a pre-built-in selection change event for an Angular Material MatSelectionListChange.
+ */
+export class DbxValueListViewComponent extends AbstractDbxValueListViewDirective {
+    constructor() {
+        super(...arguments);
+        this.emitAllClicks$ = this.config$.pipe(map(x => x.emitAllClicks), shareReplay(1));
+    }
+    onClickItem(item) {
+        // do not emit clicks for disabled items.
+        if (!item.disabled) {
+            this.emitAllClicks$.pipe(first()).subscribe((emitAll) => {
+                // only emit clicks for items with no anchor, or plain anchors.
+                if (emitAll || !item.anchor || anchorTypeForAnchor(item.anchor) === AnchorType.PLAIN) {
+                    this.onClickValue(item.value);
+                }
+            });
+        }
+    }
+}
+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: `
+    <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)">
+          <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
+          <div dbx-injected-content [config]="item.config"></div>
+        </a>
+      </dbx-anchor>
+    </mat-nav-list>
+  `, isInline: true, components: [{ type: i1.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i1.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.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }], pipes: { "async": i5.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxValueListViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-list-view',
+                    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)">
+          <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
+          <div dbx-injected-content [config]="item.config"></div>
+        </a>
+      </dbx-anchor>
+    </mat-nav-list>
+  `,
+                    host: {
+                        'class': 'dbx-list-view'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvbGlzdC9saXN0LnZpZXcudmFsdWUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRS9DLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7OztBQU1wRTs7R0FFRztBQWlCSCxNQUFNLE9BQU8seUJBQXdLLFNBQVEsaUNBQTZDO0lBaEIxTzs7UUFrQlcsbUJBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FleEY7SUFiQyxXQUFXLENBQUMsSUFBeUI7UUFFbkMseUNBQXlDO1FBQ3pDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7Z0JBQ3RELCtEQUErRDtnQkFDL0QsSUFBSSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLG1CQUFtQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxVQUFVLENBQUMsS0FBSyxFQUFFO29CQUNwRixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDL0I7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzs7c0hBZlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsdUhBZDFCOzs7Ozs7Ozs7R0FTVDsyRkFLVSx5QkFBeUI7a0JBaEJyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO29CQUNELElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsZUFBZTtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHNoYXJlUmVwbGF5LCBtYXAsIGZpcnN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEYnhWYWx1ZUxpc3RJdGVtLCBBYnN0cmFjdERieFZhbHVlTGlzdFZpZXdDb25maWcgfSBmcm9tICcuL2xpc3Qudmlldy52YWx1ZSc7XG5pbXBvcnQgeyBBYnN0cmFjdERieFZhbHVlTGlzdFZpZXdEaXJlY3RpdmUgfSBmcm9tICcuL2xpc3Qudmlldy52YWx1ZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQW5jaG9yVHlwZSwgYW5jaG9yVHlwZUZvckFuY2hvciB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBEYnhWYWx1ZUxpc3RWaWV3Q29uZmlnPFQsIEkgZXh0ZW5kcyBEYnhWYWx1ZUxpc3RJdGVtPFQ+ID0gRGJ4VmFsdWVMaXN0SXRlbTxUPiwgViA9IGFueT4gZXh0ZW5kcyBBYnN0cmFjdERieFZhbHVlTGlzdFZpZXdDb25maWc8VCwgSSwgVj4ge1xuICBlbWl0QWxsQ2xpY2tzPzogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiBBYnN0cmFjdCBsaXN0IHZpZXcgdGhhdCBoYXMgYSBwcmUtYnVpbHQtaW4gc2VsZWN0aW9uIGNoYW5nZSBldmVudCBmb3IgYW4gQW5ndWxhciBNYXRlcmlhbCBNYXRTZWxlY3Rpb25MaXN0Q2hhbmdlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtbGlzdC12aWV3JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LW5hdi1saXN0PlxuICAgICAgPGRieC1hbmNob3IgKm5nRm9yPVwibGV0IGl0ZW0gb2YgKGl0ZW1zJCB8IGFzeW5jKVwiIFthbmNob3JdPVwiaXRlbS5hbmNob3JcIiBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiPlxuICAgICAgICA8YSBtYXQtbGlzdC1pdGVtIGNsYXNzPVwiZGJ4LWxpc3Qtdmlldy1pdGVtXCIgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIiAoY2xpY2spPVwib25DbGlja0l0ZW0oaXRlbSlcIj5cbiAgICAgICAgICA8bWF0LWljb24gbWF0TGlzdEljb24gKm5nSWY9XCJpdGVtLmljb25cIj57eyBpdGVtLmljb24gfX08L21hdC1pY29uPlxuICAgICAgICAgIDxkaXYgZGJ4LWluamVjdGVkLWNvbnRlbnQgW2NvbmZpZ109XCJpdGVtLmNvbmZpZ1wiPjwvZGl2PlxuICAgICAgICA8L2E+XG4gICAgICA8L2RieC1hbmNob3I+XG4gICAgPC9tYXQtbmF2LWxpc3Q+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnZGJ4LWxpc3QtdmlldydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhWYWx1ZUxpc3RWaWV3Q29tcG9uZW50PFQsIEkgZXh0ZW5kcyBEYnhWYWx1ZUxpc3RJdGVtPFQ+ID0gRGJ4VmFsdWVMaXN0SXRlbTxUPiwgViA9IGFueSwgQyBleHRlbmRzIERieFZhbHVlTGlzdFZpZXdDb25maWc8VCwgSSwgVj4gPSBEYnhWYWx1ZUxpc3RWaWV3Q29uZmlnPFQsIEksIFY+PiBleHRlbmRzIEFic3RyYWN0RGJ4VmFsdWVMaXN0Vmlld0RpcmVjdGl2ZTxULCBJLCBWLCBDPiB7XG5cbiAgcmVhZG9ubHkgZW1pdEFsbENsaWNrcyQgPSB0aGlzLmNvbmZpZyQucGlwZShtYXAoeCA9PiB4LmVtaXRBbGxDbGlja3MpLCBzaGFyZVJlcGxheSgxKSk7XG5cbiAgb25DbGlja0l0ZW0oaXRlbTogRGJ4VmFsdWVMaXN0SXRlbTxUPikge1xuXG4gICAgLy8gZG8gbm90IGVtaXQgY2xpY2tzIGZvciBkaXNhYmxlZCBpdGVtcy5cbiAgICBpZiAoIWl0ZW0uZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuZW1pdEFsbENsaWNrcyQucGlwZShmaXJzdCgpKS5zdWJzY3JpYmUoKGVtaXRBbGwpID0+IHtcbiAgICAgICAgLy8gb25seSBlbWl0IGNsaWNrcyBmb3IgaXRlbXMgd2l0aCBubyBhbmNob3IsIG9yIHBsYWluIGFuY2hvcnMuXG4gICAgICAgIGlmIChlbWl0QWxsIHx8ICFpdGVtLmFuY2hvciB8fCBhbmNob3JUeXBlRm9yQW5jaG9yKGl0ZW0uYW5jaG9yKSA9PT0gQW5jaG9yVHlwZS5QTEFJTikge1xuICAgICAgICAgIHRoaXMub25DbGlja1ZhbHVlKGl0ZW0udmFsdWUpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxufVxuIl19

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

@@ -0,0 +1,35 @@
+import { Input, Directive } from "@angular/core";
+import { filterMaybe } from "@dereekb/rxjs";
+import { BehaviorSubject, distinctUntilChanged, shareReplay, combineLatest, switchMap } from "rxjs";
+import { DbxListView } from "./list.view";
+import { mapValuesToValuesListItemConfigObs } from "./list.view.value";
+import * as i0 from "@angular/core";
+import * as i1 from "./list.view";
+/**
+ * Abstract list directive that takes in items and a AbstractDbxValueItemListViewConfig configuration.
+ */
+export class AbstractDbxValueListViewDirective {
+    constructor(dbxListView) {
+        this.dbxListView = dbxListView;
+        this._config = new BehaviorSubject(undefined);
+        this.config$ = this._config.pipe(filterMaybe(), distinctUntilChanged());
+        this.items$ = combineLatest([this.config$, this.dbxListView.values$]).pipe(switchMap(([listViewConfig, values]) => mapValuesToValuesListItemConfigObs(listViewConfig, values)), shareReplay(1));
+    }
+    ngOnDestroy() {
+        this._config.complete();
+    }
+    set config(config) {
+        this._config.next(config);
+    }
+    onClickValue(value) {
+        this.dbxListView.clickValue?.next(value);
+    }
+}
+AbstractDbxValueListViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AbstractDbxValueListViewDirective, deps: [{ token: i1.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: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.DbxListView }]; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvbGlzdC9saXN0LnZpZXcudmFsdWUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUNoSCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzFDLE9BQU8sRUFBNEUsa0NBQWtDLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBRWpKOztHQUVHO0FBRUgsTUFBTSxPQUFnQixpQ0FBaUM7SUFVckQsWUFBcUIsV0FBMkI7UUFBM0IsZ0JBQVcsR0FBWCxXQUFXLENBQWdCO1FBUnhDLFlBQU8sR0FBRyxJQUFJLGVBQWUsQ0FBVyxTQUFTLENBQUMsQ0FBQztRQUNsRCxZQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1FBRW5FLFdBQU0sR0FBRyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQzVFLFNBQVMsQ0FBQyxDQUFDLENBQUMsY0FBYyxFQUFFLE1BQU0sQ0FBQyxFQUFFLEVBQUUsQ0FBQyxrQ0FBa0MsQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDLENBQUMsRUFDbkcsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFFa0QsQ0FBQztJQUVyRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFDSSxNQUFNLENBQUMsTUFBZ0I7UUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFRO1FBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDOzs4SEF2Qm1CLGlDQUFpQztrSEFBakMsaUNBQWlDOzJGQUFqQyxpQ0FBaUM7a0JBRHRELFNBQVM7a0dBa0JKLE1BQU07c0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9uRGVzdHJveSwgSW5wdXQsIERpcmVjdGl2ZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBmaWx0ZXJNYXliZSB9IGZyb20gXCJAZGVyZWVrYi9yeGpzXCI7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gXCJAZGVyZWVrYi91dGlsXCI7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBzaGFyZVJlcGxheSwgY29tYmluZUxhdGVzdCwgc3dpdGNoTWFwLCBPYnNlcnZhYmxlIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IERieExpc3RWaWV3IH0gZnJvbSBcIi4vbGlzdC52aWV3XCI7XG5pbXBvcnQgeyBBYnN0cmFjdERieFZhbHVlTGlzdFZpZXdDb25maWcsIERieFZhbHVlTGlzdEl0ZW0sIERieFZhbHVlTGlzdEl0ZW1Db25maWcsIG1hcFZhbHVlc1RvVmFsdWVzTGlzdEl0ZW1Db25maWdPYnMgfSBmcm9tIFwiLi9saXN0LnZpZXcudmFsdWVcIjtcblxuLyoqXG4gKiBBYnN0cmFjdCBsaXN0IGRpcmVjdGl2ZSB0aGF0IHRha2VzIGluIGl0ZW1zIGFuZCBhIEFic3RyYWN0RGJ4VmFsdWVJdGVtTGlzdFZpZXdDb25maWcgY29uZmlndXJhdGlvbi5cbiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3RGlyZWN0aXZlPFQsIEkgZXh0ZW5kcyBEYnhWYWx1ZUxpc3RJdGVtPFQ+ID0gRGJ4VmFsdWVMaXN0SXRlbTxUPiwgViA9IGFueSwgQyBleHRlbmRzIEFic3RyYWN0RGJ4VmFsdWVMaXN0Vmlld0NvbmZpZzxULCBJLCBWPiA9IEFic3RyYWN0RGJ4VmFsdWVMaXN0Vmlld0NvbmZpZzxULCBJLCBWPj4gaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgX2NvbmZpZyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8Qz4+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGNvbmZpZyQgPSB0aGlzLl9jb25maWcucGlwZShmaWx0ZXJNYXliZSgpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKTtcblxuICByZWFkb25seSBpdGVtcyQgPSBjb21iaW5lTGF0ZXN0KFt0aGlzLmNvbmZpZyQsIHRoaXMuZGJ4TGlzdFZpZXcudmFsdWVzJF0pLnBpcGUoXG4gICAgc3dpdGNoTWFwKChbbGlzdFZpZXdDb25maWcsIHZhbHVlc10pID0+IG1hcFZhbHVlc1RvVmFsdWVzTGlzdEl0ZW1Db25maWdPYnMobGlzdFZpZXdDb25maWcsIHZhbHVlcykpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgZGJ4TGlzdFZpZXc6IERieExpc3RWaWV3PFQ+KSB7IH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9jb25maWcuY29tcGxldGUoKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBjb25maWcoY29uZmlnOiBNYXliZTxDPikge1xuICAgIHRoaXMuX2NvbmZpZy5uZXh0KGNvbmZpZyk7XG4gIH1cblxuICBvbkNsaWNrVmFsdWUodmFsdWU6IFQpIHtcbiAgICB0aGlzLmRieExpc3RWaWV3LmNsaWNrVmFsdWU/Lm5leHQodmFsdWUpO1xuICB9XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,20 @@
+import { Directive, Inject } from "@angular/core";
+import { DBX_VALUE_LIST_VIEW_ITEM } from "./list.view.value";
+import * as i0 from "@angular/core";
+export class AbstractDbxSelectionValueListViewItemComponent {
+    constructor(item) {
+        this.item = item;
+    }
+    get value() {
+        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: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DBX_VALUE_LIST_VIEW_ITEM]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLml0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9saXN0L2xpc3Qudmlldy52YWx1ZS5pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQW9CLHdCQUF3QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBRy9FLE1BQU0sT0FBZ0IsOENBQThDO0lBTWxFLFlBQXVELElBQU87UUFBUCxTQUFJLEdBQUosSUFBSSxDQUFHO0lBQUksQ0FBQztJQUpuRSxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3pCLENBQUM7OzJJQUptQiw4Q0FBOEMsa0JBTTlDLHdCQUF3QjsrSEFOeEIsOENBQThDOzJGQUE5Qyw4Q0FBOEM7a0JBRG5FLFNBQVM7OzBCQU9LLE1BQU07MkJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbmplY3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRGJ4VmFsdWVMaXN0SXRlbSwgREJYX1ZBTFVFX0xJU1RfVklFV19JVEVNIH0gZnJvbSBcIi4vbGlzdC52aWV3LnZhbHVlXCI7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0RGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlld0l0ZW1Db21wb25lbnQ8VCwgSSBleHRlbmRzIERieFZhbHVlTGlzdEl0ZW08VD4gPSBEYnhWYWx1ZUxpc3RJdGVtPFQ+PiB7XG5cbiAgZ2V0IHZhbHVlKCkge1xuICAgIHJldHVybiB0aGlzLml0ZW0udmFsdWU7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KERCWF9WQUxVRV9MSVNUX1ZJRVdfSVRFTSkgcmVhZG9ubHkgaXRlbTogSSkgeyB9XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,30 @@
+import { InjectionToken } from "@angular/core";
+import { map, of } from "rxjs";
+export const DBX_VALUE_LIST_VIEW_ITEM = new InjectionToken('DbxValueListViewItem');
+export const DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES = (values) => of(values.map(value => ({ value })));
+export function mapValuesToValuesListItemConfigObs(listViewConfig, values) {
+    return (listViewConfig.mapValuesToItemValues ?? DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES)(values).pipe(map((itemValues) => {
+        const items = mapItemValuesToValueListItemConfig(listViewConfig, itemValues);
+        return items;
+    }));
+}
+export function mapItemValuesToValueListItemConfig(listViewConfig, itemValues) {
+    return itemValues.map((itemValue) => {
+        const anchor = itemValue.anchor;
+        const disabled = itemValue.disabled || anchor?.disabled;
+        return {
+            value: itemValue.value,
+            icon: itemValue.icon,
+            selected: itemValue.selected,
+            disabled,
+            anchor: itemValue.anchor,
+            config: Object.assign({
+                providers: [{
+                        provide: DBX_VALUE_LIST_VIEW_ITEM,
+                        useValue: itemValue
+                    }]
+            }, listViewConfig)
+        };
+    });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9saXN0L2xpc3Qudmlldy52YWx1ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsY0FBYyxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUUvRCxPQUFPLEVBQUUsR0FBRyxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUzQyxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxJQUFJLGNBQWMsQ0FBTSxzQkFBc0IsQ0FBQyxDQUFDO0FBY3hGLE1BQU0sQ0FBQyxNQUFNLHdDQUF3QyxHQUFHLENBQW1DLE1BQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBUSxDQUFDLENBQUM7QUFNdkosTUFBTSxVQUFVLGtDQUFrQyxDQUFJLGNBQWlELEVBQUUsTUFBVztJQUNsSCxPQUFPLENBQUMsY0FBYyxDQUFDLHFCQUFxQixJQUFJLHdDQUF3QyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUNwRyxHQUFHLENBQUMsQ0FBQyxVQUFVLEVBQUUsRUFBRTtRQUNqQixNQUFNLEtBQUssR0FBZ0Msa0NBQWtDLENBQUMsY0FBYyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQzFHLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQyxDQUFDLENBQ0gsQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLFVBQVUsa0NBQWtDLENBQUksY0FBaUQsRUFBRSxVQUFpQztJQUN4SSxPQUFPLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtRQUNsQyxNQUFNLE1BQU0sR0FBRyxTQUFTLENBQUMsTUFBTSxDQUFDO1FBQ2hDLE1BQU0sUUFBUSxHQUFHLFNBQVMsQ0FBQyxRQUFRLElBQUksTUFBTSxFQUFFLFFBQVEsQ0FBQztRQUV4RCxPQUFPO1lBQ0wsS0FBSyxFQUFFLFNBQVMsQ0FBQyxLQUFLO1lBQ3RCLElBQUksRUFBRSxTQUFTLENBQUMsSUFBSTtZQUNwQixRQUFRLEVBQUUsU0FBUyxDQUFDLFFBQVE7WUFDNUIsUUFBUTtZQUNSLE1BQU0sRUFBRSxTQUFTLENBQUMsTUFBTTtZQUN4QixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQztnQkFDcEIsU0FBUyxFQUFFLENBQUM7d0JBQ1YsT0FBTyxFQUFFLHdCQUF3Qjt3QkFDakMsUUFBUSxFQUFFLFNBQVM7cUJBQ3BCLENBQXFCO2FBQ3ZCLEVBQUUsY0FBYyxDQUFDO1NBQ25CLENBQUE7SUFDSCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGlja2FibGVBbmNob3IgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiwgU3RhdGljUHJvdmlkZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRGJ4SW5qZWN0ZWRDb21wb25lbnRDb25maWcgfSBmcm9tIFwiQGRlcmVla2IvZGJ4LWNvcmVcIjtcbmltcG9ydCB7IG1hcCwgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tIFwicnhqc1wiO1xuXG5leHBvcnQgY29uc3QgREJYX1ZBTFVFX0xJU1RfVklFV19JVEVNID0gbmV3IEluamVjdGlvblRva2VuPGFueT4oJ0RieFZhbHVlTGlzdFZpZXdJdGVtJyk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4VmFsdWVMaXN0SXRlbTxUPiB7XG4gIHZhbHVlOiBUOyAgIC8vIHRvZG86IHJlbmFtZSB0byBkYXRhXG4gIGljb24/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBhbmNob3I/OiBDbGlja2FibGVBbmNob3I7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3Q29uZmlnPFQsIEkgZXh0ZW5kcyBEYnhWYWx1ZUxpc3RJdGVtPFQ+ID0gRGJ4VmFsdWVMaXN0SXRlbTxUPiwgViA9IGFueT4gZXh0ZW5kcyBEYnhJbmplY3RlZENvbXBvbmVudENvbmZpZzxWPiB7XG4gIG1hcFZhbHVlc1RvSXRlbVZhbHVlcz8odmFsdWVzOiBUW10pOiBPYnNlcnZhYmxlPElbXT47XG59XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX0RCWF9WQUxVRV9MSVNUX0NPTkZJR19NQVBfVkFMVUVTID0gPFQsIEkgZXh0ZW5kcyBEYnhWYWx1ZUxpc3RJdGVtPFQ+Pih2YWx1ZXM6IFRbXSkgPT4gb2YodmFsdWVzLm1hcCh2YWx1ZSA9PiAoeyB2YWx1ZSB9KSkgYXMgSVtdKTtcblxuZXhwb3J0IGludGVyZmFjZSBEYnhWYWx1ZUxpc3RJdGVtQ29uZmlnPFQ+IGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiB7XG4gIGNvbmZpZzogRGJ4SW5qZWN0ZWRDb21wb25lbnRDb25maWc7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBtYXBWYWx1ZXNUb1ZhbHVlc0xpc3RJdGVtQ29uZmlnT2JzPFQ+KGxpc3RWaWV3Q29uZmlnOiBBYnN0cmFjdERieFZhbHVlTGlzdFZpZXdDb25maWc8VD4sIHZhbHVlczogVFtdKTogT2JzZXJ2YWJsZTxEYnhWYWx1ZUxpc3RJdGVtQ29uZmlnPFQ+W10+IHtcbiAgcmV0dXJuIChsaXN0Vmlld0NvbmZpZy5tYXBWYWx1ZXNUb0l0ZW1WYWx1ZXMgPz8gREVGQVVMVF9EQlhfVkFMVUVfTElTVF9DT05GSUdfTUFQX1ZBTFVFUykodmFsdWVzKS5waXBlKFxuICAgIG1hcCgoaXRlbVZhbHVlcykgPT4ge1xuICAgICAgY29uc3QgaXRlbXM6IERieFZhbHVlTGlzdEl0ZW1Db25maWc8VD5bXSA9IG1hcEl0ZW1WYWx1ZXNUb1ZhbHVlTGlzdEl0ZW1Db25maWcobGlzdFZpZXdDb25maWcsIGl0ZW1WYWx1ZXMpO1xuICAgICAgcmV0dXJuIGl0ZW1zO1xuICAgIH0pXG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBtYXBJdGVtVmFsdWVzVG9WYWx1ZUxpc3RJdGVtQ29uZmlnPFQ+KGxpc3RWaWV3Q29uZmlnOiBBYnN0cmFjdERieFZhbHVlTGlzdFZpZXdDb25maWc8VD4sIGl0ZW1WYWx1ZXM6IERieFZhbHVlTGlzdEl0ZW08VD5bXSk6IERieFZhbHVlTGlzdEl0ZW1Db25maWc8VD5bXSB7XG4gIHJldHVybiBpdGVtVmFsdWVzLm1hcCgoaXRlbVZhbHVlKSA9PiB7XG4gICAgY29uc3QgYW5jaG9yID0gaXRlbVZhbHVlLmFuY2hvcjtcbiAgICBjb25zdCBkaXNhYmxlZCA9IGl0ZW1WYWx1ZS5kaXNhYmxlZCB8fCBhbmNob3I/LmRpc2FibGVkO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHZhbHVlOiBpdGVtVmFsdWUudmFsdWUsXG4gICAgICBpY29uOiBpdGVtVmFsdWUuaWNvbixcbiAgICAgIHNlbGVjdGVkOiBpdGVtVmFsdWUuc2VsZWN0ZWQsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGFuY2hvcjogaXRlbVZhbHVlLmFuY2hvcixcbiAgICAgIGNvbmZpZzogT2JqZWN0LmFzc2lnbih7XG4gICAgICAgIHByb3ZpZGVyczogW3tcbiAgICAgICAgICBwcm92aWRlOiBEQlhfVkFMVUVfTElTVF9WSUVXX0lURU0sXG4gICAgICAgICAgdXNlVmFsdWU6IGl0ZW1WYWx1ZVxuICAgICAgICB9XSBhcyBTdGF0aWNQcm92aWRlcltdXG4gICAgICB9LCBsaXN0Vmlld0NvbmZpZylcbiAgICB9XG4gIH0pO1xufVxuXG4iXX0=

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

@@ -0,0 +1,88 @@
+import { map, shareReplay, distinctUntilChanged } from 'rxjs';
+import { Component, Input } from '@angular/core';
+import { DbxListView } from './list.view';
+import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
+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";
+/**
+ * Abstract list view that has a pre-built-in selection change event for an Angular Material MatSelectionListChange.
+ */
+export class DbxSelectionValueListViewComponent extends AbstractDbxValueListViewDirective {
+    constructor(dbxListView) {
+        super(dbxListView);
+        this.multiple$ = this.config$.pipe(map(x => x.multiple ?? true), distinctUntilChanged(), shareReplay(1));
+    }
+}
+DbxSelectionValueListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSelectionValueListViewComponent, deps: [{ token: i1.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: `
+    <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.0", 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>
+  `
+                }]
+        }], 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 {
+    constructor(dbxListView) {
+        this.dbxListView = dbxListView;
+        this.disabled$ = this.dbxListView.disabled$;
+        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 });
+        });
+        this.dbxListView.selectionChange.next({
+            items
+        });
+    }
+}
+DbxSelectionValueListItemViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSelectionValueListItemViewComponent, deps: [{ token: i1.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: `
+    <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.0", 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>
+  `,
+                    host: {
+                        'class': 'dbx-list-view dbx-selection-list-view'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbxListView }]; }, propDecorators: { multiple: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC52aWV3LnZhbHVlLnNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2xpc3QvbGlzdC52aWV3LnZhbHVlLnNlbGVjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLFdBQVcsRUFBMEIsTUFBTSxhQUFhLENBQUM7QUFFbEUsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7Ozs7QUFPaEY7O0dBRUc7QUFPSCxNQUFNLE9BQU8sa0NBQW9HLFNBQVEsaUNBQW9GO0lBSTNNLFlBQVksV0FBMkI7UUFDckMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBSFosY0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUk3RyxDQUFDOzsrSEFOVSxrQ0FBa0M7bUhBQWxDLGtDQUFrQyxzRkFKbkM7O0dBRVQsMEVBNkJVLHNDQUFzQzsyRkEzQnRDLGtDQUFrQztrQkFOOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUU7O0dBRVQ7aUJBQ0Y7O0FBV0Q7O0dBRUc7QUFlSCxNQUFNLE9BQU8sc0NBQXNDO0lBVWpELFlBQXFCLFdBQTJCO1FBQTNCLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQUZ2QyxjQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUM7UUFHOUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEVBQUU7WUFDaEMsTUFBTSxJQUFJLEtBQUssQ0FBQywwRkFBMEYsQ0FBQyxDQUFDO1NBQzdHO0lBQ0gsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFRO1FBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsbUJBQW1CLENBQUMsU0FBaUM7UUFDbkQsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDO1FBQzFELE1BQU0sS0FBSyxHQUFnQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pELE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUN4QyxPQUFPLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWdCLENBQUMsSUFBSSxDQUFDO1lBQ3JDLEtBQUs7U0FDTixDQUFDLENBQUM7SUFDTCxDQUFDOzttSUE5QlUsc0NBQXNDO3VIQUF0QyxzQ0FBc0MsNExBWnZDOzs7Ozs7O0dBT1Q7MkZBS1Usc0NBQXNDO2tCQWRsRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsdUNBQXVDO3FCQUNqRDtpQkFDRjtrR0FJQyxRQUFRO3NCQURQLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWFwLCBzaGFyZVJlcGxheSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNlbGVjdGlvbkxpc3RDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IERieExpc3RWaWV3LCBMaXN0U2VsZWN0aW9uU3RhdGVJdGVtIH0gZnJvbSAnLi9saXN0LnZpZXcnO1xuaW1wb3J0IHsgRGJ4VmFsdWVMaXN0SXRlbSwgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3Q29uZmlnLCBEYnhWYWx1ZUxpc3RJdGVtQ29uZmlnIH0gZnJvbSAnLi9saXN0LnZpZXcudmFsdWUnO1xuaW1wb3J0IHsgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3RGlyZWN0aXZlIH0gZnJvbSAnLi9saXN0LnZpZXcudmFsdWUuZGlyZWN0aXZlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlld0NvbmZpZzxULCBJIGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiA9IERieFZhbHVlTGlzdEl0ZW08VD4sIFYgPSBhbnk+IGV4dGVuZHMgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3Q29uZmlnPFQsIEksIFY+IHtcbiAgbXVsdGlwbGU/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIEFic3RyYWN0IGxpc3QgdmlldyB0aGF0IGhhcyBhIHByZS1idWlsdC1pbiBzZWxlY3Rpb24gY2hhbmdlIGV2ZW50IGZvciBhbiBBbmd1bGFyIE1hdGVyaWFsIE1hdFNlbGVjdGlvbkxpc3RDaGFuZ2UuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zZWxlY3Rpb24tbGlzdC12aWV3JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGJ4LXNlbGVjdGlvbi1saXN0LXZpZXctY29udGVudCBbbXVsdGlwbGVdPVwibXVsdGlwbGUkIHwgYXN5bmNcIiBbaXRlbXNdPVwiaXRlbXMkIHwgYXN5bmNcIj48L2RieC1zZWxlY3Rpb24tbGlzdC12aWV3LWNvbnRlbnQ+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlld0NvbXBvbmVudDxULCBJIGV4dGVuZHMgRGJ4VmFsdWVMaXN0SXRlbTxUPiA9IERieFZhbHVlTGlzdEl0ZW08VD4sIFYgPSBhbnk+IGV4dGVuZHMgQWJzdHJhY3REYnhWYWx1ZUxpc3RWaWV3RGlyZWN0aXZlPFQsIEksIFYsIERieFNlbGVjdGlvblZhbHVlTGlzdFZpZXdDb25maWc8VCwgSSwgVj4+IHtcblxuICByZWFkb25seSBtdWx0aXBsZSQgPSB0aGlzLmNvbmZpZyQucGlwZShtYXAoeCA9PiB4Lm11bHRpcGxlID8/IHRydWUpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBzaGFyZVJlcGxheSgxKSk7XG5cbiAgY29uc3RydWN0b3IoZGJ4TGlzdFZpZXc6IERieExpc3RWaWV3PFQ+KSB7XG4gICAgc3VwZXIoZGJ4TGlzdFZpZXcpO1xuICB9XG5cbn1cblxuLyoqXG4gKiBDb250ZW50IHZpZXcgZm9yIGEgRGJ4U2VsZWN0aW9uVmFsdWVMaXN0Vmlldy4gSXQgY2FuIGJlIHVzZWQgZGlyZWN0bHkgaW4gY2FzZXMgd2hlcmUgdGhlIGl0ZW1zIGFyZSBhbHJlYWR5IGNvbmZpZ3VyZWQsIG9yIHdhbnQgdG8gYmUgY29uZmlndXJlZCBpbiBhIG5vbi1zdGFuZGFyZCBmYXNoaW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VsZWN0aW9uLWxpc3Qtdmlldy1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LXNlbGVjdGlvbi1saXN0IFtkaXNhYmxlZF09XCJkaXNhYmxlZCQgfCBhc3luY1wiIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiIChzZWxlY3Rpb25DaGFuZ2UpPVwibWF0U2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgICA8bWF0LWxpc3Qtb3B0aW9uIGNsYXNzPVwiZGJ4LWxpc3Qtdmlldy1pdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBbc2VsZWN0ZWRdPVwiaXRlbS5zZWxlY3RlZFwiIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCIgW3ZhbHVlXT1cIml0ZW0udmFsdWVcIiAoY2xpY2spPVwib25DbGlja1ZhbHVlKGl0ZW0udmFsdWUpXCI+XG4gICAgICAgIDxtYXQtaWNvbiBtYXRMaXN0SWNvbiAqbmdJZj1cIml0ZW0uaWNvblwiPnt7IGl0ZW0uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICAgIDxkaXYgZGJ4LWluamVjdGVkLWNvbnRlbnQgW2NvbmZpZ109XCJpdGVtLmNvbmZpZ1wiPjwvZGl2PlxuICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnZGJ4LWxpc3QtdmlldyBkYngtc2VsZWN0aW9uLWxpc3QtdmlldydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWxlY3Rpb25WYWx1ZUxpc3RJdGVtVmlld0NvbXBvbmVudDxUPiB7XG5cbiAgQElucHV0KClcbiAgbXVsdGlwbGU/OiBNYXliZTxib29sZWFuPjtcblxuICBASW5wdXQoKVxuICBpdGVtcz86IE1heWJlPERieFZhbHVlTGlzdEl0ZW1Db25maWc8VD5bXT47XG5cbiAgcmVhZG9ubHkgZGlzYWJsZWQkID0gdGhpcy5kYnhMaXN0Vmlldy5kaXNhYmxlZCQ7XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgZGJ4TGlzdFZpZXc6IERieExpc3RWaWV3PFQ+KSB7XG4gICAgaWYgKCFkYnhMaXN0Vmlldy5zZWxlY3Rpb25DaGFuZ2UpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignUGFyZW50IGRieExpc3RWaWV3IHRvIERieFNlbGVjdGlvblZhbHVlTGlzdFZpZXdDb21wb25lbnQgaGFzIG5vIHNlbGVjdGlvbkNoYW5nZSBlbWl0dGVyLicpO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2xpY2tWYWx1ZSh2YWx1ZTogVCkge1xuICAgIHRoaXMuZGJ4TGlzdFZpZXcuY2xpY2tWYWx1ZT8ubmV4dCh2YWx1ZSk7XG4gIH1cblxuICBtYXRTZWxlY3Rpb25DaGFuZ2VkKHNlbGVjdGlvbjogTWF0U2VsZWN0aW9uTGlzdENoYW5nZSk6IHZvaWQge1xuICAgIGNvbnN0IG9wdGlvbnMgPSBzZWxlY3Rpb24uc291cmNlLnNlbGVjdGVkT3B0aW9ucy5zZWxlY3RlZDtcbiAgICBjb25zdCBpdGVtczogTGlzdFNlbGVjdGlvblN0YXRlSXRlbTxUPltdID0gb3B0aW9ucy5tYXAoeCA9PiB7XG4gICAgICBjb25zdCB7IHZhbHVlLCBzZWxlY3RlZCwgZGlzYWJsZWQgfSA9IHg7XG4gICAgICByZXR1cm4gKHsgdmFsdWUsIHNlbGVjdGVkLCBkaXNhYmxlZCB9KTtcbiAgICB9KTtcblxuICAgIHRoaXMuZGJ4TGlzdFZpZXcuc2VsZWN0aW9uQ2hhbmdlIS5uZXh0KHtcbiAgICAgIGl0ZW1zXG4gICAgfSk7XG4gIH1cblxufVxuIl19

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

@@ -1,9 +1,8 @@
-export * from './section.box.anchor.component';
-export * from './section.box.component';
+export * from './section';
 export * from './section.component';
-export * from './section.elevated.component';
+export * from './section.header.component';
 export * from './section.intro.component';
 export * from './section.layout.module';
 export * from './section.page.component';
 export * from './subsection.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zZWN0aW9uLmJveC5hbmNob3IuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi5ib3guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zZWN0aW9uLmVsZXZhdGVkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NlY3Rpb24uaW50cm8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi5sYXlvdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi5wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1YnNlY3Rpb24uY29tcG9uZW50JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NlY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zZWN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NlY3Rpb24uaW50cm8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi5sYXlvdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi5wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1YnNlY3Rpb24uY29tcG9uZW50JztcbiJdfQ==

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

@@ -1,54 +1,43 @@
 import { Component, Input } from '@angular/core';
+import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/icon";
-import * as i2 from "@angular/common";
+import * as i1 from "./section.header.component";
 /**
  * Component used to format content on a page within a section.
  */
-export class DbNgxSectionComponent {
+export class DbxSectionComponent extends DbxSectionHeaderComponent {
+    constructor() {
+        super(...arguments);
+        this.elevated = false;
+    }
 }
-DbNgxSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbNgxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxSectionComponent, selector: "dbx-section", inputs: { header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
-  <div class="dbx-section">
-    <div class="dbx-section-header">
-      <div class="dbx-section-header-content">
-        <h2 class="dbx-section-header-content-title"><mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span></h2>
-        <span class="spacer"></span>
-        <ng-content select="[sectionHeader]"></ng-content>
-      </div>
-      <p *ngIf="hint" class="dbx-section-hint">{{ hint }}</p>
+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: `
+    <div class="dbx-section-header" [h]="3" [header]="header" [icon]="icon" [hint]="hint">
+      <ng-content select="[sectionHeader]"></ng-content>
     </div>
     <div class="dbx-section-content">
       <ng-content></ng-content>
     </div>
-  </div>
-  `, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1.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: [{
             type: Component,
             args: [{
                     selector: 'dbx-section',
                     template: `
-  <div class="dbx-section">
-    <div class="dbx-section-header">
-      <div class="dbx-section-header-content">
-        <h2 class="dbx-section-header-content-title"><mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span></h2>
-        <span class="spacer"></span>
-        <ng-content select="[sectionHeader]"></ng-content>
-      </div>
-      <p *ngIf="hint" class="dbx-section-hint">{{ hint }}</p>
+    <div class="dbx-section-header" [h]="3" [header]="header" [icon]="icon" [hint]="hint">
+      <ng-content select="[sectionHeader]"></ng-content>
     </div>
     <div class="dbx-section-content">
       <ng-content></ng-content>
     </div>
-  </div>
   `,
-                    // TODO: styleUrls: ['./container.scss']
+                    host: {
+                        'class': 'd-block, dbx-section',
+                        '[class]': `(elevated) ? 'dbx-section-elevated' : ''`
+                    }
                 }]
-        }], propDecorators: { header: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], hint: [{
+        }], propDecorators: { elevated: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFHakQ7O0dBRUc7QUFvQkgsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjtzR0FBckIscUJBQXFCLDZHQWpCdEI7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7MkZBR1UscUJBQXFCO2tCQW5CakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7OztHQWNUO29CQUNELHdDQUF3QztpQkFDekM7OEJBSUMsTUFBTTtzQkFETCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIGZvcm1hdCBjb250ZW50IG9uIGEgcGFnZSB3aXRoaW4gYSBzZWN0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudFwiPlxuICAgICAgICA8aDIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPjxtYXQtaWNvbiAqbmdJZj1cImljb25cIj57e2ljb259fTwvbWF0LWljb24+PHNwYW4gY2xhc3M9XCJ0aXRsZS10ZXh0XCI+e3sgaGVhZGVyIH19PC9zcGFuPjwvaDI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2VjdGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxwICpuZ0lmPVwiaGludFwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGludFwiPnt7IGhpbnQgfX08L3A+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL2NvbnRhaW5lci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hTZWN0aW9uQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBoZWFkZXI/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGljb24/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBNYXliZTxzdHJpbmc+O1xuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQUV2RTs7R0FFRztBQWdCSCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEseUJBQXlCO0lBZmxFOztRQWtCRSxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBRWxCOztnSEFMWSxtQkFBbUI7b0dBQW5CLG1CQUFtQixtT0FicEI7Ozs7Ozs7R0FPVDsyRkFNVSxtQkFBbUI7a0JBZi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsc0JBQXNCO3dCQUMvQixTQUFTLEVBQUUsMENBQTBDO3FCQUN0RDtpQkFDRjs4QkFJQyxRQUFRO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmhlYWRlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIGZvcm1hdCBjb250ZW50IG9uIGEgcGFnZSB3aXRoaW4gYSBzZWN0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlclwiIFtoXT1cIjNcIiBbaGVhZGVyXT1cImhlYWRlclwiIFtpY29uXT1cImljb25cIiBbaGludF09XCJoaW50XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2VjdGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdkLWJsb2NrLCBkYngtc2VjdGlvbicsXG4gICAgJ1tjbGFzc10nOiBgKGVsZXZhdGVkKSA/ICdkYngtc2VjdGlvbi1lbGV2YXRlZCcgOiAnJ2BcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgZWxldmF0ZWQgPSBmYWxzZTtcblxufVxuIl19

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

@@ -0,0 +1,79 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+/**
+ * Component used to style a section's header.
+ */
+export class DbxSectionHeaderComponent {
+}
+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: `
+    <div class="dbx-section-header-content">
+      <ng-container [ngSwitch]="h ?? 1">
+        <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h1>
+        <h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h2>
+        <h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h3>
+        <h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h4>
+        <h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h5>
+      </ng-container>
+      <span class="spacer"></span>
+      <ng-content></ng-content>
+    </div>
+    <p *ngIf="hint" class="dbx-section-hint dbx-hint">{{ hint }}</p>
+    <ng-template #headerContentTitleTemplate>
+        <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.0", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '.dbx-section-header',
+                    template: `
+    <div class="dbx-section-header-content">
+      <ng-container [ngSwitch]="h ?? 1">
+        <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h1>
+        <h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h2>
+        <h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h3>
+        <h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h4>
+        <h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
+          <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+        </h5>
+      </ng-container>
+      <span class="spacer"></span>
+      <ng-content></ng-content>
+    </div>
+    <p *ngIf="hint" class="dbx-section-hint dbx-hint">{{ hint }}</p>
+    <ng-template #headerContentTitleTemplate>
+        <mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span>
+    </ng-template>
+  `
+                }]
+        }], propDecorators: { h: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlqRDs7R0FFRztBQStCSCxNQUFNLE9BQU8seUJBQXlCOztzSEFBekIseUJBQXlCOzBHQUF6Qix5QkFBeUIsNkhBNUIxQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQlQ7MkZBRVUseUJBQXlCO2tCQTlCckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJUO2lCQUNGOzhCQUlDLENBQUM7c0JBREEsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVySFR5cGUgfSBmcm9tICcuL3NlY3Rpb24nO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIHN0eWxlIGEgc2VjdGlvbidzIGhlYWRlci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnLmRieC1zZWN0aW9uLWhlYWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJoID8/IDFcIj5cbiAgICAgICAgPGgxICpuZ1N3aXRjaENhc2U9XCIxXCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2gxPlxuICAgICAgICA8aDIgKm5nU3dpdGNoQ2FzZT1cIjJcIiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50LXRpdGxlXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvaDI+XG4gICAgICAgIDxoMyAqbmdTd2l0Y2hDYXNlPVwiM1wiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9oMz5cbiAgICAgICAgPGg0ICpuZ1N3aXRjaENhc2U9XCI0XCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2g0PlxuICAgICAgICA8aDUgKm5nU3dpdGNoQ2FzZT1cIjVcIiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50LXRpdGxlXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvaDU+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxwICpuZ0lmPVwiaGludFwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGludCBkYngtaGludFwiPnt7IGhpbnQgfX08L3A+XG4gICAgPG5nLXRlbXBsYXRlICNoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZT5cbiAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblwiPnt7aWNvbn19PC9tYXQtaWNvbj48c3BhbiBjbGFzcz1cInRpdGxlLXRleHRcIj57eyBoZWFkZXIgfX08L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBoPzogTWF5YmU8RGJ4U2VjdGlvbkhlYWRlckhUeXBlPjtcblxuICBASW5wdXQoKVxuICBoZWFkZXI/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGljb24/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBNYXliZTxzdHJpbmc+O1xuXG59XG4iXX0=

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

@@ -1,12 +1,12 @@
 import { Component, Input, EventEmitter, Output } from '@angular/core';
-import { DbNgxSectionComponent } from './section.component';
+import { DbxSectionComponent } from './section.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/button";
 import * as i2 from "@angular/common";
 /**
  * Component used to format content that displays an intro until a button is pressed.
  */
-export class DbNgxIntroActionSectionComponent extends DbNgxSectionComponent {
+export class DbxIntroActionSectionComponent extends DbxSectionComponent {
     constructor() {
         super(...arguments);
         this.showAction = new EventEmitter();
@@ -18,8 +18,8 @@ export class DbNgxIntroActionSectionComponent extends DbNgxSectionComponent {
         this.showAction.next();
     }
 }
-DbNgxIntroActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxIntroActionSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbNgxIntroActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxIntroActionSectionComponent, 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.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: `
   <div class="dbx-intro-action-section" [ngSwitch]="showIntro">
     <div *ngSwitchCase="true" class="dbx-intro-action-section-intro">
       <p>{{ hint }}</p>
@@ -35,7 +35,7 @@ DbNgxIntroActionSectionComponent.ɵ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.0", ngImport: i0, type: DbNgxIntroActionSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-intro-action-section',
@@ -54,8 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
       <ng-content></ng-content>
     </ng-container>
   </div>
-  `,
-                    // TODO: styleUrls: ['./container.scss']
+  `
                 }]
         }], propDecorators: { showAction: [{
                 type: Output
@@ -64,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
             }], action: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5pbnRyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc2VjdGlvbi5pbnRyby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7OztBQUU1RDs7R0FFRztBQXFCSCxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEscUJBQXFCO0lBcEIzRTs7UUF1QkUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FnQnZDO0lBUkMsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7OzZIQWpCVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxvTEFsQmpDOzs7Ozs7Ozs7Ozs7Ozs7R0FlVDsyRkFHVSxnQ0FBZ0M7a0JBcEI1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7b0JBQ0Qsd0NBQXdDO2lCQUN6Qzs4QkFJQyxVQUFVO3NCQURULE1BQU07Z0JBSVAsU0FBUztzQkFEUixLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERiTmd4U2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIGZvcm1hdCBjb250ZW50IHRoYXQgZGlzcGxheXMgYW4gaW50cm8gdW50aWwgYSBidXR0b24gaXMgcHJlc3NlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWludHJvLWFjdGlvbi1zZWN0aW9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1pbnRyby1hY3Rpb24tc2VjdGlvblwiIFtuZ1N3aXRjaF09XCJzaG93SW50cm9cIj5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCIgY2xhc3M9XCJkYngtaW50cm8tYWN0aW9uLXNlY3Rpb24taW50cm9cIj5cbiAgICAgIDxwPnt7IGhpbnQgfX08L3A+XG4gICAgICA8ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaW5mb11cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY29sb3I9XCJhY2NlbnRcIiAoY2xpY2spPVwiYWN0aW9uQ2xpY2tlZCgpXCI+e3sgYWN0aW9uIH19PC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJmYWxzZVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCBleHRlbmRzIERiTmd4U2VjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgQE91dHB1dCgpXG4gIHNob3dBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQElucHV0KClcbiAgc2hvd0ludHJvPzogYm9vbGVhbjtcblxuICBASW5wdXQoKVxuICBhY3Rpb24/OiBzdHJpbmc7XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5zaG93QWN0aW9uLmNvbXBsZXRlKCk7XG4gIH1cblxuICBhY3Rpb25DbGlja2VkKCkge1xuICAgIHRoaXMuc2hvd0FjdGlvbi5uZXh0KCk7XG4gIH1cblxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5pbnRyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc2VjdGlvbi5pbnRyby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7OztBQUUxRDs7R0FFRztBQW9CSCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsbUJBQW1CO0lBbkJ2RTs7UUFzQkUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FnQnZDO0lBUkMsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7OzJIQWpCVSw4QkFBOEI7K0dBQTlCLDhCQUE4QixvTEFqQi9COzs7Ozs7Ozs7Ozs7Ozs7R0FlVDsyRkFFVSw4QkFBOEI7a0JBbkIxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7aUJBQ0Y7OEJBSUMsVUFBVTtzQkFEVCxNQUFNO2dCQUlQLFNBQVM7c0JBRFIsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gZm9ybWF0IGNvbnRlbnQgdGhhdCBkaXNwbGF5cyBhbiBpbnRybyB1bnRpbCBhIGJ1dHRvbiBpcyBwcmVzc2VkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtaW50cm8tYWN0aW9uLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwiZGJ4LWludHJvLWFjdGlvbi1zZWN0aW9uXCIgW25nU3dpdGNoXT1cInNob3dJbnRyb1wiPlxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cInRydWVcIiBjbGFzcz1cImRieC1pbnRyby1hY3Rpb24tc2VjdGlvbi1pbnRyb1wiPlxuICAgICAgPHA+e3sgaGludCB9fTwvcD5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpbmZvXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cImFjY2VudFwiIChjbGljayk9XCJhY3Rpb25DbGlja2VkKClcIj57eyBhY3Rpb24gfX08L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImZhbHNlXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCBleHRlbmRzIERieFNlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIEBPdXRwdXQoKVxuICBzaG93QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dJbnRybz86IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgYWN0aW9uPzogc3RyaW5nO1xuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuc2hvd0FjdGlvbi5jb21wbGV0ZSgpO1xuICB9XG5cbiAgYWN0aW9uQ2xpY2tlZCgpIHtcbiAgICB0aGlzLnNob3dBY3Rpb24ubmV4dCgpO1xuICB9XG5cbn0iXX0=