@dereekb/dbx-web 0.0.1 → 1.0.0

package/esm2020/lib/router/layout/navbar/navbar.component.mjs

@@ -0,0 +1,75 @@
+import { DbxScreenMediaService } from '../../../screen/screen.service';
+import { applyBestFit } from '@dereekb/util';
+import { Input, Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { DbxRouterService, DbxRouterTransitionService, AbstractTransitionDirective, tapDetectChanges } from '@dereekb/dbx-core';
+import { BehaviorSubject, combineLatest, map, shareReplay, distinctUntilChanged } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@dereekb/dbx-core";
+import * as i2 from "../../../screen/screen.service";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/menu";
+import * as i6 from "../anchor/anchor.component";
+import * as i7 from "@angular/material/tabs";
+import * as i8 from "@angular/common";
+/**
+ * Component that displays a navbar.
+ */
+export class DbxNavbarComponent extends AbstractTransitionDirective {
+    constructor(dbxRouterTransitionService, cdRef, _dbxScreenMediaService, _dbxRouterService) {
+        super(dbxRouterTransitionService);
+        this.cdRef = cdRef;
+        this._dbxScreenMediaService = _dbxScreenMediaService;
+        this._dbxRouterService = _dbxRouterService;
+        this.navAlign = 'center';
+        this._inputMode = new BehaviorSubject(undefined);
+        this._breakpoint = new BehaviorSubject('large');
+        this._anchors = new BehaviorSubject([]);
+        this.isBreakpointActive$ = this._dbxScreenMediaService.isBreakpointActive(this._breakpoint);
+        this.mode$ = combineLatest([this._inputMode, this.isBreakpointActive$]).pipe(map(([inputMode, breakpointActive]) => {
+            return (breakpointActive) ? (inputMode ?? 'bar') : 'button';
+        }), distinctUntilChanged(), tapDetectChanges(this.cdRef), shareReplay(1));
+        this.anchors$ = combineLatest([this._anchors, this.initAndUpdateOnTransitionSuccess$]).pipe(map(([anchors]) => {
+            const results = anchors.map((anchor) => {
+                let selected = this._dbxRouterService.isActive(anchor);
+                return {
+                    selected,
+                    anchor
+                };
+            });
+            return applyBestFit(results, (x) => x.selected, (a, b) => this._dbxRouterService.comparePrecision(a.anchor, b.anchor), (loser) => ({ ...loser, selected: false }));
+        }), tapDetectChanges(this.cdRef), shareReplay(1));
+    }
+    ngOnDestroy() {
+        this._inputMode.complete();
+        this._breakpoint.complete();
+        this._anchors.complete();
+    }
+    // MARK: Accessors
+    set anchors(anchors) {
+        this._anchors.next(anchors ?? []);
+    }
+    set mode(mode) {
+        this._inputMode.next(mode);
+    }
+    set breakpoint(breakpoint) {
+        this._breakpoint.next(breakpoint);
+    }
+}
+DbxNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarComponent, deps: [{ token: i1.DbxRouterTransitionService }, { token: i0.ChangeDetectorRef }, { token: i2.DbxScreenMediaService }, { token: i1.DbxRouterService }], target: i0.ɵɵFactoryTarget.Component });
+DbxNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxNavbarComponent, selector: "dbx-navbar", inputs: { navAlign: "navAlign", anchors: "anchors", mode: "mode", breakpoint: "breakpoint" }, host: { classAttribute: "dbx-navbar" }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n  <!-- Button -->\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n      <mat-icon>menu</mat-icon>\n    </button>\n    <mat-menu #menu>\n      <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n        <button mat-menu-item [ngClass]=\"(x.selected) ? 'active' : ''\">{{ x.anchor.title }}</button>\n      </dbx-anchor>\n    </mat-menu>\n  </ng-container>\n  <!-- Bar -->\n  <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n    <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n      <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n    </dbx-anchor>\n  </nav>\n</ng-container>\n", components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i6.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }], directives: [{ type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }], pipes: { "async": i8.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-navbar', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'dbx-navbar'
+                    }, template: "<ng-container [ngSwitch]=\"mode$ | async\">\n  <!-- Button -->\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"nav-menu-button\" aria-label=\"open navigation\">\n      <mat-icon>menu</mat-icon>\n    </button>\n    <mat-menu #menu>\n      <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n        <button mat-menu-item [ngClass]=\"(x.selected) ? 'active' : ''\">{{ x.anchor.title }}</button>\n      </dbx-anchor>\n    </mat-menu>\n  </ng-container>\n  <!-- Bar -->\n  <nav *ngSwitchDefault mat-tab-nav-bar [attr.mat-align-tabs]=\"navAlign\">\n    <dbx-anchor *ngFor=\"let x of anchors$ | async\" [anchor]=\"x.anchor\">\n      <a mat-tab-link [active]=\"x.selected\">{{ x.anchor.title }}</a>\n    </dbx-anchor>\n  </nav>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DbxRouterTransitionService }, { type: i0.ChangeDetectorRef }, { type: i2.DbxScreenMediaService }, { type: i1.DbxRouterService }]; }, propDecorators: { navAlign: [{
+                type: Input
+            }], anchors: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], breakpoint: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L25hdmJhci9uYXZiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvbmF2YmFyL25hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFhLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hHLE9BQU8sRUFBdUIsZ0JBQWdCLEVBQUUsMEJBQTBCLEVBQUUsMkJBQTJCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNySixPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7Ozs7O0FBVzlGOztHQUVHO0FBU0gsTUFBTSxPQUFPLGtCQUFtQixTQUFRLDJCQUEyQjtJQXFDakUsWUFDRSwwQkFBc0QsRUFDOUMsS0FBd0IsRUFDZixzQkFBNkMsRUFDN0MsaUJBQW1DO1FBRXBELEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBSjFCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBQ2YsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF1QjtRQUM3QyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQWtCO1FBdEN0RCxhQUFRLEdBQTRCLFFBQVEsQ0FBQztRQUVyQyxlQUFVLEdBQUcsSUFBSSxlQUFlLENBQW9CLFNBQVMsQ0FBQyxDQUFDO1FBQy9ELGdCQUFXLEdBQUcsSUFBSSxlQUFlLENBQXVCLE9BQU8sQ0FBQyxDQUFDO1FBQ2pFLGFBQVEsR0FBRyxJQUFJLGVBQWUsQ0FBd0IsRUFBRSxDQUFDLENBQUM7UUFFekQsd0JBQW1CLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUV2RixVQUFLLEdBQUcsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDOUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsRUFBRSxFQUFFO1lBQ3BDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO1FBQzlELENBQUMsQ0FBQyxFQUNGLG9CQUFvQixFQUFFLEVBQ3RCLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFDNUIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7UUFFTyxhQUFRLEdBQWdDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQzFILEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRTtZQUNoQixNQUFNLE9BQU8sR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7Z0JBQ3JDLElBQUksUUFBUSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBRXZELE9BQU87b0JBQ0wsUUFBUTtvQkFDUixNQUFNO2lCQUNQLENBQUM7WUFDSixDQUFDLENBQUMsQ0FBQztZQUVILE9BQU8sWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDckssQ0FBQyxDQUFDLEVBQ0YsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUM1QixXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztJQVNGLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGtCQUFrQjtJQUNsQixJQUNXLE9BQU8sQ0FBQyxPQUFxQztRQUN0RCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQ1csSUFBSSxDQUFDLElBQXVCO1FBQ3JDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUNXLFVBQVUsQ0FBQyxVQUFnQztRQUNwRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNwQyxDQUFDOzsrR0FsRVUsa0JBQWtCO21HQUFsQixrQkFBa0IsK01DNUIvQix5ekJBbUJBOzJGRFNhLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osT0FBTyxFQUFFLFlBQVk7cUJBQ3RCO29OQUtELFFBQVE7c0JBRFAsS0FBSztnQkFvREssT0FBTztzQkFEakIsS0FBSztnQkFNSyxJQUFJO3NCQURkLEtBQUs7Z0JBTUssVUFBVTtzQkFEcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNjcmVlbk1lZGlhV2lkdGhUeXBlLCBzY3JlZW5NZWRpYVdpZHRoVHlwZUlzQWN0aXZlIH0gZnJvbSAnLi8uLi8uLi8uLi9zY3JlZW4vc2NyZWVuJztcbmltcG9ydCB7IERieFNjcmVlbk1lZGlhU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NjcmVlbi9zY3JlZW4uc2VydmljZSc7XG5pbXBvcnQgeyBhcHBseUJlc3RGaXQsIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBJbnB1dCwgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xpY2thYmxlQW5jaG9yTGluaywgRGJ4Um91dGVyU2VydmljZSwgRGJ4Um91dGVyVHJhbnNpdGlvblNlcnZpY2UsIEFic3RyYWN0VHJhbnNpdGlvbkRpcmVjdGl2ZSwgdGFwRGV0ZWN0Q2hhbmdlcyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwLCBzaGFyZVJlcGxheSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEhvcml6b250YWxDb25uZWN0aW9uUG9zIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuXG5pbnRlcmZhY2UgTmF2QW5jaG9yTGluayB7XG4gIHNlbGVjdGVkOiBib29sZWFuO1xuICBhbmNob3I6IENsaWNrYWJsZUFuY2hvckxpbms7XG59XG5cbmV4cG9ydCB0eXBlIE5hdkJhckNvbnRlbnRBbGlnbiA9ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0JztcbmV4cG9ydCB0eXBlIE5hdmJhck1vZGUgPSAnYmFyJyB8ICdidXR0b24nO1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGEgbmF2YmFyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtbmF2YmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmJhci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ2NsYXNzJzogJ2RieC1uYXZiYXInXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4TmF2YmFyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUcmFuc2l0aW9uRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcblxuICBASW5wdXQoKVxuICBuYXZBbGlnbjogSG9yaXpvbnRhbENvbm5lY3Rpb25Qb3MgPSAnY2VudGVyJztcblxuICBwcml2YXRlIF9pbnB1dE1vZGUgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPE5hdmJhck1vZGU+Pih1bmRlZmluZWQpO1xuICBwcml2YXRlIF9icmVha3BvaW50ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxTY3JlZW5NZWRpYVdpZHRoVHlwZT4oJ2xhcmdlJyk7XG4gIHByaXZhdGUgX2FuY2hvcnMgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PENsaWNrYWJsZUFuY2hvckxpbmtbXT4oW10pO1xuXG4gIHJlYWRvbmx5IGlzQnJlYWtwb2ludEFjdGl2ZSQgPSB0aGlzLl9kYnhTY3JlZW5NZWRpYVNlcnZpY2UuaXNCcmVha3BvaW50QWN0aXZlKHRoaXMuX2JyZWFrcG9pbnQpO1xuXG4gIHJlYWRvbmx5IG1vZGUkID0gY29tYmluZUxhdGVzdChbdGhpcy5faW5wdXRNb2RlLCB0aGlzLmlzQnJlYWtwb2ludEFjdGl2ZSRdKS5waXBlKFxuICAgIG1hcCgoW2lucHV0TW9kZSwgYnJlYWtwb2ludEFjdGl2ZV0pID0+IHtcbiAgICAgIHJldHVybiAoYnJlYWtwb2ludEFjdGl2ZSkgPyAoaW5wdXRNb2RlID8/ICdiYXInKSA6ICdidXR0b24nO1xuICAgIH0pLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgdGFwRGV0ZWN0Q2hhbmdlcyh0aGlzLmNkUmVmKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIHJlYWRvbmx5IGFuY2hvcnMkOiBPYnNlcnZhYmxlPE5hdkFuY2hvckxpbmtbXT4gPSBjb21iaW5lTGF0ZXN0KFt0aGlzLl9hbmNob3JzLCB0aGlzLmluaXRBbmRVcGRhdGVPblRyYW5zaXRpb25TdWNjZXNzJF0pLnBpcGUoXG4gICAgbWFwKChbYW5jaG9yc10pID0+IHtcbiAgICAgIGNvbnN0IHJlc3VsdHMgPSBhbmNob3JzLm1hcCgoYW5jaG9yKSA9PiB7XG4gICAgICAgIGxldCBzZWxlY3RlZCA9IHRoaXMuX2RieFJvdXRlclNlcnZpY2UuaXNBY3RpdmUoYW5jaG9yKTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIHNlbGVjdGVkLFxuICAgICAgICAgIGFuY2hvclxuICAgICAgICB9O1xuICAgICAgfSk7XG5cbiAgICAgIHJldHVybiBhcHBseUJlc3RGaXQocmVzdWx0cywgKHgpID0+IHguc2VsZWN0ZWQsIChhLCBiKSA9PiB0aGlzLl9kYnhSb3V0ZXJTZXJ2aWNlLmNvbXBhcmVQcmVjaXNpb24oYS5hbmNob3IsIGIuYW5jaG9yKSwgKGxvc2VyKSA9PiAoeyAuLi5sb3Nlciwgc2VsZWN0ZWQ6IGZhbHNlIH0pKTtcbiAgICB9KSxcbiAgICB0YXBEZXRlY3RDaGFuZ2VzKHRoaXMuY2RSZWYpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgZGJ4Um91dGVyVHJhbnNpdGlvblNlcnZpY2U6IERieFJvdXRlclRyYW5zaXRpb25TZXJ2aWNlLFxuICAgIHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2RieFNjcmVlbk1lZGlhU2VydmljZTogRGJ4U2NyZWVuTWVkaWFTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2RieFJvdXRlclNlcnZpY2U6IERieFJvdXRlclNlcnZpY2VcbiAgKSB7XG4gICAgc3VwZXIoZGJ4Um91dGVyVHJhbnNpdGlvblNlcnZpY2UpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5faW5wdXRNb2RlLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fYnJlYWtwb2ludC5jb21wbGV0ZSgpO1xuICAgIHRoaXMuX2FuY2hvcnMuY29tcGxldGUoKTtcbiAgfVxuXG4gIC8vIE1BUks6IEFjY2Vzc29yc1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGFuY2hvcnMoYW5jaG9yczogTWF5YmU8Q2xpY2thYmxlQW5jaG9yTGlua1tdPikge1xuICAgIHRoaXMuX2FuY2hvcnMubmV4dChhbmNob3JzID8/IFtdKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbW9kZShtb2RlOiBNYXliZTxOYXZiYXJNb2RlPikge1xuICAgIHRoaXMuX2lucHV0TW9kZS5uZXh0KG1vZGUpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBicmVha3BvaW50KGJyZWFrcG9pbnQ6IFNjcmVlbk1lZGlhV2lkdGhUeXBlKSB7XG4gICAgdGhpcy5fYnJlYWtwb2ludC5uZXh0KGJyZWFrcG9pbnQpO1xuICB9XG5cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cIm1vZGUkIHwgYXN5bmNcIj5cbiAgPCEtLSBCdXR0b24gLS0+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIididXR0b24nXCI+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIiBjbGFzcz1cIm5hdi1tZW51LWJ1dHRvblwiIGFyaWEtbGFiZWw9XCJvcGVuIG5hdmlnYXRpb25cIj5cbiAgICAgIDxtYXQtaWNvbj5tZW51PC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8bWF0LW1lbnUgI21lbnU+XG4gICAgICA8ZGJ4LWFuY2hvciAqbmdGb3I9XCJsZXQgeCBvZiBhbmNob3JzJCB8IGFzeW5jXCIgW2FuY2hvcl09XCJ4LmFuY2hvclwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gW25nQ2xhc3NdPVwiKHguc2VsZWN0ZWQpID8gJ2FjdGl2ZScgOiAnJ1wiPnt7IHguYW5jaG9yLnRpdGxlIH19PC9idXR0b24+XG4gICAgICA8L2RieC1hbmNob3I+XG4gICAgPC9tYXQtbWVudT5cbiAgPC9uZy1jb250YWluZXI+XG4gIDwhLS0gQmFyIC0tPlxuICA8bmF2ICpuZ1N3aXRjaERlZmF1bHQgbWF0LXRhYi1uYXYtYmFyIFthdHRyLm1hdC1hbGlnbi10YWJzXT1cIm5hdkFsaWduXCI+XG4gICAgPGRieC1hbmNob3IgKm5nRm9yPVwibGV0IHggb2YgYW5jaG9ycyQgfCBhc3luY1wiIFthbmNob3JdPVwieC5hbmNob3JcIj5cbiAgICAgIDxhIG1hdC10YWItbGluayBbYWN0aXZlXT1cInguc2VsZWN0ZWRcIj57eyB4LmFuY2hvci50aXRsZSB9fTwvYT5cbiAgICA8L2RieC1hbmNob3I+XG4gIDwvbmF2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2020/lib/router/layout/navbar/navbar.module.mjs

@@ -0,0 +1,46 @@
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatTabsModule } from '@angular/material/tabs';
+import { DbxAnchorModule } from '../anchor/anchor.module';
+import { MatMenuModule } from '@angular/material/menu';
+import { DbxNavbarComponent } from './navbar.component';
+import * as i0 from "@angular/core";
+export class DbxNavbarModule {
+}
+DbxNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, declarations: [DbxNavbarComponent], imports: [CommonModule,
+        MatTabsModule,
+        MatButtonModule,
+        MatIconModule,
+        MatMenuModule,
+        DbxAnchorModule], exports: [DbxNavbarComponent] });
+DbxNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, imports: [[
+            CommonModule,
+            MatTabsModule,
+            MatButtonModule,
+            MatIconModule,
+            MatMenuModule,
+            DbxAnchorModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxNavbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatTabsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatMenuModule,
+                        DbxAnchorModule,
+                    ],
+                    declarations: [
+                        DbxNavbarComponent
+                    ],
+                    exports: [
+                        DbxNavbarComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L25hdmJhci9uYXZiYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBbUJ4RCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQU54QixrQkFBa0IsYUFSbEIsWUFBWTtRQUNaLGFBQWE7UUFDYixlQUFlO1FBQ2YsYUFBYTtRQUNiLGFBQWE7UUFDYixlQUFlLGFBTWYsa0JBQWtCOzZHQUdULGVBQWUsWUFmakI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixhQUFhO1lBQ2IsYUFBYTtZQUNiLGVBQWU7U0FDaEI7MkZBUVUsZUFBZTtrQkFoQjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixlQUFlO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3FCQUNuQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdFRhYnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJzJztcbmltcG9ydCB7IERieEFuY2hvck1vZHVsZSB9IGZyb20gJy4uL2FuY2hvci9hbmNob3IubW9kdWxlJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IERieE5hdmJhckNvbXBvbmVudCB9IGZyb20gJy4vbmF2YmFyLmNvbXBvbmVudCc7XG5cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRUYWJzTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdE1lbnVNb2R1bGUsXG4gICAgRGJ4QW5jaG9yTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYnhOYXZiYXJDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERieE5hdmJhckNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERieE5hdmJhck1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/lib/router/layout/sidenav/index.mjs

@@ -0,0 +1,9 @@
+export * from './sidenav.component';
+export * from './sidenav.module';
+export * from './sidenav.button.component';
+export * from './sidenav.pagebar.component';
+export * from './sidenav.page.component';
+// export * from './side.item.component';
+// export * from './side.title.component';
+// export * from './side.title.content.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvcm91dGVyL2xheW91dC9zaWRlbmF2L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6Qyx5Q0FBeUM7QUFDekMsMENBQTBDO0FBQzFDLGtEQUFrRCIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2lkZW5hdi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zaWRlbmF2Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3NpZGVuYXYuYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NpZGVuYXYucGFnZWJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zaWRlbmF2LnBhZ2UuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vc2lkZS5pdGVtLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL3NpZGUudGl0bGUuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vc2lkZS50aXRsZS5jb250ZW50LmNvbXBvbmVudCc7XG4iXX0=

package/esm2020/lib/router/layout/sidenav/sidenav.button.component.mjs

@@ -0,0 +1,39 @@
+import { Component } from '@angular/core';
+import { map } from 'rxjs/operators';
+import { DbxSidenavComponent, SideNavDisplayMode } from './sidenav.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./sidenav.component";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/common";
+/**
+ * Button used to interface with a parent sidenav.
+ */
+export class DbxSidenavButtonComponent {
+    constructor(parent) {
+        this.parent = parent;
+        this.mode$ = this.parent.mode$;
+        this.showMenuButton$ = this.mode$.pipe(map(x => x === SideNavDisplayMode.MOBILE));
+    }
+    toggleNav() {
+        this.parent.toggleNav();
+    }
+}
+DbxSidenavButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavButtonComponent, deps: [{ token: i1.DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavButtonComponent, selector: "dbx-sidenav-button", ngImport: i0, template: `
+  <button class="dbx-sidenav-button" mat-icon-button *ngIf="showMenuButton$ | async" (click)="toggleNav()" aria-label="open sidenav button">
+    <mat-icon>view_sidebar</mat-icon>
+  </button>
+  `, isInline: true, components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-sidenav-button',
+                    template: `
+  <button class="dbx-sidenav-button" mat-icon-button *ngIf="showMenuButton$ | async" (click)="toggleNav()" aria-label="open sidenav button">
+    <mat-icon>view_sidebar</mat-icon>
+  </button>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbxSidenavComponent }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvc2lkZW5hdi9zaWRlbmF2LmJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7OztBQUU5RTs7R0FFRztBQVNILE1BQU0sT0FBTyx5QkFBeUI7SUFLcEMsWUFBcUIsTUFBMkI7UUFBM0IsV0FBTSxHQUFOLE1BQU0sQ0FBcUI7UUFIdkMsVUFBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzFCLG9CQUFlLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFbEMsQ0FBQztJQUVyRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUMxQixDQUFDOztzSEFUVSx5QkFBeUI7MEdBQXpCLHlCQUF5QiwwREFOMUI7Ozs7R0FJVDsyRkFFVSx5QkFBeUI7a0JBUnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7O0dBSVQ7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IERieFNpZGVuYXZDb21wb25lbnQsIFNpZGVOYXZEaXNwbGF5TW9kZSB9IGZyb20gJy4vc2lkZW5hdi5jb21wb25lbnQnO1xuXG4vKipcbiAqIEJ1dHRvbiB1c2VkIHRvIGludGVyZmFjZSB3aXRoIGEgcGFyZW50IHNpZGVuYXYuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zaWRlbmF2LWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgXG4gIDxidXR0b24gY2xhc3M9XCJkYngtc2lkZW5hdi1idXR0b25cIiBtYXQtaWNvbi1idXR0b24gKm5nSWY9XCJzaG93TWVudUJ1dHRvbiQgfCBhc3luY1wiIChjbGljayk9XCJ0b2dnbGVOYXYoKVwiIGFyaWEtbGFiZWw9XCJvcGVuIHNpZGVuYXYgYnV0dG9uXCI+XG4gICAgPG1hdC1pY29uPnZpZXdfc2lkZWJhcjwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieFNpZGVuYXZCdXR0b25Db21wb25lbnQge1xuXG4gIHJlYWRvbmx5IG1vZGUkID0gdGhpcy5wYXJlbnQubW9kZSQ7XG4gIHJlYWRvbmx5IHNob3dNZW51QnV0dG9uJCA9IHRoaXMubW9kZSQucGlwZShtYXAoeCA9PiB4ID09PSBTaWRlTmF2RGlzcGxheU1vZGUuTU9CSUxFKSk7XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgcGFyZW50OiBEYnhTaWRlbmF2Q29tcG9uZW50KSB7IH1cblxuICB0b2dnbGVOYXYoKSB7XG4gICAgdGhpcy5wYXJlbnQudG9nZ2xlTmF2KCk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/router/layout/sidenav/sidenav.component.mjs

@@ -0,0 +1,133 @@
+import { NgZone, Component, Input, ViewChild } from '@angular/core';
+import { MatSidenav } from '@angular/material/sidenav';
+import { DbxScreenMediaService } from '../../../screen';
+import { AbstractTransitionWatcherDirective, DbxRouterTransitionService } from '@dereekb/dbx-core';
+import { SubscriptionObject } from '@dereekb/rxjs';
+import { distinctUntilChanged, map, shareReplay, first } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@dereekb/dbx-core";
+import * as i2 from "../../../screen";
+import * as i3 from "@angular/material/sidenav";
+import * as i4 from "../anchorlist/anchorlist.component";
+import * as i5 from "@angular/common";
+export var SideNavDisplayMode;
+(function (SideNavDisplayMode) {
+    SideNavDisplayMode["NONE"] = "none";
+    SideNavDisplayMode["MOBILE"] = "mobile";
+    SideNavDisplayMode["ICON"] = "icon";
+    SideNavDisplayMode["FULL"] = "full";
+})(SideNavDisplayMode || (SideNavDisplayMode = {}));
+/**
+ * Navigation component that sits at the side of an app.
+ */
+export class DbxSidenavComponent extends AbstractTransitionWatcherDirective {
+    constructor(dbxRouterTransitionService, ngZone, _screenMediaService) {
+        super(dbxRouterTransitionService, ngZone);
+        this._screenMediaService = _screenMediaService;
+        this.mode$ = this._screenMediaService.widthType$.pipe(distinctUntilChanged(), map((width) => {
+            let mode;
+            switch (width) {
+                case 'micro':
+                case 'small':
+                    mode = SideNavDisplayMode.MOBILE;
+                    break;
+                case 'tablet':
+                    mode = SideNavDisplayMode.ICON;
+                    break;
+                case 'large':
+                case 'full':
+                    mode = SideNavDisplayMode.FULL;
+                    break;
+            }
+            return mode;
+        }), shareReplay(1));
+        this.disableBackdrop$ = this.mode$.pipe(map(x => x !== SideNavDisplayMode.MOBILE), distinctUntilChanged(), shareReplay(1));
+        this.sizeClass$ = this.mode$.pipe(map((mode) => `dbx-sidenav-${mode}`), distinctUntilChanged(), shareReplay(1));
+        this.state$ = this.mode$.pipe(map((mode) => {
+            let drawer;
+            let open;
+            switch (mode) {
+                case SideNavDisplayMode.MOBILE:
+                    drawer = 'over';
+                    open = false;
+                    break;
+                case SideNavDisplayMode.ICON:
+                case SideNavDisplayMode.FULL:
+                    drawer = 'side';
+                    open = true;
+                    break;
+            }
+            return {
+                mode,
+                drawer,
+                open
+            };
+        }), shareReplay(1));
+        this.drawer$ = this.state$.pipe(map(x => x.drawer), distinctUntilChanged(), shareReplay(1));
+        this._watcherSub = new SubscriptionObject();
+        this._stateSub = new SubscriptionObject();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._stateSub.subscription = this.state$.subscribe((state) => {
+            if (state.open != null) {
+                this._toggleNav(state.open, true);
+            }
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._watcherSub.destroy();
+        this._stateSub.destroy();
+    }
+    updateForSuccessfulTransition() {
+        this.closeNav();
+    }
+    closeNav() {
+        this.toggleNav(false);
+    }
+    toggleNav(open) {
+        this._toggleNav(open);
+    }
+    _toggleNav(toggleOpen = !this.sidenav.opened, forced = false) {
+        this.state$.pipe(first()).subscribe(({ mode }) => {
+            this.ngZone.run(() => {
+                let open;
+                if (!forced) {
+                    switch (mode) {
+                        case SideNavDisplayMode.MOBILE:
+                            open = toggleOpen;
+                            break;
+                        case SideNavDisplayMode.ICON:
+                        case SideNavDisplayMode.FULL:
+                            // Do nothing. Should be always open.
+                            break;
+                    }
+                }
+                else {
+                    open = toggleOpen;
+                }
+                if (open != null) {
+                    if (open) {
+                        this.sidenav.open();
+                    }
+                    else {
+                        this.sidenav.close();
+                    }
+                }
+            });
+        });
+    }
+}
+DbxSidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavComponent, deps: [{ token: i1.DbxRouterTransitionService }, { token: i0.NgZone }, { token: i2.DbxScreenMediaService }], target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavComponent, selector: "dbx-sidenav", inputs: { anchors: "anchors" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], exportAs: ["sidenav"], usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"dbx-sidenav\" [ngClass]=\"(sizeClass$ | async) ?? ''\">\n  <mat-sidenav class=\"dbx-sidenav-nav\" [disableClose]=\"disableBackdrop$ | async\" [mode]=\"(drawer$ | async)!\">\n    <ng-content select=\"[top]\"></ng-content>\n    <dbx-anchor-list class=\"dbx-sidenav-anchor-list\" [anchors]=\"anchors\"></dbx-anchor-list>\n    <span class=\"spacer\"></span>\n    <ng-content select=\"[bottom]\"></ng-content>\n    <div class=\"dbx-sidenav-nav-end\"></div>\n  </mat-sidenav>\n  <mat-sidenav-content>\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", components: [{ type: i3.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.DbxAnchorListComponent, selector: "dbx-anchor-list", inputs: ["anchors"] }, { type: i3.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i5.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-sidenav', exportAs: 'sidenav', template: "<mat-sidenav-container class=\"dbx-sidenav\" [ngClass]=\"(sizeClass$ | async) ?? ''\">\n  <mat-sidenav class=\"dbx-sidenav-nav\" [disableClose]=\"disableBackdrop$ | async\" [mode]=\"(drawer$ | async)!\">\n    <ng-content select=\"[top]\"></ng-content>\n    <dbx-anchor-list class=\"dbx-sidenav-anchor-list\" [anchors]=\"anchors\"></dbx-anchor-list>\n    <span class=\"spacer\"></span>\n    <ng-content select=\"[bottom]\"></ng-content>\n    <div class=\"dbx-sidenav-nav-end\"></div>\n  </mat-sidenav>\n  <mat-sidenav-content>\n    <ng-content></ng-content>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DbxRouterTransitionService }, { type: i0.NgZone }, { type: i2.DbxScreenMediaService }]; }, propDecorators: { anchors: [{
+                type: Input
+            }], sidenav: [{
+                type: ViewChild,
+                args: [MatSidenav, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvcm91dGVyL2xheW91dC9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL3JvdXRlci9sYXlvdXQvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBaUIsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLDBCQUEwQixFQUEyQixNQUFNLG1CQUFtQixDQUFDO0FBQzVILE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBYyxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7QUFFakYsTUFBTSxDQUFOLElBQVksa0JBS1g7QUFMRCxXQUFZLGtCQUFrQjtJQUM1QixtQ0FBYSxDQUFBO0lBQ2IsdUNBQWlCLENBQUE7SUFDakIsbUNBQWEsQ0FBQTtJQUNiLG1DQUFhLENBQUE7QUFDZixDQUFDLEVBTFcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQUs3QjtBQVFEOztHQUVHO0FBTUgsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGtDQUFrQztJQTJFekUsWUFDRSwwQkFBc0QsRUFDdEQsTUFBYyxFQUNOLG1CQUEwQztRQUNsRCxLQUFLLENBQUMsMEJBQTBCLEVBQUUsTUFBTSxDQUFD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QUM7cUJBQ3JCO3lCQUFNO3dCQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7cUJBQ3RCO2lCQUNGO1lBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O2dIQTFJVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiw0SEFLbkIsVUFBVSw0R0NsQ3ZCLG9tQkFZQTsyRkRpQmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWEsWUFDYixTQUFTOzBLQU1uQixPQUFPO3NCQUROLEtBQUs7Z0JBSUcsT0FBTztzQkFEZixTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1pvbmUsIE9uRGVzdHJveSwgT25Jbml0LCBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERyYXdlck1vZGUsIE1hdFNpZGVuYXYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcbmltcG9ydCB7IERieFNjcmVlbk1lZGlhU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NjcmVlbic7XG5pbXBvcnQgeyBBYnN0cmFjdFRyYW5zaXRpb25XYXRjaGVyRGlyZWN0aXZlLCBEYnhSb3V0ZXJUcmFuc2l0aW9uU2VydmljZSwgQ2xpY2thYmxlQW5jaG9yTGlua1RyZWUgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb25PYmplY3QgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzaGFyZVJlcGxheSwgT2JzZXJ2YWJsZSwgZmlyc3QgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IGVudW0gU2lkZU5hdkRpc3BsYXlNb2RlIHtcbiAgTk9ORSA9ICdub25lJyxcbiAgTU9CSUxFID0gJ21vYmlsZScsXG4gIElDT04gPSAnaWNvbicsXG4gIEZVTEwgPSAnZnVsbCdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYnhTaWRlbmF2U2lkZWJhclN0YXRlIHtcbiAgbW9kZTogU2lkZU5hdkRpc3BsYXlNb2RlO1xuICBkcmF3ZXI6IE1hdERyYXdlck1vZGU7XG4gIG9wZW4/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIE5hdmlnYXRpb24gY29tcG9uZW50IHRoYXQgc2l0cyBhdCB0aGUgc2lkZSBvZiBhbiBhcHAuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zaWRlbmF2JyxcbiAgZXhwb3J0QXM6ICdzaWRlbmF2JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIERieFNpZGVuYXZDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRyYW5zaXRpb25XYXRjaGVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpXG4gIGFuY2hvcnM/OiBNYXliZTxDbGlja2FibGVBbmNob3JMaW5rVHJlZVtdPjtcblxuICBAVmlld0NoaWxkKE1hdFNpZGVuYXYsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHJlYWRvbmx5IHNpZGVuYXYhOiBNYXRTaWRlbmF2O1xuXG4gIHJlYWRvbmx5IG1vZGUkOiBPYnNlcnZhYmxlPFNpZGVOYXZEaXNwbGF5TW9kZT4gPSB0aGlzLl9zY3JlZW5NZWRpYVNlcnZpY2Uud2lkdGhUeXBlJC5waXBlKFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgbWFwKCh3aWR0aCkgPT4ge1xuICAgICAgbGV0IG1vZGUhOiBTaWRlTmF2RGlzcGxheU1vZGU7XG5cbiAgICAgIHN3aXRjaCAod2lkdGgpIHtcbiAgICAgICAgY2FzZSAnbWljcm8nOlxuICAgICAgICBjYXNlICdzbWFsbCc6XG4gICAgICAgICAgbW9kZSA9IFNpZGVOYXZEaXNwbGF5TW9kZS5NT0JJTEU7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ3RhYmxldCc6XG4gICAgICAgICAgbW9kZSA9IFNpZGVOYXZEaXNwbGF5TW9kZS5JQ09OO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdsYXJnZSc6XG4gICAgICAgIGNhc2UgJ2Z1bGwnOlxuICAgICAgICAgIG1vZGUgPSBTaWRlTmF2RGlzcGxheU1vZGUuRlVMTDtcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG1vZGU7XG4gICAgfSksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBkaXNhYmxlQmFja2Ryb3AkOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5tb2RlJC5waXBlKFxuICAgIG1hcCh4ID0+IHggIT09IFNpZGVOYXZEaXNwbGF5TW9kZS5NT0JJTEUpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBzaXplQ2xhc3MkOiBPYnNlcnZhYmxlPHN0cmluZz4gPSB0aGlzLm1vZGUkLnBpcGUoXG4gICAgbWFwKChtb2RlKSA9PiBgZGJ4LXNpZGVuYXYtJHttb2RlfWApLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBzdGF0ZSQ6IE9ic2VydmFibGU8RGJ4U2lkZW5hdlNpZGViYXJTdGF0ZT4gPSB0aGlzLm1vZGUkLnBpcGUoXG4gICAgbWFwKChtb2RlKSA9PiB7XG4gICAgICBsZXQgZHJhd2VyITogTWF0RHJhd2VyTW9kZTtcbiAgICAgIGxldCBvcGVuITogYm9vbGVhbjtcblxuICAgICAgc3dpdGNoIChtb2RlKSB7XG4gICAgICAgIGNhc2UgU2lkZU5hdkRpc3BsYXlNb2RlLk1PQklMRTpcbiAgICAgICAgICBkcmF3ZXIgPSAnb3Zlcic7XG4gICAgICAgICAgb3BlbiA9IGZhbHNlO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlIFNpZGVOYXZEaXNwbGF5TW9kZS5JQ09OOlxuICAgICAgICBjYXNlIFNpZGVOYXZEaXNwbGF5TW9kZS5GVUxMOlxuICAgICAgICAgIGRyYXdlciA9ICdzaWRlJztcbiAgICAgICAgICBvcGVuID0gdHJ1ZTtcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgbW9kZSxcbiAgICAgICAgZHJhd2VyLFxuICAgICAgICBvcGVuXG4gICAgICB9O1xuICAgIH0pLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgcmVhZG9ubHkgZHJhd2VyJDogT2JzZXJ2YWJsZTxNYXREcmF3ZXJNb2RlPiA9IHRoaXMuc3RhdGUkLnBpcGUobWFwKHggPT4geC5kcmF3ZXIpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBzaGFyZVJlcGxheSgxKSk7XG5cbiAgcHJpdmF0ZSBfd2F0Y2hlclN1YiA9IG5ldyBTdWJzY3JpcHRpb25PYmplY3QoKTtcbiAgcHJpdmF0ZSBfc3RhdGVTdWIgPSBuZXcgU3Vic2NyaXB0aW9uT2JqZWN0KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgZGJ4Um91dGVyVHJhbnNpdGlvblNlcnZpY2U6IERieFJvdXRlclRyYW5zaXRpb25TZXJ2aWNlLFxuICAgIG5nWm9uZTogTmdab25lLFxuICAgIHByaXZhdGUgX3NjcmVlbk1lZGlhU2VydmljZTogRGJ4U2NyZWVuTWVkaWFTZXJ2aWNlKSB7XG4gICAgc3VwZXIoZGJ4Um91dGVyVHJhbnNpdGlvblNlcnZpY2UsIG5nWm9uZSk7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuXG4gICAgdGhpcy5fc3RhdGVTdWIuc3Vic2NyaXB0aW9uID0gdGhpcy5zdGF0ZSQuc3Vic2NyaWJlKChzdGF0ZSkgPT4ge1xuICAgICAgaWYgKHN0YXRlLm9wZW4gIT0gbnVsbCkge1xuICAgICAgICB0aGlzLl90b2dnbGVOYXYoc3RhdGUub3BlbiwgdHJ1ZSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIHRoaXMuX3dhdGNoZXJTdWIuZGVzdHJveSgpO1xuICAgIHRoaXMuX3N0YXRlU3ViLmRlc3Ryb3koKTtcbiAgfVxuXG4gIHByb3RlY3RlZCB1cGRhdGVGb3JTdWNjZXNzZnVsVHJhbnNpdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlTmF2KCk7XG4gIH1cblxuICBjbG9zZU5hdigpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZU5hdihmYWxzZSk7XG4gIH1cblxuICB0b2dnbGVOYXYob3Blbj86IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLl90b2dnbGVOYXYob3Blbik7XG4gIH1cblxuICBwcml2YXRlIF90b2dnbGVOYXYodG9nZ2xlT3BlbiA9ICF0aGlzLnNpZGVuYXYub3BlbmVkLCBmb3JjZWQgPSBmYWxzZSk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGUkLnBpcGUoZmlyc3QoKSkuc3Vic2NyaWJlKCh7IG1vZGUgfSkgPT4ge1xuICAgICAgdGhpcy5uZ1pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgbGV0IG9wZW46IE1heWJlPGJvb2xlYW4+O1xuXG4gICAgICAgIGlmICghZm9yY2VkKSB7XG4gICAgICAgICAgc3dpdGNoIChtb2RlKSB7XG4gICAgICAgICAgICBjYXNlIFNpZGVOYXZEaXNwbGF5TW9kZS5NT0JJTEU6XG4gICAgICAgICAgICAgIG9wZW4gPSB0b2dnbGVPcGVuO1xuICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgU2lkZU5hdkRpc3BsYXlNb2RlLklDT046XG4gICAgICAgICAgICBjYXNlIFNpZGVOYXZEaXNwbGF5TW9kZS5GVUxMOlxuICAgICAgICAgICAgICAvLyBEbyBub3RoaW5nLiBTaG91bGQgYmUgYWx3YXlzIG9wZW4uXG4gICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBvcGVuID0gdG9nZ2xlT3BlbjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChvcGVuICE9IG51bGwpIHtcbiAgICAgICAgICBpZiAob3Blbikge1xuICAgICAgICAgICAgdGhpcy5zaWRlbmF2Lm9wZW4oKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5zaWRlbmF2LmNsb3NlKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG59XG4iLCI8bWF0LXNpZGVuYXYtY29udGFpbmVyIGNsYXNzPVwiZGJ4LXNpZGVuYXZcIiBbbmdDbGFzc109XCIoc2l6ZUNsYXNzJCB8IGFzeW5jKSA/PyAnJ1wiPlxuICA8bWF0LXNpZGVuYXYgY2xhc3M9XCJkYngtc2lkZW5hdi1uYXZcIiBbZGlzYWJsZUNsb3NlXT1cImRpc2FibGVCYWNrZHJvcCQgfCBhc3luY1wiIFttb2RlXT1cIihkcmF3ZXIkIHwgYXN5bmMpIVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0b3BdXCI+PC9uZy1jb250ZW50PlxuICAgIDxkYngtYW5jaG9yLWxpc3QgY2xhc3M9XCJkYngtc2lkZW5hdi1hbmNob3ItbGlzdFwiIFthbmNob3JzXT1cImFuY2hvcnNcIj48L2RieC1hbmNob3ItbGlzdD5cbiAgICA8c3BhbiBjbGFzcz1cInNwYWNlclwiPjwvc3Bhbj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm90dG9tXVwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNpZGVuYXYtbmF2LWVuZFwiPjwvZGl2PlxuICA8L21hdC1zaWRlbmF2PlxuICA8bWF0LXNpZGVuYXYtY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbWF0LXNpZGVuYXYtY29udGVudD5cbjwvbWF0LXNpZGVuYXYtY29udGFpbmVyPlxuIl19

package/esm2020/lib/router/layout/sidenav/sidenav.module.mjs

@@ -0,0 +1,89 @@
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatButtonModule } from '@angular/material/button';
+import { UIRouterModule } from '@uirouter/angular';
+import { DbxSidenavComponent } from './sidenav.component';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatListModule } from '@angular/material/list';
+import { DbxAnchorModule } from '../anchor/anchor.module';
+import { DbxAnchorListModule } from '../anchorlist/anchorlist.module';
+import { DbxSidenavPagebarComponent } from './sidenav.pagebar.component';
+import { DbxSidenavPageComponent } from './sidenav.page.component';
+import { DbxBarLayoutModule } from '../../../layout/bar/bar.layout.module';
+import { DbxButtonModule } from '../../../button/button.module';
+import { DbxContentLayoutModule } from './../../../layout/content/content.layout.module';
+import { DbxSidenavButtonComponent } from './sidenav.button.component';
+import * as i0 from "@angular/core";
+export class DbxSidenavModule {
+}
+DbxSidenavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, declarations: [DbxSidenavComponent,
+        DbxSidenavButtonComponent,
+        DbxSidenavPagebarComponent,
+        DbxSidenavPageComponent], imports: [CommonModule,
+        DbxBarLayoutModule,
+        DbxAnchorModule,
+        DbxAnchorListModule,
+        DbxButtonModule,
+        DbxContentLayoutModule,
+        MatToolbarModule,
+        MatButtonModule,
+        MatIconModule,
+        MatSidenavModule,
+        MatListModule,
+        MatDividerModule,
+        UIRouterModule], exports: [DbxSidenavComponent,
+        DbxSidenavButtonComponent,
+        DbxSidenavPagebarComponent,
+        DbxSidenavPageComponent] });
+DbxSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, imports: [[
+            CommonModule,
+            DbxBarLayoutModule,
+            DbxAnchorModule,
+            DbxAnchorListModule,
+            DbxButtonModule,
+            DbxContentLayoutModule,
+            MatToolbarModule,
+            MatButtonModule,
+            MatIconModule,
+            MatSidenavModule,
+            MatListModule,
+            MatDividerModule,
+            UIRouterModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DbxBarLayoutModule,
+                        DbxAnchorModule,
+                        DbxAnchorListModule,
+                        DbxButtonModule,
+                        DbxContentLayoutModule,
+                        MatToolbarModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatSidenavModule,
+                        MatListModule,
+                        MatDividerModule,
+                        UIRouterModule
+                    ],
+                    declarations: [
+                        DbxSidenavComponent,
+                        DbxSidenavButtonComponent,
+                        DbxSidenavPagebarComponent,
+                        DbxSidenavPageComponent
+                    ],
+                    exports: [
+                        DbxSidenavComponent,
+                        DbxSidenavButtonComponent,
+                        DbxSidenavPagebarComponent,
+                        DbxSidenavPageComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvcm91dGVyL2xheW91dC9zaWRlbmF2L3NpZGVuYXYubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQStCdkUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQVp6QixtQkFBbUI7UUFDbkIseUJBQXlCO1FBQ3pCLDBCQUEwQjtRQUMxQix1QkFBdUIsYUFsQnZCLFlBQVk7UUFDWixrQkFBa0I7UUFDbEIsZUFBZTtRQUNmLG1CQUFtQjtRQUNuQixlQUFlO1FBQ2Ysc0JBQXNCO1FBQ3RCLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixhQUFhO1FBQ2IsZ0JBQWdCO1FBQ2hCLGNBQWMsYUFTZCxtQkFBbUI7UUFDbkIseUJBQXlCO1FBQ3pCLDBCQUEwQjtRQUMxQix1QkFBdUI7OEdBR2QsZ0JBQWdCLFlBNUJsQjtZQUNQLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLG1CQUFtQjtZQUNuQixlQUFlO1lBQ2Ysc0JBQXNCO1lBQ3RCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsZ0JBQWdCO1lBQ2hCLGNBQWM7U0FDZjsyRkFjVSxnQkFBZ0I7a0JBN0I1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2Ysc0JBQXNCO3dCQUN0QixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUNoQixjQUFjO3FCQUNmO29CQUNELFlBQVksRUFBRTt3QkFDWixtQkFBbUI7d0JBQ25CLHlCQUF5Qjt3QkFDekIsMEJBQTBCO3dCQUMxQix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7d0JBQ25CLHlCQUF5Qjt3QkFDekIsMEJBQTBCO3dCQUMxQix1QkFBdUI7cUJBQ3hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWF0RGl2aWRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpdmlkZXInO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRUb29sYmFyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgVUlSb3V0ZXJNb2R1bGUgfSBmcm9tICdAdWlyb3V0ZXIvYW5ndWxhcic7XG5pbXBvcnQgeyBEYnhTaWRlbmF2Q29tcG9uZW50IH0gZnJvbSAnLi9zaWRlbmF2LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRTaWRlbmF2TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBNYXRMaXN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGlzdCc7XG5pbXBvcnQgeyBEYnhBbmNob3JNb2R1bGUgfSBmcm9tICcuLi9hbmNob3IvYW5jaG9yLm1vZHVsZSc7XG5pbXBvcnQgeyBEYnhBbmNob3JMaXN0TW9kdWxlIH0gZnJvbSAnLi4vYW5jaG9ybGlzdC9hbmNob3JsaXN0Lm1vZHVsZSc7XG5pbXBvcnQgeyBEYnhTaWRlbmF2UGFnZWJhckNvbXBvbmVudCB9IGZyb20gJy4vc2lkZW5hdi5wYWdlYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhTaWRlbmF2UGFnZUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZW5hdi5wYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhCYXJMYXlvdXRNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9sYXlvdXQvYmFyL2Jhci5sYXlvdXQubW9kdWxlJztcbmltcG9ydCB7IERieEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IERieENvbnRlbnRMYXlvdXRNb2R1bGUgfSBmcm9tICcuLy4uLy4uLy4uL2xheW91dC9jb250ZW50L2NvbnRlbnQubGF5b3V0Lm1vZHVsZSc7XG5pbXBvcnQgeyBEYnhTaWRlbmF2QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlbmF2LmJ1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERieEJhckxheW91dE1vZHVsZSxcbiAgICBEYnhBbmNob3JNb2R1bGUsXG4gICAgRGJ4QW5jaG9yTGlzdE1vZHVsZSxcbiAgICBEYnhCdXR0b25Nb2R1bGUsXG4gICAgRGJ4Q29udGVudExheW91dE1vZHVsZSxcbiAgICBNYXRUb29sYmFyTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFNpZGVuYXZNb2R1bGUsXG4gICAgTWF0TGlzdE1vZHVsZSxcbiAgICBNYXREaXZpZGVyTW9kdWxlLFxuICAgIFVJUm91dGVyTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERieFNpZGVuYXZDb21wb25lbnQsXG4gICAgRGJ4U2lkZW5hdkJ1dHRvbkNvbXBvbmVudCxcbiAgICBEYnhTaWRlbmF2UGFnZWJhckNvbXBvbmVudCxcbiAgICBEYnhTaWRlbmF2UGFnZUNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGJ4U2lkZW5hdkNvbXBvbmVudCxcbiAgICBEYnhTaWRlbmF2QnV0dG9uQ29tcG9uZW50LFxuICAgIERieFNpZGVuYXZQYWdlYmFyQ29tcG9uZW50LFxuICAgIERieFNpZGVuYXZQYWdlQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2lkZW5hdk1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/lib/router/layout/sidenav/sidenav.page.component.mjs

@@ -0,0 +1,59 @@
+import { BehaviorSubject, switchMap, shareReplay, map, of } from 'rxjs';
+import { Component, Input } from '@angular/core';
+import { DbxSidenavComponent, SideNavDisplayMode } from './sidenav.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./sidenav.component";
+import * as i2 from "./sidenav.pagebar.component";
+import * as i3 from "@angular/common";
+/**
+ * Pre-configured page used with DbxSidenavComponent.
+ *
+ * Can optionally be configured to only show the pagebar while in mobile mode.
+ */
+export class DbxSidenavPageComponent {
+    constructor(parent) {
+        this.parent = parent;
+        this._mobileOnly = new BehaviorSubject(false);
+        this.hidePagebar$ = this._mobileOnly.pipe(switchMap((mobileOnly) => (mobileOnly) ? this.parent.mode$.pipe(map(x => x !== SideNavDisplayMode.MOBILE)) : of(true)), shareReplay(1));
+    }
+    get mobileOnly() {
+        return this._mobileOnly.value;
+    }
+    set mobileOnly(mobileOnly) {
+        this._mobileOnly.next(mobileOnly);
+    }
+}
+DbxSidenavPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPageComponent, deps: [{ token: i1.DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavPageComponent, selector: "dbx-sidenav-page", inputs: { color: "color", mobileOnly: "mobileOnly" }, ngImport: i0, template: `
+    <div>
+      <dbx-sidenav-pagebar [color]="color" [ngClass]="(hidePagebar$ | async) ? 'dbx-pagebar-hide' : ''">
+        <ng-content left select="[navLeft]"></ng-content>
+        <ng-content select="[navRight]"></ng-content>
+      </dbx-sidenav-pagebar>
+      <div class="dbx-content-page dbx-sidenav-page-content">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, isInline: true, components: [{ type: i2.DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-sidenav-page',
+                    template: `
+    <div>
+      <dbx-sidenav-pagebar [color]="color" [ngClass]="(hidePagebar$ | async) ? 'dbx-pagebar-hide' : ''">
+        <ng-content left select="[navLeft]"></ng-content>
+        <ng-content select="[navRight]"></ng-content>
+      </dbx-sidenav-pagebar>
+      <div class="dbx-content-page dbx-sidenav-page-content">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbxSidenavComponent }]; }, propDecorators: { color: [{
+                type: Input
+            }], mobileOnly: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L3NpZGVuYXYvc2lkZW5hdi5wYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN4RSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFJOUU7Ozs7R0FJRztBQWVILE1BQU0sT0FBTyx1QkFBdUI7SUFPbEMsWUFBcUIsTUFBMkI7UUFBM0IsV0FBTSxHQUFOLE1BQU0sQ0FBcUI7UUFGeEMsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUlqRCxpQkFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUMzQyxTQUFTLENBQUMsQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQ3RILFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBTGtELENBQUM7SUFPckQsSUFDSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBSSxVQUFVLENBQUMsVUFBbUI7UUFDaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7b0hBckJVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDhHQVp4Qjs7Ozs7Ozs7OztHQVVUOzJGQUVVLHVCQUF1QjtrQkFkbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtpQkFDRjswR0FJQyxLQUFLO3NCQURKLEtBQUs7Z0JBYUYsVUFBVTtzQkFEYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBzd2l0Y2hNYXAsIHNoYXJlUmVwbGF5LCBtYXAsIG9mIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTaWRlbmF2Q29tcG9uZW50LCBTaWRlTmF2RGlzcGxheU1vZGUgfSBmcm9tICcuL3NpZGVuYXYuY29tcG9uZW50JztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhCYXJDb2xvciB9IGZyb20gJy4uLy4uLy4uL2xheW91dC9iYXIvYmFyJztcblxuLyoqXG4gKiBQcmUtY29uZmlndXJlZCBwYWdlIHVzZWQgd2l0aCBEYnhTaWRlbmF2Q29tcG9uZW50LlxuICogXG4gKiBDYW4gb3B0aW9uYWxseSBiZSBjb25maWd1cmVkIHRvIG9ubHkgc2hvdyB0aGUgcGFnZWJhciB3aGlsZSBpbiBtb2JpbGUgbW9kZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXNpZGVuYXYtcGFnZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdj5cbiAgICAgIDxkYngtc2lkZW5hdi1wYWdlYmFyIFtjb2xvcl09XCJjb2xvclwiIFtuZ0NsYXNzXT1cIihoaWRlUGFnZWJhciQgfCBhc3luYykgPyAnZGJ4LXBhZ2ViYXItaGlkZScgOiAnJ1wiPlxuICAgICAgICA8bmctY29udGVudCBsZWZ0IHNlbGVjdD1cIltuYXZMZWZ0XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW25hdlJpZ2h0XVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGJ4LXNpZGVuYXYtcGFnZWJhcj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYngtY29udGVudC1wYWdlIGRieC1zaWRlbmF2LXBhZ2UtY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhTaWRlbmF2UGFnZUNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgY29sb3I/OiBNYXliZTxEYnhCYXJDb2xvcj47XG5cbiAgcHJpdmF0ZSBfbW9iaWxlT25seSA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0cnVjdG9yKHJlYWRvbmx5IHBhcmVudDogRGJ4U2lkZW5hdkNvbXBvbmVudCkgeyB9XG5cbiAgcmVhZG9ubHkgaGlkZVBhZ2ViYXIkID0gdGhpcy5fbW9iaWxlT25seS5waXBlKFxuICAgIHN3aXRjaE1hcCgobW9iaWxlT25seSkgPT4gKG1vYmlsZU9ubHkpID8gdGhpcy5wYXJlbnQubW9kZSQucGlwZShtYXAoeCA9PiB4ICE9PSBTaWRlTmF2RGlzcGxheU1vZGUuTU9CSUxFKSkgOiBvZih0cnVlKSksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICBASW5wdXQoKVxuICBnZXQgbW9iaWxlT25seSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fbW9iaWxlT25seS52YWx1ZTtcbiAgfVxuXG4gIHNldCBtb2JpbGVPbmx5KG1vYmlsZU9ubHk6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9tb2JpbGVPbmx5Lm5leHQobW9iaWxlT25seSk7XG4gIH1cblxufSJdfQ==

package/esm2020/lib/router/layout/sidenav/sidenav.pagebar.component.mjs

@@ -0,0 +1,39 @@
+import { Component } from '@angular/core';
+import { DbxPagebarComponent } from '../../../layout/bar/pagebar.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../layout/bar/pagebar.component";
+import * as i2 from "./sidenav.button.component";
+import * as i3 from "../../../button/button.spacer.component";
+/**
+ * Pre-configured pagebar used with DbxSidenavComponent.
+ */
+export class DbxSidenavPagebarComponent extends DbxPagebarComponent {
+}
+DbxSidenavPagebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPagebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxSidenavPagebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxSidenavPagebarComponent, selector: "dbx-sidenav-pagebar", usesInheritance: true, ngImport: i0, template: `
+    <dbx-pagebar class="dbx-sidenav-pagebar" [color]="color">
+      <span left>
+        <dbx-sidenav-button></dbx-sidenav-button>
+        <dbx-button-spacer></dbx-button-spacer>
+        <ng-content left></ng-content>
+      </span>
+      <ng-content right></ng-content>
+    </dbx-pagebar>
+  `, isInline: true, components: [{ type: i1.DbxPagebarComponent, selector: "dbx-pagebar", inputs: ["color"] }, { type: i2.DbxSidenavButtonComponent, selector: "dbx-sidenav-button" }, { type: i3.DbxButtonSpacerComponent, selector: "dbx-button-spacer" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxSidenavPagebarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-sidenav-pagebar',
+                    template: `
+    <dbx-pagebar class="dbx-sidenav-pagebar" [color]="color">
+      <span left>
+        <dbx-sidenav-button></dbx-sidenav-button>
+        <dbx-button-spacer></dbx-button-spacer>
+        <ng-content left></ng-content>
+      </span>
+      <ng-content right></ng-content>
+    </dbx-pagebar>
+  `
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5wYWdlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L3NpZGVuYXYvc2lkZW5hdi5wYWdlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7OztBQUU1RTs7R0FFRztBQWNILE1BQU0sT0FBTywwQkFBMkIsU0FBUSxtQkFBbUI7O3VIQUF0RCwwQkFBMEI7MkdBQTFCLDBCQUEwQixrRkFYM0I7Ozs7Ozs7OztHQVNUOzJGQUVVLDBCQUEwQjtrQkFidEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4UGFnZWJhckNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2xheW91dC9iYXIvcGFnZWJhci5jb21wb25lbnQnO1xuXG4vKipcbiAqIFByZS1jb25maWd1cmVkIHBhZ2ViYXIgdXNlZCB3aXRoIERieFNpZGVuYXZDb21wb25lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zaWRlbmF2LXBhZ2ViYXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtcGFnZWJhciBjbGFzcz1cImRieC1zaWRlbmF2LXBhZ2ViYXJcIiBbY29sb3JdPVwiY29sb3JcIj5cbiAgICAgIDxzcGFuIGxlZnQ+XG4gICAgICAgIDxkYngtc2lkZW5hdi1idXR0b24+PC9kYngtc2lkZW5hdi1idXR0b24+XG4gICAgICAgIDxkYngtYnV0dG9uLXNwYWNlcj48L2RieC1idXR0b24tc3BhY2VyPlxuICAgICAgICA8bmctY29udGVudCBsZWZ0PjwvbmctY29udGVudD5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxuZy1jb250ZW50IHJpZ2h0PjwvbmctY29udGVudD5cbiAgICA8L2RieC1wYWdlYmFyPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieFNpZGVuYXZQYWdlYmFyQ29tcG9uZW50IGV4dGVuZHMgRGJ4UGFnZWJhckNvbXBvbmVudCB7IH1cbiJdfQ==

package/esm2020/lib/router/provider/ngrouter/anchor.component.mjs

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { AbstractDbNgxSegueAnchorDirective } from '../../anchor/anchor.segue.directive';
+import { AbstractDbxSegueAnchorDirective } from '../../layout/anchor/anchor.segue.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@dereekb/dbx-core";
 import * as i2 from "@uirouter/angular";
@@ -7,12 +7,12 @@ import * as i3 from "@angular/common";
 /**
  * SegueAnchor implementation for Angular Router.
  */
-export class DbNgxAngularRouterSegueAnchorComponent extends AbstractDbNgxSegueAnchorDirective {
+export class DbxAngularRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
 }
-DbNgxAngularRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxAngularRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbNgxAngularRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxAngularRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor dbx-anchor-sref {{ anchorBlockClass }}\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injected-content></dbx-injected-content>\n</a>\n", components: [{ type: i1.DbNgxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i2.AnchorUISref, selector: "a[uiSref]" }, { type: i2.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxAngularRouterSegueAnchorComponent, decorators: [{
+DbxAngularRouterSegueAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxAngularRouterSegueAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxAngularRouterSegueAnchorComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injected-content></dbx-injected-content>\n</a>\n", components: [{ type: i1.DbxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i2.AnchorUISref, selector: "a[uiSref]" }, { type: i2.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, decorators: [{
             type: Component,
-            args: [{ template: "<a class=\"dbx-anchor dbx-anchor-sref {{ anchorBlockClass }}\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injected-content></dbx-injected-content>\n</a>\n" }]
+            args: [{ template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"target$ | async\" [uiSref]=\"ref$ | async\"\n  [uiParams]=\"refParams$ | async\" [uiOptions]=\"refOptions$ | async\">\n  <dbx-injected-content></dbx-injected-content>\n</a>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvcHJvdmlkZXIvbmdyb3V0ZXIvYW5jaG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvcHJvdmlkZXIvbmdyb3V0ZXIvYW5jaG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7O0FBRXhGOztHQUVHO0FBSUgsTUFBTSxPQUFPLHNDQUF1QyxTQUFRLGlDQUFpQzs7bUlBQWhGLHNDQUFzQzt1SEFBdEMsc0NBQXNDLDJFQ1RuRCwrUEFJQTsyRkRLYSxzQ0FBc0M7a0JBSGxELFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0RGJOZ3hTZWd1ZUFuY2hvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2FuY2hvci9hbmNob3Iuc2VndWUuZGlyZWN0aXZlJztcblxuLyoqXG4gKiBTZWd1ZUFuY2hvciBpbXBsZW1lbnRhdGlvbiBmb3IgQW5ndWxhciBSb3V0ZXIuXG4gKi9cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZVVybDogJy4vYW5jaG9yLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBEYk5neEFuZ3VsYXJSb3V0ZXJTZWd1ZUFuY2hvckNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RGJOZ3hTZWd1ZUFuY2hvckRpcmVjdGl2ZSB7IH1cbiIsIjxhIGNsYXNzPVwiZGJ4LWFuY2hvciBkYngtYW5jaG9yLXNyZWYge3sgYW5jaG9yQmxvY2tDbGFzcyB9fVwiIFthdHRyLnRhcmdldF09XCJ0YXJnZXQkIHwgYXN5bmNcIiBbdWlTcmVmXT1cInJlZiQgfCBhc3luY1wiXG4gIFt1aVBhcmFtc109XCJyZWZQYXJhbXMkIHwgYXN5bmNcIiBbdWlPcHRpb25zXT1cInJlZk9wdGlvbnMkIHwgYXN5bmNcIj5cbiAgPGRieC1pbmplY3RlZC1jb250ZW50PjwvZGJ4LWluamVjdGVkLWNvbnRlbnQ+XG48L2E+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvcHJvdmlkZXIvbmdyb3V0ZXIvYW5jaG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvcHJvdmlkZXIvbmdyb3V0ZXIvYW5jaG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sNENBQTRDLENBQUM7Ozs7O0FBRTdGOztHQUVHO0FBSUgsTUFBTSxPQUFPLG9DQUFxQyxTQUFRLCtCQUErQjs7aUlBQTVFLG9DQUFvQztxSEFBcEMsb0NBQW9DLDJFQ1RqRCwwT0FJQTsyRkRLYSxvQ0FBb0M7a0JBSGhELFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0RGJ4U2VndWVBbmNob3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9sYXlvdXQvYW5jaG9yL2FuY2hvci5zZWd1ZS5kaXJlY3RpdmUnO1xuXG4vKipcbiAqIFNlZ3VlQW5jaG9yIGltcGxlbWVudGF0aW9uIGZvciBBbmd1bGFyIFJvdXRlci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi9hbmNob3IuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIERieEFuZ3VsYXJSb3V0ZXJTZWd1ZUFuY2hvckNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RGJ4U2VndWVBbmNob3JEaXJlY3RpdmUgeyB9XG4iLCI8YSBjbGFzcz1cImRieC1hbmNob3ItYSBkYngtYW5jaG9yLXNyZWZcIiBbYXR0ci50YXJnZXRdPVwidGFyZ2V0JCB8IGFzeW5jXCIgW3VpU3JlZl09XCJyZWYkIHwgYXN5bmNcIlxuICBbdWlQYXJhbXNdPVwicmVmUGFyYW1zJCB8IGFzeW5jXCIgW3VpT3B0aW9uc109XCJyZWZPcHRpb25zJCB8IGFzeW5jXCI+XG4gIDxkYngtaW5qZWN0ZWQtY29udGVudD48L2RieC1pbmplY3RlZC1jb250ZW50PlxuPC9hPlxuIl19