@covalent/core 4.0.0-alpha.0 → 4.0.0-beta.1

package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs

@@ -0,0 +1,122 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { MatSidenav } from '@angular/material/sidenav';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/sidenav";
+import * as i2 from "@angular/cdk/scrolling";
+const _c0 = [[["mat-toolbar", "td-sidenav-content", ""]], [["", "td-sidenav-content", ""]], [["mat-toolbar"]], "*", [["td-layout-footer-inner"]]];
+const _c1 = ["mat-toolbar[td-sidenav-content]", "[td-sidenav-content]", "mat-toolbar", "*", "td-layout-footer-inner"];
+export class TdLayoutManageListComponent {
+    constructor() {
+        /**
+         * mode?: 'side', 'push' or 'over'
+         *
+         * The mode or styling of the sidenav.
+         * Defaults to "side".
+         * See "MatSidenav" documentation for more info.
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.mode = 'side';
+        /**
+         * opened?: boolean
+         *
+         * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+         * Defaults to "true".
+         *
+         * See "MatSidenav" documentation for more info.
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.opened = true;
+        /**
+         * sidenavWidth?: string
+         *
+         * Sets the "width" of the sidenav in either "px" or "%"
+         * Defaults to "257px".
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.sidenavWidth = '257px';
+        /**
+         * containerAutosize?: boolean
+         *
+         * Sets "autosize" of the sidenav-container.
+         * Defaults to "false".
+         *
+         * See documentation for more info and potential performance risks.
+         *
+         * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
+         */
+        this.containerAutosize = false;
+    }
+    /**
+     * Checks if `ESC` should close the sidenav
+     * Should only close it for `push` and `over` modes
+     */
+    get disableClose() {
+        return this.mode === 'side';
+    }
+    /**
+     * Proxy toggle method to access sidenav from outside (from td-layout template).
+     */
+    toggle() {
+        return this.sidenav.toggle(!this.sidenav.opened);
+    }
+    /**
+     * Proxy open method to access sidenav from outside (from td-layout template).
+     */
+    open() {
+        return this.sidenav.open();
+    }
+    /**
+     * Proxy close method to access sidenav from outside (from td-layout template).
+     */
+    close() {
+        return this.sidenav.close();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListComponent.ɵfac = function TdLayoutManageListComponent_Factory(t) { return new (t || TdLayoutManageListComponent)(); };
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdLayoutManageListComponent, selectors: [["td-layout-manage-list"]], viewQuery: function TdLayoutManageListComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(MatSidenav, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sidenav = _t.first);
+    } }, inputs: { mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", containerAutosize: "containerAutosize" }, ngContentSelectors: _c1, decls: 11, vars: 8, consts: [["fullscreen", "", 1, "td-layout-manage-list", 3, "autosize"], ["position", "start", 3, "mode", "opened", "disableClose"], ["sidenav", ""], ["cdkScrollable", "", 1, "td-layout-manage-list-sidenav"], [1, "td-layout-manage-list-main"], ["cdkScrollable", "", 1, "td-layout-manage-list-content"]], template: function TdLayoutManageListComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "mat-sidenav-container", 0);
+        i0.ɵɵelementStart(1, "mat-sidenav", 1, 2);
+        i0.ɵɵprojection(3);
+        i0.ɵɵelementStart(4, "div", 3);
+        i0.ɵɵprojection(5, 1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(6, "div", 4);
+        i0.ɵɵprojection(7, 2);
+        i0.ɵɵelementStart(8, "div", 5);
+        i0.ɵɵprojection(9, 3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵprojection(10, 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("autosize", ctx.containerAutosize);
+        i0.ɵɵadvance(1);
+        i0.ɵɵstyleProp("max-width", ctx.sidenavWidth)("min-width", ctx.sidenavWidth);
+        i0.ɵɵproperty("mode", ctx.mode)("opened", ctx.opened)("disableClose", ctx.disableClose);
+    } }, directives: [i1.MatSidenavContainer, i1.MatSidenav, i2.CdkScrollable], styles: ["[_nghost-%COMP%]{display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}[_nghost-%COMP%]   mat-sidenav-container.td-layout-manage-list[_ngcontent-%COMP%]{-ms-flex:1;flex:1}[_nghost-%COMP%]   mat-sidenav-container.td-layout-manage-list[_ngcontent-%COMP%] > .mat-drawer[_ngcontent-%COMP%] > .mat-drawer-inner-container.mat-drawer-opened[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-sidenav-container.td-layout-manage-list[_ngcontent-%COMP%] > .mat-drawer[_ngcontent-%COMP%] > .mat-drawer-inner-container.mat-drawer-opening[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-sidenav-container.td-layout-manage-list[_ngcontent-%COMP%] > .mat-drawer[_ngcontent-%COMP%] > .mat-drawer-inner-container.mat-drawer-closed[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-sidenav-container.td-layout-manage-list[_ngcontent-%COMP%] > .mat-drawer[_ngcontent-%COMP%] > .mat-drawer-inner-container.mat-drawer-closing[_ngcontent-%COMP%]{box-shadow:0 1px 3px rgba(0,0,0,.2)}[_nghost-%COMP%]   .td-layout-manage-list-sidenav[_ngcontent-%COMP%]{text-align:start;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}[_nghost-%COMP%]   .td-layout-manage-list-main[_ngcontent-%COMP%]{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex}[_nghost-%COMP%]   .td-layout-manage-list-main[_ngcontent-%COMP%]   .td-layout-manage-list-content[_ngcontent-%COMP%]{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex:1;flex:1}[_nghost-%COMP%]     mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}[_nghost-%COMP%]     mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}[_nghost-%COMP%]     mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}[_nghost-%COMP%]     .mat-toolbar{font-weight:400}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutManageListComponent, [{
+        type: Component,
+        args: [{ selector: 'td-layout-manage-list', template: "<mat-sidenav-container fullscreen [autosize]=\"containerAutosize\" class=\"td-layout-manage-list\">\n  <mat-sidenav\n    #sidenav\n    position=\"start\"\n    [mode]=\"mode\"\n    [opened]=\"opened\"\n    [disableClose]=\"disableClose\"\n    [style.max-width]=\"sidenavWidth\"\n    [style.min-width]=\"sidenavWidth\"\n  >\n    <ng-content select=\"mat-toolbar[td-sidenav-content]\"></ng-content>\n    <div class=\"td-layout-manage-list-sidenav\" cdkScrollable>\n      <ng-content select=\"[td-sidenav-content]\"></ng-content>\n    </div>\n  </mat-sidenav>\n  <div class=\"td-layout-manage-list-main\">\n    <ng-content select=\"mat-toolbar\"></ng-content>\n    <div class=\"td-layout-manage-list-content\" cdkScrollable>\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"td-layout-footer-inner\"></ng-content>\n  </div>\n</mat-sidenav-container>\n", styles: [":host{display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.td-layout-manage-list{-ms-flex:1;flex:1}:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opened,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opening,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closed,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closing{box-shadow:0 1px 3px rgba(0,0,0,.2)}:host .td-layout-manage-list-sidenav{text-align:start;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex}:host .td-layout-manage-list-main .td-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex:1;flex:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}:host ::ng-deep .mat-toolbar{font-weight:400}\n"] }]
+    }], null, { sidenav: [{
+            type: ViewChild,
+            args: [MatSidenav, { static: true }]
+        }], mode: [{
+            type: Input
+        }], opened: [{
+            type: Input
+        }], sidenavWidth: [{
+            type: Input
+        }], containerAutosize: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL2xheW91dC9sYXlvdXQtbWFuYWdlLWxpc3QvbGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL2xheW91dC9sYXlvdXQtbWFuYWdlLWxpc3QvbGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWEsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsVUFBVSxFQUF5QixNQUFNLDJCQUEyQixDQUFDOzs7Ozs7QUFTOUUsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQVFFOzs7Ozs7OztXQVFHO1FBQ00sU0FBSSxHQUE2QixNQUFNLENBQUM7UUFFakQ7Ozs7Ozs7OztXQVNHO1FBQ00sV0FBTSxHQUFZLElBQUksQ0FBQztRQUVoQzs7Ozs7OztXQU9HO1FBQ00saUJBQVksR0FBVyxPQUFPLENBQUM7UUFFeEM7Ozs7Ozs7OztXQVNHO1FBQ00sc0JBQWlCLEdBQVksS0FBSyxDQUFDO0tBOEI3QztJQTVCQzs7O09BR0c7SUFDSCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDO0lBQzlCLENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxJQUFJO1FBQ1QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUs7UUFDVixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7NElBM0VVLDJCQUEyQjtnSUFBM0IsMkJBQTJCO3VCQUMzQixVQUFVOzs7Ozs7UUNadkIsZ0RBQStGO1FBQzdGLHlDQVFDO1FBQ0Msa0JBQWtFO1FBQ2xFLDhCQUF5RDtRQUN2RCxxQkFBdUQ7UUFDekQsaUJBQU07UUFDUixpQkFBYztRQUNkLDhCQUF3QztRQUN0QyxxQkFBOEM7UUFDOUMsOEJBQXlEO1FBQ3ZELHFCQUF5QjtRQUMzQixpQkFBTTtRQUNOLHNCQUF5RDtRQUMzRCxpQkFBTTtRQUNSLGlCQUF3Qjs7UUF0QlUsZ0RBQThCO1FBTzVELGVBQWdDO1FBQWhDLDZDQUFnQywrQkFBQTtRQUhoQywrQkFBYSxzQkFBQSxrQ0FBQTs7dUZET0osMkJBQTJCO2NBTHZDLFNBQVM7MkJBQ0UsdUJBQXVCO2dCQUtRLE9BQU87a0JBQS9DLFNBQVM7bUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtZQVc5QixJQUFJO2tCQUFaLEtBQUs7WUFZRyxNQUFNO2tCQUFkLEtBQUs7WUFVRyxZQUFZO2tCQUFwQixLQUFLO1lBWUcsaUJBQWlCO2tCQUF6QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTWF0U2lkZW5hdiwgTWF0RHJhd2VyVG9nZ2xlUmVzdWx0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5cbmltcG9ydCB7IElMYXlvdXRUb2dnbGFibGUgfSBmcm9tICcuLi9sYXlvdXQtdG9nZ2xlLmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGQtbGF5b3V0LW1hbmFnZS1saXN0JyxcbiAgc3R5bGVVcmxzOiBbJy4vbGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQtbWFuYWdlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUZExheW91dE1hbmFnZUxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBJTGF5b3V0VG9nZ2xhYmxlIHtcbiAgQFZpZXdDaGlsZChNYXRTaWRlbmF2LCB7IHN0YXRpYzogdHJ1ZSB9KSBzaWRlbmF2OiBNYXRTaWRlbmF2O1xuXG4gIC8qKlxuICAgKiBtb2RlPzogJ3NpZGUnLCAncHVzaCcgb3IgJ292ZXInXG4gICAqXG4gICAqIFRoZSBtb2RlIG9yIHN0eWxpbmcgb2YgdGhlIHNpZGVuYXYuXG4gICAqIERlZmF1bHRzIHRvIFwic2lkZVwiLlxuICAgKiBTZWUgXCJNYXRTaWRlbmF2XCIgZG9jdW1lbnRhdGlvbiBmb3IgbW9yZSBpbmZvLlxuICAgKlxuICAgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvdHJlZS9tYXN0ZXIvc3JjL2xpYi9zaWRlbmF2XG4gICAqL1xuICBASW5wdXQoKSBtb2RlOiAnc2lkZScgfCAncHVzaCcgfCAnb3ZlcicgPSAnc2lkZSc7XG5cbiAgLyoqXG4gICAqIG9wZW5lZD86IGJvb2xlYW5cbiAgICpcbiAgICogV2hldGhlciBvciBub3QgdGhlIHNpZGVuYXYgaXMgb3BlbmVkLiBVc2UgdGhpcyBiaW5kaW5nIHRvIG9wZW4vY2xvc2UgdGhlIHNpZGVuYXYuXG4gICAqIERlZmF1bHRzIHRvIFwidHJ1ZVwiLlxuICAgKlxuICAgKiBTZWUgXCJNYXRTaWRlbmF2XCIgZG9jdW1lbnRhdGlvbiBmb3IgbW9yZSBpbmZvLlxuICAgKlxuICAgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvdHJlZS9tYXN0ZXIvc3JjL2xpYi9zaWRlbmF2XG4gICAqL1xuICBASW5wdXQoKSBvcGVuZWQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBzaWRlbmF2V2lkdGg/OiBzdHJpbmdcbiAgICpcbiAgICogU2V0cyB0aGUgXCJ3aWR0aFwiIG9mIHRoZSBzaWRlbmF2IGluIGVpdGhlciBcInB4XCIgb3IgXCIlXCJcbiAgICogRGVmYXVsdHMgdG8gXCIyNTdweFwiLlxuICAgKlxuICAgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvdHJlZS9tYXN0ZXIvc3JjL2xpYi9zaWRlbmF2XG4gICAqL1xuICBASW5wdXQoKSBzaWRlbmF2V2lkdGg6IHN0cmluZyA9ICcyNTdweCc7XG5cbiAgLyoqXG4gICAqIGNvbnRhaW5lckF1dG9zaXplPzogYm9vbGVhblxuICAgKlxuICAgKiBTZXRzIFwiYXV0b3NpemVcIiBvZiB0aGUgc2lkZW5hdi1jb250YWluZXIuXG4gICAqIERlZmF1bHRzIHRvIFwiZmFsc2VcIi5cbiAgICpcbiAgICogU2VlIGRvY3VtZW50YXRpb24gZm9yIG1vcmUgaW5mbyBhbmQgcG90ZW50aWFsIHBlcmZvcm1hbmNlIHJpc2tzLlxuICAgKlxuICAgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvYmxvYi9tYXN0ZXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYubWQjcmVzaXppbmctYW4tb3Blbi1zaWRlbmF2XG4gICAqL1xuICBASW5wdXQoKSBjb250YWluZXJBdXRvc2l6ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBDaGVja3MgaWYgYEVTQ2Agc2hvdWxkIGNsb3NlIHRoZSBzaWRlbmF2XG4gICAqIFNob3VsZCBvbmx5IGNsb3NlIGl0IGZvciBgcHVzaGAgYW5kIGBvdmVyYCBtb2Rlc1xuICAgKi9cbiAgZ2V0IGRpc2FibGVDbG9zZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlID09PSAnc2lkZSc7XG4gIH1cblxuICAvKipcbiAgICogUHJveHkgdG9nZ2xlIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdGQtbGF5b3V0IHRlbXBsYXRlKS5cbiAgICovXG4gIHB1YmxpYyB0b2dnbGUoKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+IHtcbiAgICByZXR1cm4gdGhpcy5zaWRlbmF2LnRvZ2dsZSghdGhpcy5zaWRlbmF2Lm9wZW5lZCk7XG4gIH1cblxuICAvKipcbiAgICogUHJveHkgb3BlbiBtZXRob2QgdG8gYWNjZXNzIHNpZGVuYXYgZnJvbSBvdXRzaWRlIChmcm9tIHRkLWxheW91dCB0ZW1wbGF0ZSkuXG4gICAqL1xuICBwdWJsaWMgb3BlbigpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4ge1xuICAgIHJldHVybiB0aGlzLnNpZGVuYXYub3BlbigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFByb3h5IGNsb3NlIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdGQtbGF5b3V0IHRlbXBsYXRlKS5cbiAgICovXG4gIHB1YmxpYyBjbG9zZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4ge1xuICAgIHJldHVybiB0aGlzLnNpZGVuYXYuY2xvc2UoKTtcbiAgfVxufVxuIiwiPG1hdC1zaWRlbmF2LWNvbnRhaW5lciBmdWxsc2NyZWVuIFthdXRvc2l6ZV09XCJjb250YWluZXJBdXRvc2l6ZVwiIGNsYXNzPVwidGQtbGF5b3V0LW1hbmFnZS1saXN0XCI+XG4gIDxtYXQtc2lkZW5hdlxuICAgICNzaWRlbmF2XG4gICAgcG9zaXRpb249XCJzdGFydFwiXG4gICAgW21vZGVdPVwibW9kZVwiXG4gICAgW29wZW5lZF09XCJvcGVuZWRcIlxuICAgIFtkaXNhYmxlQ2xvc2VdPVwiZGlzYWJsZUNsb3NlXCJcbiAgICBbc3R5bGUubWF4LXdpZHRoXT1cInNpZGVuYXZXaWR0aFwiXG4gICAgW3N0eWxlLm1pbi13aWR0aF09XCJzaWRlbmF2V2lkdGhcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWF0LXRvb2xiYXJbdGQtc2lkZW5hdi1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwidGQtbGF5b3V0LW1hbmFnZS1saXN0LXNpZGVuYXZcIiBjZGtTY3JvbGxhYmxlPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RkLXNpZGVuYXYtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbWF0LXNpZGVuYXY+XG4gIDxkaXYgY2xhc3M9XCJ0ZC1sYXlvdXQtbWFuYWdlLWxpc3QtbWFpblwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdC10b29sYmFyXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJ0ZC1sYXlvdXQtbWFuYWdlLWxpc3QtY29udGVudFwiIGNka1Njcm9sbGFibGU+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidGQtbGF5b3V0LWZvb3Rlci1pbm5lclwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L21hdC1zaWRlbmF2LWNvbnRhaW5lcj5cbiJdfQ==

package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs

@@ -0,0 +1,90 @@
+import { Optional, Directive, Input, Renderer2, ElementRef, Inject, forwardRef } from '@angular/core';
+import { TdLayoutManageListComponent } from './layout-manage-list.component';
+import { BaseLayoutToggleDirective } from '../layout-toggle.class';
+import * as i0 from "@angular/core";
+import * as i1 from "./layout-manage-list.component";
+export class TdLayoutManageListToggleDirective extends BaseLayoutToggleDirective {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set tdLayoutManageListToggle(tdLayoutManageListToggle) {
+        this.disabled = !(tdLayoutManageListToggle === '' || tdLayoutManageListToggle);
+    }
+    onClick() {
+        this._layout.toggle();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListToggleDirective.ɵfac = function TdLayoutManageListToggleDirective_Factory(t) { return new (t || TdLayoutManageListToggleDirective)(i0.ɵɵdirectiveInject(forwardRef(() => TdLayoutManageListComponent), 8), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListToggleDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdLayoutManageListToggleDirective, selectors: [["", "tdLayoutManageListToggle", ""]], inputs: { hideWhenOpened: "hideWhenOpened", tdLayoutManageListToggle: "tdLayoutManageListToggle" }, features: [i0.ɵɵInheritDefinitionFeature] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutManageListToggleDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[tdLayoutManageListToggle]',
+                inputs: ['hideWhenOpened'],
+            }]
+    }], function () { return [{ type: i1.TdLayoutManageListComponent, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [forwardRef(() => TdLayoutManageListComponent)]
+            }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { tdLayoutManageListToggle: [{
+            type: Input,
+            args: ['tdLayoutManageListToggle']
+        }] }); })();
+export class TdLayoutManageListCloseDirective extends BaseLayoutToggleDirective {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set tdLayoutManageListClose(tdLayoutManageListClose) {
+        this.disabled = !(tdLayoutManageListClose === '' || tdLayoutManageListClose);
+    }
+    onClick() {
+        this._layout.close();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListCloseDirective.ɵfac = function TdLayoutManageListCloseDirective_Factory(t) { return new (t || TdLayoutManageListCloseDirective)(i0.ɵɵdirectiveInject(forwardRef(() => TdLayoutManageListComponent), 8), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListCloseDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdLayoutManageListCloseDirective, selectors: [["", "tdLayoutManageListClose", ""]], inputs: { hideWhenOpened: "hideWhenOpened", tdLayoutManageListClose: "tdLayoutManageListClose" }, features: [i0.ɵɵInheritDefinitionFeature] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutManageListCloseDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[tdLayoutManageListClose]',
+                inputs: ['hideWhenOpened'],
+            }]
+    }], function () { return [{ type: i1.TdLayoutManageListComponent, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [forwardRef(() => TdLayoutManageListComponent)]
+            }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { tdLayoutManageListClose: [{
+            type: Input,
+            args: ['tdLayoutManageListClose']
+        }] }); })();
+export class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set tdLayoutManageListOpen(tdLayoutManageListOpen) {
+        this.disabled = !(tdLayoutManageListOpen === '' || tdLayoutManageListOpen);
+    }
+    onClick() {
+        this._layout.open();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListOpenDirective.ɵfac = function TdLayoutManageListOpenDirective_Factory(t) { return new (t || TdLayoutManageListOpenDirective)(i0.ɵɵdirectiveInject(forwardRef(() => TdLayoutManageListComponent), 8), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+/** @nocollapse */ /** @nocollapse */ TdLayoutManageListOpenDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdLayoutManageListOpenDirective, selectors: [["", "tdLayoutManageListOpen", ""]], inputs: { hideWhenOpened: "hideWhenOpened", tdLayoutManageListOpen: "tdLayoutManageListOpen" }, features: [i0.ɵɵInheritDefinitionFeature] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutManageListOpenDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[tdLayoutManageListOpen]',
+                inputs: ['hideWhenOpened'],
+            }]
+    }], function () { return [{ type: i1.TdLayoutManageListComponent, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [forwardRef(() => TdLayoutManageListComponent)]
+            }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { tdLayoutManageListOpen: [{
+            type: Input,
+            args: ['tdLayoutManageListOpen']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW1hbmFnZS1saXN0LmRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvcGxhdGZvcm0vY29yZS9sYXlvdXQvbGF5b3V0LW1hbmFnZS1saXN0L2xheW91dC1tYW5hZ2UtbGlzdC5kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQU1uRSxNQUFNLE9BQU8saUNBQWtDLFNBQVEseUJBQXlCO0lBTTlFLFlBQ3FFLE1BQW1DLEVBQ3RHLFFBQW1CLEVBQ25CLFVBQXNCO1FBRXRCLEtBQUssQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFYRCxJQUNJLHdCQUF3QixDQUFDLHdCQUFpQztRQUM1RCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBTSx3QkFBd0IsS0FBSyxFQUFFLElBQUksd0JBQXdCLENBQUMsQ0FBQztJQUN0RixDQUFDO0lBVUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7d0pBaEJVLGlDQUFpQyx1QkFPdEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDJCQUEyQixDQUFDO3NJQVB4RCxpQ0FBaUM7dUZBQWpDLGlDQUFpQztjQUo3QyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtnQkFDdEMsTUFBTSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7YUFDM0I7O3NCQVFJLFFBQVE7O3NCQUFJLE1BQU07dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDJCQUEyQixDQUFDO3lFQUwvRCx3QkFBd0I7a0JBRDNCLEtBQUs7bUJBQUMsMEJBQTBCOztBQXNCbkMsTUFBTSxPQUFPLGdDQUFpQyxTQUFRLHlCQUF5QjtJQU03RSxZQUNxRSxNQUFtQyxFQUN0RyxRQUFtQixFQUNuQixVQUFzQjtRQUV0QixLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBWEQsSUFDSSx1QkFBdUIsQ0FBQyx1QkFBZ0M7UUFDMUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQU0sdUJBQXVCLEtBQUssRUFBRSxJQUFJLHVCQUF1QixDQUFDLENBQUM7SUFDcEYsQ0FBQztJQVVELE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3ZCLENBQUM7O3NKQWhCVSxnQ0FBZ0MsdUJBT3JCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztxSUFQeEQsZ0NBQWdDO3VGQUFoQyxnQ0FBZ0M7Y0FKNUMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSwyQkFBMkI7Z0JBQ3JDLE1BQU0sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2FBQzNCOztzQkFRSSxRQUFROztzQkFBSSxNQUFNO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQzt5RUFML0QsdUJBQXVCO2tCQUQxQixLQUFLO21CQUFDLHlCQUF5Qjs7QUFzQmxDLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSx5QkFBeUI7SUFNNUUsWUFDcUUsTUFBbUMsRUFDdEcsUUFBbUIsRUFDbkIsVUFBc0I7UUFFdEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQVhELElBQ0ksc0JBQXNCLENBQUMsc0JBQStCO1FBQ3hELElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFNLHNCQUFzQixLQUFLLEVBQUUsSUFBSSxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xGLENBQUM7SUFVRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOztvSkFoQlUsK0JBQStCLHVCQU9wQixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0lBUHhELCtCQUErQjt1RkFBL0IsK0JBQStCO2NBSjNDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsMEJBQTBCO2dCQUNwQyxNQUFNLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzthQUMzQjs7c0JBUUksUUFBUTs7c0JBQUksTUFBTTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7eUVBTC9ELHNCQUFzQjtrQkFEekIsS0FBSzttQkFBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPcHRpb25hbCwgRGlyZWN0aXZlLCBJbnB1dCwgUmVuZGVyZXIyLCBFbGVtZW50UmVmLCBJbmplY3QsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRkTGF5b3V0TWFuYWdlTGlzdENvbXBvbmVudCB9IGZyb20gJy4vbGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCYXNlTGF5b3V0VG9nZ2xlRGlyZWN0aXZlIH0gZnJvbSAnLi4vbGF5b3V0LXRvZ2dsZS5jbGFzcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0ZExheW91dE1hbmFnZUxpc3RUb2dnbGVdJyxcbiAgaW5wdXRzOiBbJ2hpZGVXaGVuT3BlbmVkJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZURpcmVjdGl2ZSBleHRlbmRzIEJhc2VMYXlvdXRUb2dnbGVEaXJlY3RpdmUge1xuICBASW5wdXQoJ3RkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZScpXG4gIHNldCB0ZExheW91dE1hbmFnZUxpc3RUb2dnbGUodGRMYXlvdXRNYW5hZ2VMaXN0VG9nZ2xlOiBib29sZWFuKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9ICEoPGFueT50ZExheW91dE1hbmFnZUxpc3RUb2dnbGUgPT09ICcnIHx8IHRkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZSk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gVGRMYXlvdXRNYW5hZ2VMaXN0Q29tcG9uZW50KSkgbGF5b3V0OiBUZExheW91dE1hbmFnZUxpc3RDb21wb25lbnQsXG4gICAgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICApIHtcbiAgICBzdXBlcihsYXlvdXQsIHJlbmRlcmVyLCBlbGVtZW50UmVmKTtcbiAgfVxuXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5fbGF5b3V0LnRvZ2dsZSgpO1xuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0ZExheW91dE1hbmFnZUxpc3RDbG9zZV0nLFxuICBpbnB1dHM6IFsnaGlkZVdoZW5PcGVuZWQnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGRMYXlvdXRNYW5hZ2VMaXN0Q2xvc2VEaXJlY3RpdmUgZXh0ZW5kcyBCYXNlTGF5b3V0VG9nZ2xlRGlyZWN0aXZlIHtcbiAgQElucHV0KCd0ZExheW91dE1hbmFnZUxpc3RDbG9zZScpXG4gIHNldCB0ZExheW91dE1hbmFnZUxpc3RDbG9zZSh0ZExheW91dE1hbmFnZUxpc3RDbG9zZTogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSAhKDxhbnk+dGRMYXlvdXRNYW5hZ2VMaXN0Q2xvc2UgPT09ICcnIHx8IHRkTGF5b3V0TWFuYWdlTGlzdENsb3NlKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUZExheW91dE1hbmFnZUxpc3RDb21wb25lbnQpKSBsYXlvdXQ6IFRkTGF5b3V0TWFuYWdlTGlzdENvbXBvbmVudCxcbiAgICByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICkge1xuICAgIHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xuICB9XG5cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLl9sYXlvdXQuY2xvc2UoKTtcbiAgfVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbdGRMYXlvdXRNYW5hZ2VMaXN0T3Blbl0nLFxuICBpbnB1dHM6IFsnaGlkZVdoZW5PcGVuZWQnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGRMYXlvdXRNYW5hZ2VMaXN0T3BlbkRpcmVjdGl2ZSBleHRlbmRzIEJhc2VMYXlvdXRUb2dnbGVEaXJlY3RpdmUge1xuICBASW5wdXQoJ3RkTGF5b3V0TWFuYWdlTGlzdE9wZW4nKVxuICBzZXQgdGRMYXlvdXRNYW5hZ2VMaXN0T3Blbih0ZExheW91dE1hbmFnZUxpc3RPcGVuOiBib29sZWFuKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9ICEoPGFueT50ZExheW91dE1hbmFnZUxpc3RPcGVuID09PSAnJyB8fCB0ZExheW91dE1hbmFnZUxpc3RPcGVuKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUZExheW91dE1hbmFnZUxpc3RDb21wb25lbnQpKSBsYXlvdXQ6IFRkTGF5b3V0TWFuYWdlTGlzdENvbXBvbmVudCxcbiAgICByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICkge1xuICAgIHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xuICB9XG5cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLl9sYXlvdXQub3BlbigpO1xuICB9XG59XG4iXX0=

package/esm2020/layout/layout-nav/layout-nav.component.mjs

@@ -0,0 +1,112 @@
+import { Component, Input, Optional } from '@angular/core';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/material/toolbar";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/cdk/scrolling";
+function TdLayoutNavComponent_span_3_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.icon);
+} }
+function TdLayoutNavComponent_span_3_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 7);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("svgIcon", ctx_r2.logo);
+} }
+function TdLayoutNavComponent_span_3_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r3.toolbarTitle);
+} }
+function TdLayoutNavComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵlistener("click", function TdLayoutNavComponent_span_3_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.handleNavigationClick(); });
+    i0.ɵɵtemplate(1, TdLayoutNavComponent_span_3_mat_icon_1_Template, 2, 1, "mat-icon", 5);
+    i0.ɵɵtemplate(2, TdLayoutNavComponent_span_3_mat_icon_2_Template, 1, 1, "mat-icon", 6);
+    i0.ɵɵtemplate(3, TdLayoutNavComponent_span_3_span_3_Template, 2, 1, "span", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("cursor-pointer", ctx_r0.routerEnabled);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.icon);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.logo && !ctx_r0.icon);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.toolbarTitle);
+} }
+const _c0 = [[["", "td-menu-button", ""]], [["", "td-toolbar-content", ""]], "*", [["td-layout-footer"]]];
+const _c1 = ["[td-menu-button]", "[td-toolbar-content]", "*", "td-layout-footer"];
+export class TdLayoutNavComponent {
+    constructor(_router) {
+        this._router = _router;
+        /**
+         * color?: 'accent' | 'primary' | 'warn'
+         *
+         * toolbar color option: primary | accent | warn.
+         * If [color] is not set, primary is used.
+         */
+        this.color = 'primary';
+    }
+    /**
+     * Checks if router was injected.
+     */
+    get routerEnabled() {
+        return !!this._router && !!this.navigationRoute;
+    }
+    handleNavigationClick() {
+        if (this.routerEnabled) {
+            this._router.navigateByUrl(this.navigationRoute);
+        }
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdLayoutNavComponent.ɵfac = function TdLayoutNavComponent_Factory(t) { return new (t || TdLayoutNavComponent)(i0.ɵɵdirectiveInject(i1.Router, 8)); };
+/** @nocollapse */ /** @nocollapse */ TdLayoutNavComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdLayoutNavComponent, selectors: [["td-layout-nav"]], inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", navigationRoute: "navigationRoute" }, ngContentSelectors: _c1, decls: 8, vars: 2, consts: [[1, "td-layout-nav-wrapper"], [1, "td-layout-toolbar", 3, "color"], ["class", "td-layout-nav-toolbar-content", 3, "cursor-pointer", "click", 4, "ngIf"], ["cdkScrollable", "", 1, "td-layout-nav-content"], [1, "td-layout-nav-toolbar-content", 3, "click"], [4, "ngIf"], ["class", "mat-icon-logo", 3, "svgIcon", 4, "ngIf"], [1, "mat-icon-logo", 3, "svgIcon"]], template: function TdLayoutNavComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "mat-toolbar", 1);
+        i0.ɵɵprojection(2);
+        i0.ɵɵtemplate(3, TdLayoutNavComponent_span_3_Template, 4, 5, "span", 2);
+        i0.ɵɵprojection(4, 1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(5, "div", 3);
+        i0.ɵɵprojection(6, 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵprojection(7, 3);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("color", ctx.color);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.icon || ctx.logo || ctx.toolbarTitle);
+    } }, directives: [i2.MatToolbar, i3.NgIf, i4.MatIcon, i5.CdkScrollable], styles: [".td-menu-button[_ngcontent-%COMP%]{margin-left:0}  [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}[_nghost-%COMP%]{display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}[_nghost-%COMP%]   .td-layout-nav-wrapper[_ngcontent-%COMP%]{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%}[_nghost-%COMP%]   .td-layout-nav-wrapper[_ngcontent-%COMP%]   .td-layout-nav-toolbar-content[_ngcontent-%COMP%]{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}[_nghost-%COMP%]   .td-layout-nav-wrapper[_ngcontent-%COMP%]   .td-layout-nav-content[_ngcontent-%COMP%]{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutNavComponent, [{
+        type: Component,
+        args: [{ selector: 'td-layout-nav', template: "<div class=\"td-layout-nav-wrapper\">\n  <mat-toolbar class=\"td-layout-toolbar\" [color]=\"color\">\n    <ng-content select=\"[td-menu-button]\"></ng-content>\n    <span\n      *ngIf=\"icon || logo || toolbarTitle\"\n      [class.cursor-pointer]=\"routerEnabled\"\n      (click)=\"handleNavigationClick()\"\n      class=\"td-layout-nav-toolbar-content\"\n    >\n      <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n      <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n      <span *ngIf=\"toolbarTitle\">{{ toolbarTitle }}</span>\n    </span>\n    <ng-content select=\"[td-toolbar-content]\"></ng-content>\n  </mat-toolbar>\n  <div class=\"td-layout-nav-content\" cdkScrollable>\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"td-layout-footer\"></ng-content>\n</div>\n", styles: [".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}:host{display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}:host .td-layout-nav-wrapper .td-layout-nav-content{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}\n"] }]
+    }], function () { return [{ type: i1.Router, decorators: [{
+                type: Optional
+            }] }]; }, { toolbarTitle: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }], logo: [{
+            type: Input
+        }], color: [{
+            type: Input
+        }], navigationRoute: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvcGxhdGZvcm0vY29yZS9sYXlvdXQvbGF5b3V0LW5hdi9sYXlvdXQtbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL2xheW91dC9sYXlvdXQtbmF2L2xheW91dC1uYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWMsUUFBUSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7Ozs7SUNRbkMsZ0NBQXVCO0lBQUEsWUFBVTtJQUFBLGlCQUFXOzs7SUFBckIsZUFBVTtJQUFWLGlDQUFVOzs7SUFDakMsOEJBQWtGOzs7SUFBNUIscUNBQWdCOzs7SUFDdEUsNEJBQTJCO0lBQUEsWUFBa0I7SUFBQSxpQkFBTzs7O0lBQXpCLGVBQWtCO0lBQWxCLHlDQUFrQjs7OztJQVIvQywrQkFLQztJQUZDLGdLQUFTLDhCQUF1QixJQUFDO0lBR2pDLHNGQUE0QztJQUM1QyxzRkFBa0Y7SUFDbEYsOEVBQW9EO0lBQ3RELGlCQUFPOzs7SUFQTCxzREFBc0M7SUFJM0IsZUFBVTtJQUFWLGtDQUFVO0lBQ1YsZUFBbUI7SUFBbkIsa0RBQW1CO0lBQ3ZCLGVBQWtCO0lBQWxCLDBDQUFrQjs7OztBREYvQixNQUFNLE9BQU8sb0JBQW9CO0lBNkMvQixZQUFnQyxPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQXRCL0M7Ozs7O1dBS0c7UUFDTSxVQUFLLEdBQWtDLFNBQVMsQ0FBQztJQWdCUixDQUFDO0lBUG5EOztPQUVHO0lBQ0gsSUFBSSxhQUFhO1FBQ2YsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNsRCxDQUFDO0lBSUQscUJBQXFCO1FBQ25CLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDbEQ7SUFDSCxDQUFDOzs4SEFuRFUsb0JBQW9CO3lIQUFwQixvQkFBb0I7O1FDVGpDLDhCQUFtQztRQUNqQyxzQ0FBdUQ7UUFDckQsa0JBQW1EO1FBQ25ELHVFQVNPO1FBQ1AscUJBQXVEO1FBQ3pELGlCQUFjO1FBQ2QsOEJBQWlEO1FBQy9DLHFCQUF5QjtRQUMzQixpQkFBTTtRQUNOLHFCQUFtRDtRQUNyRCxpQkFBTTs7UUFsQm1DLGVBQWU7UUFBZixpQ0FBZTtRQUdqRCxlQUFrQztRQUFsQywrREFBa0M7O3VGREs1QixvQkFBb0I7Y0FMaEMsU0FBUzsyQkFDRSxlQUFlOztzQkFpRFosUUFBUTt3QkF2Q1osWUFBWTtrQkFBcEIsS0FBSztZQU9HLElBQUk7a0JBQVosS0FBSztZQVFHLElBQUk7a0JBQVosS0FBSztZQVFHLEtBQUs7a0JBQWIsS0FBSztZQU9HLGVBQWU7a0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmLCBPcHRpb25hbCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgVGRMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuLi9sYXlvdXQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGQtbGF5b3V0LW5hdicsXG4gIHN0eWxlVXJsczogWycuL2xheW91dC1uYXYuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2xheW91dC1uYXYuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUZExheW91dE5hdkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiB0b29sYmFyVGl0bGU/OiBzdHJpbmdcbiAgICpcbiAgICogVGl0bGUgc2V0IGluIHRvb2xiYXIuXG4gICAqL1xuICBASW5wdXQoKSB0b29sYmFyVGl0bGU6IHN0cmluZztcblxuICAvKipcbiAgICogaWNvbj86IHN0cmluZ1xuICAgKlxuICAgKiBpY29uIG5hbWUgdG8gYmUgZGlzcGxheWVkIGJlZm9yZSB0aGUgdGl0bGVcbiAgICovXG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcblxuICAvKipcbiAgICogbG9nbz86IHN0cmluZ1xuICAgKlxuICAgKiBsb2dvIGljb24gbmFtZSB0byBiZSBkaXNwbGF5ZWQgYmVmb3JlIHRoZSB0aXRsZS5cbiAgICogSWYgW2ljb25dIGlzIHNldCwgdGhlbiB0aGlzIHdpbGwgbm90IGJlIHNob3duLlxuICAgKi9cbiAgQElucHV0KCkgbG9nbzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBjb2xvcj86ICdhY2NlbnQnIHwgJ3ByaW1hcnknIHwgJ3dhcm4nXG4gICAqXG4gICAqIHRvb2xiYXIgY29sb3Igb3B0aW9uOiBwcmltYXJ5IHwgYWNjZW50IHwgd2Fybi5cbiAgICogSWYgW2NvbG9yXSBpcyBub3Qgc2V0LCBwcmltYXJ5IGlzIHVzZWQuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogJ2FjY2VudCcgfCAncHJpbWFyeScgfCAnd2FybicgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIG5hdmlnYXRpb25Sb3V0ZT86IHN0cmluZ1xuICAgKlxuICAgKiBvcHRpb24gdG8gc2V0IHRoZSBjb21iaW5lZCByb3V0ZSBmb3IgdGhlIGljb24sIGxvZ28sIGFuZCB0b29sYmFyVGl0bGUuXG4gICAqL1xuICBASW5wdXQoKSBuYXZpZ2F0aW9uUm91dGU6IHN0cmluZztcblxuICAvKipcbiAgICogQ2hlY2tzIGlmIHJvdXRlciB3YXMgaW5qZWN0ZWQuXG4gICAqL1xuICBnZXQgcm91dGVyRW5hYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLl9yb3V0ZXIgJiYgISF0aGlzLm5hdmlnYXRpb25Sb3V0ZTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7fVxuXG4gIGhhbmRsZU5hdmlnYXRpb25DbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5yb3V0ZXJFbmFibGVkKSB7XG4gICAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLm5hdmlnYXRpb25Sb3V0ZSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGQtbGF5b3V0LW5hdi13cmFwcGVyXCI+XG4gIDxtYXQtdG9vbGJhciBjbGFzcz1cInRkLWxheW91dC10b29sYmFyXCIgW2NvbG9yXT1cImNvbG9yXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RkLW1lbnUtYnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgICA8c3BhblxuICAgICAgKm5nSWY9XCJpY29uIHx8IGxvZ28gfHwgdG9vbGJhclRpdGxlXCJcbiAgICAgIFtjbGFzcy5jdXJzb3ItcG9pbnRlcl09XCJyb3V0ZXJFbmFibGVkXCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVOYXZpZ2F0aW9uQ2xpY2soKVwiXG4gICAgICBjbGFzcz1cInRkLWxheW91dC1uYXYtdG9vbGJhci1jb250ZW50XCJcbiAgICA+XG4gICAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uXCI+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8bWF0LWljb24gKm5nSWY9XCJsb2dvICYmICFpY29uXCIgY2xhc3M9XCJtYXQtaWNvbi1sb2dvXCIgW3N2Z0ljb25dPVwibG9nb1wiPjwvbWF0LWljb24+XG4gICAgICA8c3BhbiAqbmdJZj1cInRvb2xiYXJUaXRsZVwiPnt7IHRvb2xiYXJUaXRsZSB9fTwvc3Bhbj5cbiAgICA8L3NwYW4+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RkLXRvb2xiYXItY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbWF0LXRvb2xiYXI+XG4gIDxkaXYgY2xhc3M9XCJ0ZC1sYXlvdXQtbmF2LWNvbnRlbnRcIiBjZGtTY3JvbGxhYmxlPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInRkLWxheW91dC1mb290ZXJcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs

@@ -0,0 +1,215 @@
+import { Component, Input, ViewChild, Optional } from '@angular/core';
+import { Router } from '@angular/router';
+import { MatSidenav } from '@angular/material/sidenav';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/material/sidenav";
+import * as i3 from "@angular/material/toolbar";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/cdk/scrolling";
+function TdLayoutNavListComponent_span_6_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.icon);
+} }
+function TdLayoutNavListComponent_span_6_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-icon", 11);
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("svgIcon", ctx_r3.logo);
+} }
+function TdLayoutNavListComponent_span_6_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r4.toolbarTitle);
+} }
+function TdLayoutNavListComponent_span_6_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵlistener("click", function TdLayoutNavListComponent_span_6_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.handleNavigationClick(); });
+    i0.ɵɵtemplate(1, TdLayoutNavListComponent_span_6_mat_icon_1_Template, 2, 1, "mat-icon", 9);
+    i0.ɵɵtemplate(2, TdLayoutNavListComponent_span_6_mat_icon_2_Template, 1, 1, "mat-icon", 10);
+    i0.ɵɵtemplate(3, TdLayoutNavListComponent_span_6_span_3_Template, 2, 1, "span", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("cursor-pointer", ctx_r1.routerEnabled);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.icon);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.logo && !ctx_r1.icon);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.toolbarTitle);
+} }
+const _c0 = [[["", "td-menu-button", ""]], [["", "td-sidenav-toolbar-content", ""]], [["", "td-sidenav-content", ""]], [["", "td-toolbar-content", ""]], "*", [["td-layout-footer-inner"]], [["td-layout-footer"]]];
+const _c1 = ["[td-menu-button]", "[td-sidenav-toolbar-content]", "[td-sidenav-content]", "[td-toolbar-content]", "*", "td-layout-footer-inner", "td-layout-footer"];
+export class TdLayoutNavListComponent {
+    constructor(_router) {
+        this._router = _router;
+        /**
+         * color?: 'accent' | 'primary' | 'warn'
+         *
+         * toolbar color option: primary | accent | warn.
+         * If [color] is not set, primary is used.
+         */
+        this.color = 'primary';
+        /**
+         * mode?: 'side', 'push' or 'over'
+         *
+         * The mode or styling of the sidenav.
+         * Defaults to "side".
+         * See "MatSidenav" documentation for more info.
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.mode = 'side';
+        /**
+         * opened?: boolean
+         * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+         * Defaults to "true".
+         *
+         * See "MatSidenav" documentation for more info.
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.opened = true;
+        /**
+         * sidenavWidth?: string
+         *
+         * Sets the "width" of the sidenav in either "px" or "%"
+         * Defaults to "350px".
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.sidenavWidth = '350px';
+        /**
+         * containerAutosize?: boolean
+         *
+         * Sets "autosize" of the sidenav-container.
+         * Defaults to "false".
+         *
+         * See documentation for more info and potential performance risks.
+         *
+         * https://github.com/angular/material2/blob/master/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav
+         */
+        this.containerAutosize = false;
+    }
+    /**
+     * Checks if `ESC` should close the sidenav
+     * Should only close it for `push` and `over` modes
+     */
+    get disableClose() {
+        return this.mode === 'side';
+    }
+    /**
+     * Checks if router was injected.
+     */
+    get routerEnabled() {
+        return !!this._router && !!this.navigationRoute;
+    }
+    handleNavigationClick() {
+        if (this.routerEnabled) {
+            this._router.navigateByUrl(this.navigationRoute);
+        }
+    }
+    /**
+     * Proxy toggle method to access sidenav from outside (from td-layout template).
+     */
+    toggle() {
+        return this.sidenav.toggle(!this.sidenav.opened);
+    }
+    /**
+     * Proxy open method to access sidenav from outside (from td-layout template).
+     */
+    open() {
+        return this.sidenav.open();
+    }
+    /**
+     * Proxy close method to access sidenav from outside (from td-layout template).
+     */
+    close() {
+        return this.sidenav.close();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdLayoutNavListComponent.ɵfac = function TdLayoutNavListComponent_Factory(t) { return new (t || TdLayoutNavListComponent)(i0.ɵɵdirectiveInject(i1.Router, 8)); };
+/** @nocollapse */ /** @nocollapse */ TdLayoutNavListComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdLayoutNavListComponent, selectors: [["td-layout-nav-list"]], viewQuery: function TdLayoutNavListComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(MatSidenav, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sidenav = _t.first);
+    } }, inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", containerAutosize: "containerAutosize", navigationRoute: "navigationRoute" }, ngContentSelectors: _c1, decls: 17, vars: 11, consts: [[1, "td-layout-nav-list-wrapper"], ["fullscreen", "", 1, "td-layout-nav-list", 3, "autosize"], ["position", "start", 3, "mode", "opened", "disableClose"], ["sidenav", ""], [1, "td-layout-toolbar", 3, "color"], ["class", "td-layout-nav-list-toolbar-content", 3, "cursor-pointer", "click", 4, "ngIf"], ["cdkScrollable", "", 1, "td-layout-nav-list-content"], [1, "td-layout-nav-list-main"], [1, "td-layout-nav-list-toolbar-content", 3, "click"], [4, "ngIf"], ["class", "mat-icon-logo", 3, "svgIcon", 4, "ngIf"], [1, "mat-icon-logo", 3, "svgIcon"]], template: function TdLayoutNavListComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0);
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "mat-sidenav-container", 1);
+        i0.ɵɵelementStart(2, "mat-sidenav", 2, 3);
+        i0.ɵɵelementStart(4, "mat-toolbar", 4);
+        i0.ɵɵprojection(5);
+        i0.ɵɵtemplate(6, TdLayoutNavListComponent_span_6_Template, 4, 5, "span", 5);
+        i0.ɵɵprojection(7, 1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(8, "div", 6);
+        i0.ɵɵprojection(9, 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(10, "div", 7);
+        i0.ɵɵelementStart(11, "mat-toolbar", 4);
+        i0.ɵɵprojection(12, 3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(13, "div", 6);
+        i0.ɵɵprojection(14, 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵprojection(15, 5);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵprojection(16, 6);
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("autosize", ctx.containerAutosize);
+        i0.ɵɵadvance(1);
+        i0.ɵɵstyleProp("max-width", ctx.sidenavWidth)("min-width", ctx.sidenavWidth);
+        i0.ɵɵproperty("mode", ctx.mode)("opened", ctx.opened)("disableClose", ctx.disableClose);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("color", ctx.color);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.icon || ctx.logo || ctx.toolbarTitle);
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("color", ctx.color);
+    } }, directives: [i2.MatSidenavContainer, i2.MatSidenav, i3.MatToolbar, i4.NgIf, i5.MatIcon, i6.CdkScrollable], styles: ["[_nghost-%COMP%]{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%] > .mat-sidenav-container[_ngcontent-%COMP%] > mat-sidenav.mat-drawer-side[_ngcontent-%COMP%]{border-right:0}[dir=rtl]   [_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%] > .mat-sidenav-container[_ngcontent-%COMP%] > mat-sidenav.mat-drawer-side[_ngcontent-%COMP%]{border-left:0}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   .td-layout-nav-list-toolbar-content[_ngcontent-%COMP%]{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   .td-layout-nav-list-content[_ngcontent-%COMP%]{text-align:start;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   .td-layout-nav-list-main[_ngcontent-%COMP%]{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   .td-layout-nav-list-main[_ngcontent-%COMP%]   .td-layout-nav-list-content[_ngcontent-%COMP%]{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex:1;flex:1}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   mat-sidenav-container.td-layout-nav-list[_ngcontent-%COMP%]{-ms-flex:1;flex:1}[_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   mat-sidenav-container.td-layout-nav-list[_ngcontent-%COMP%] > mat-sidenav.mat-drawer-opened[_ngcontent-%COMP%], [_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   mat-sidenav-container.td-layout-nav-list[_ngcontent-%COMP%] > mat-sidenav.mat-drawer-opening[_ngcontent-%COMP%], [_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   mat-sidenav-container.td-layout-nav-list[_ngcontent-%COMP%] > mat-sidenav.mat-drawer-closed[_ngcontent-%COMP%], [_nghost-%COMP%]   .td-layout-nav-list-wrapper[_ngcontent-%COMP%]   mat-sidenav-container.td-layout-nav-list[_ngcontent-%COMP%] > mat-sidenav.mat-drawer-closing[_ngcontent-%COMP%]{box-shadow:none}[_nghost-%COMP%]     mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}[_nghost-%COMP%]     mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutNavListComponent, [{
+        type: Component,
+        args: [{ selector: 'td-layout-nav-list', template: "<div class=\"td-layout-nav-list-wrapper\">\n  <mat-sidenav-container fullscreen [autosize]=\"containerAutosize\" class=\"td-layout-nav-list\">\n    <mat-sidenav\n      #sidenav\n      position=\"start\"\n      [mode]=\"mode\"\n      [opened]=\"opened\"\n      [disableClose]=\"disableClose\"\n      [style.max-width]=\"sidenavWidth\"\n      [style.min-width]=\"sidenavWidth\"\n    >\n      <mat-toolbar class=\"td-layout-toolbar\" [color]=\"color\">\n        <ng-content select=\"[td-menu-button]\"></ng-content>\n        <span\n          *ngIf=\"icon || logo || toolbarTitle\"\n          class=\"td-layout-nav-list-toolbar-content\"\n          [class.cursor-pointer]=\"routerEnabled\"\n          (click)=\"handleNavigationClick()\"\n        >\n          <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n          <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n          <span *ngIf=\"toolbarTitle\">{{ toolbarTitle }}</span>\n        </span>\n        <ng-content select=\"[td-sidenav-toolbar-content]\"></ng-content>\n      </mat-toolbar>\n      <div class=\"td-layout-nav-list-content\" cdkScrollable>\n        <ng-content select=\"[td-sidenav-content]\"></ng-content>\n      </div>\n    </mat-sidenav>\n    <div class=\"td-layout-nav-list-main\">\n      <mat-toolbar class=\"td-layout-toolbar\" [color]=\"color\">\n        <ng-content select=\"[td-toolbar-content]\"></ng-content>\n      </mat-toolbar>\n      <div class=\"td-layout-nav-list-content\" cdkScrollable>\n        <ng-content></ng-content>\n      </div>\n      <ng-content select=\"td-layout-footer-inner\"></ng-content>\n    </div>\n  </mat-sidenav-container>\n</div>\n<ng-content select=\"td-layout-footer\"></ng-content>\n", styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-right:0}[dir=rtl] :host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-left:0}:host .td-layout-nav-list-wrapper{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-content{text-align:start;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opening,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closing{box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}\n"] }]
+    }], function () { return [{ type: i1.Router, decorators: [{
+                type: Optional
+            }] }]; }, { sidenav: [{
+            type: ViewChild,
+            args: [MatSidenav, { static: true }]
+        }], toolbarTitle: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }], logo: [{
+            type: Input
+        }], color: [{
+            type: Input
+        }], mode: [{
+            type: Input
+        }], opened: [{
+            type: Input
+        }], sidenavWidth: [{
+            type: Input
+        }], containerAutosize: [{
+            type: Input
+        }], navigationRoute: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL2xheW91dC9sYXlvdXQtbmF2LWxpc3QvbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9wbGF0Zm9ybS9jb3JlL2xheW91dC9sYXlvdXQtbmF2LWxpc3QvbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpDLE9BQU8sRUFBRSxVQUFVLEVBQXlCLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7OztJQ2dCcEUsZ0NBQXVCO0lBQUEsWUFBVTtJQUFBLGlCQUFXOzs7SUFBckIsZUFBVTtJQUFWLGlDQUFVOzs7SUFDakMsK0JBQWtGOzs7SUFBNUIscUNBQWdCOzs7SUFDdEUsNEJBQTJCO0lBQUEsWUFBa0I7SUFBQSxpQkFBTzs7O0lBQXpCLGVBQWtCO0lBQWxCLHlDQUFrQjs7OztJQVIvQywrQkFLQztJQURDLG9LQUFTLDhCQUF1QixJQUFDO0lBRWpDLDBGQUE0QztJQUM1QywyRkFBa0Y7SUFDbEYsa0ZBQW9EO0lBQ3RELGlCQUFPOzs7SUFOTCxzREFBc0M7SUFHM0IsZUFBVTtJQUFWLGtDQUFVO0lBQ1YsZUFBbUI7SUFBbkIsa0RBQW1CO0lBQ3ZCLGVBQWtCO0lBQWxCLDBDQUFrQjs7OztBRFRuQyxNQUFNLE9BQU8sd0JBQXdCO0lBa0duQyxZQUFnQyxPQUFlO1FBQWYsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQTFFL0M7Ozs7O1dBS0c7UUFDTSxVQUFLLEdBQWtDLFNBQVMsQ0FBQztRQUUxRDs7Ozs7Ozs7V0FRRztRQUNNLFNBQUksR0FBNkIsTUFBTSxDQUFDO1FBRWpEOzs7Ozs7OztXQVFHO1FBQ00sV0FBTSxHQUFZLElBQUksQ0FBQztRQUVoQzs7Ozs7OztXQU9HO1FBQ00saUJBQVksR0FBVyxPQUFPLENBQUM7UUFFeEM7Ozs7Ozs7OztXQVNHO1FBQ00sc0JBQWlCLEdBQVksS0FBSyxDQUFDO0lBd0JNLENBQUM7SUFmbkQ7OztPQUdHO0lBQ0gsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQztJQUM5QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLGFBQWE7UUFDZixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQ2xELENBQUM7SUFJRCxxQkFBcUI7UUFDbkIsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUNsRDtJQUNILENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxJQUFJO1FBQ1QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUs7UUFDVixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7c0lBN0hVLHdCQUF3Qjs2SEFBeEIsd0JBQXdCO3VCQUN4QixVQUFVOzs7Ozs7UUNidkIsOEJBQXdDO1FBQ3RDLGdEQUE0RjtRQUMxRix5Q0FRQztRQUNDLHNDQUF1RDtRQUNyRCxrQkFBbUQ7UUFDbkQsMkVBU087UUFDUCxxQkFBK0Q7UUFDakUsaUJBQWM7UUFDZCw4QkFBc0Q7UUFDcEQscUJBQXVEO1FBQ3pELGlCQUFNO1FBQ1IsaUJBQWM7UUFDZCwrQkFBcUM7UUFDbkMsdUNBQXVEO1FBQ3JELHNCQUF1RDtRQUN6RCxpQkFBYztRQUNkLCtCQUFzRDtRQUNwRCxzQkFBeUI7UUFDM0IsaUJBQU07UUFDTixzQkFBeUQ7UUFDM0QsaUJBQU07UUFDUixpQkFBd0I7UUFDMUIsaUJBQU07UUFDTixzQkFBbUQ7O1FBdkNmLGVBQThCO1FBQTlCLGdEQUE4QjtRQU81RCxlQUFnQztRQUFoQyw2Q0FBZ0MsK0JBQUE7UUFIaEMsK0JBQWEsc0JBQUEsa0NBQUE7UUFNMEIsZUFBZTtRQUFmLGlDQUFlO1FBR2pELGVBQWtDO1FBQWxDLCtEQUFrQztRQWdCQSxlQUFlO1FBQWYsaUNBQWU7O3VGRGxCL0Msd0JBQXdCO2NBTHBDLFNBQVM7MkJBQ0Usb0JBQW9COztzQkFzR2pCLFFBQVE7d0JBakdvQixPQUFPO2tCQUEvQyxTQUFTO21CQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7WUFPOUIsWUFBWTtrQkFBcEIsS0FBSztZQU1HLElBQUk7a0JBQVosS0FBSztZQVFHLElBQUk7a0JBQVosS0FBSztZQVFHLEtBQUs7a0JBQWIsS0FBSztZQVdHLElBQUk7a0JBQVosS0FBSztZQVdHLE1BQU07a0JBQWQsS0FBSztZQVVHLFlBQVk7a0JBQXBCLEtBQUs7WUFZRyxpQkFBaUI7a0JBQXpCLEtBQUs7WUFPRyxlQUFlO2tCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkLCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHsgTWF0U2lkZW5hdiwgTWF0RHJhd2VyVG9nZ2xlUmVzdWx0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5cbmltcG9ydCB7IElMYXlvdXRUb2dnbGFibGUgfSBmcm9tICcuLi9sYXlvdXQtdG9nZ2xlLmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGQtbGF5b3V0LW5hdi1saXN0JyxcbiAgc3R5bGVVcmxzOiBbJy4vbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQtbmF2LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUZExheW91dE5hdkxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBJTGF5b3V0VG9nZ2xhYmxlIHtcbiAgQFZpZXdDaGlsZChNYXRTaWRlbmF2LCB7IHN0YXRpYzogdHJ1ZSB9KSBzaWRlbmF2OiBNYXRTaWRlbmF2O1xuXG4gIC8qKlxuICAgKiB0b29sYmFyVGl0bGU/OiBzdHJpbmdcbiAgICpcbiAgICogVGl0bGUgc2V0IGluIHRvb2xiYXIuXG4gICAqL1xuICBASW5wdXQoKSB0b29sYmFyVGl0bGU6IHN0cmluZztcblxuICAvKipcbiAgICogaWNvbj86IHN0cmluZ1xuICAgKiBpY29uIG5hbWUgdG8gYmUgZGlzcGxheWVkIGJlZm9yZSB0aGUgdGl0bGVcbiAgICovXG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcblxuICAvKipcbiAgICogbG9nbz86IHN0cmluZ1xuICAgKlxuICAgKiBsb2dvIGljb24gbmFtZSB0byBiZSBkaXNwbGF5ZWQgYmVmb3JlIHRoZSB0aXRsZS5cbiAgICogSWYgW2ljb25dIGlzIHNldCwgdGhlbiB0aGlzIHdpbGwgbm90IGJlIHNob3duLlxuICAgKi9cbiAgQElucHV0KCkgbG9nbzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBjb2xvcj86ICdhY2NlbnQnIHwgJ3ByaW1hcnknIHwgJ3dhcm4nXG4gICAqXG4gICAqIHRvb2xiYXIgY29sb3Igb3B0aW9uOiBwcmltYXJ5IHwgYWNjZW50IHwgd2Fybi5cbiAgICogSWYgW2NvbG9yXSBpcyBub3Qgc2V0LCBwcmltYXJ5IGlzIHVzZWQuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogJ2FjY2VudCcgfCAncHJpbWFyeScgfCAnd2FybicgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIG1vZGU/OiAnc2lkZScsICdwdXNoJyBvciAnb3ZlcidcbiAgICpcbiAgICogVGhlIG1vZGUgb3Igc3R5bGluZyBvZiB0aGUgc2lkZW5hdi5cbiAgICogRGVmYXVsdHMgdG8gXCJzaWRlXCIuXG4gICAqIFNlZSBcIk1hdFNpZGVuYXZcIiBkb2N1bWVudGF0aW9uIGZvciBtb3JlIGluZm8uXG4gICAqXG4gICAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcbiAgICovXG4gIEBJbnB1dCgpIG1vZGU6ICdzaWRlJyB8ICdwdXNoJyB8ICdvdmVyJyA9ICdzaWRlJztcblxuICAvKipcbiAgICogb3BlbmVkPzogYm9vbGVhblxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgc2lkZW5hdiBpcyBvcGVuZWQuIFVzZSB0aGlzIGJpbmRpbmcgdG8gb3Blbi9jbG9zZSB0aGUgc2lkZW5hdi5cbiAgICogRGVmYXVsdHMgdG8gXCJ0cnVlXCIuXG4gICAqXG4gICAqIFNlZSBcIk1hdFNpZGVuYXZcIiBkb2N1bWVudGF0aW9uIGZvciBtb3JlIGluZm8uXG4gICAqXG4gICAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcbiAgICovXG4gIEBJbnB1dCgpIG9wZW5lZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIHNpZGVuYXZXaWR0aD86IHN0cmluZ1xuICAgKlxuICAgKiBTZXRzIHRoZSBcIndpZHRoXCIgb2YgdGhlIHNpZGVuYXYgaW4gZWl0aGVyIFwicHhcIiBvciBcIiVcIlxuICAgKiBEZWZhdWx0cyB0byBcIjM1MHB4XCIuXG4gICAqXG4gICAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcbiAgICovXG4gIEBJbnB1dCgpIHNpZGVuYXZXaWR0aDogc3RyaW5nID0gJzM1MHB4JztcblxuICAvKipcbiAgICogY29udGFpbmVyQXV0b3NpemU/OiBib29sZWFuXG4gICAqXG4gICAqIFNldHMgXCJhdXRvc2l6ZVwiIG9mIHRoZSBzaWRlbmF2LWNvbnRhaW5lci5cbiAgICogRGVmYXVsdHMgdG8gXCJmYWxzZVwiLlxuICAgKlxuICAgKiBTZWUgZG9jdW1lbnRhdGlvbiBmb3IgbW9yZSBpbmZvIGFuZCBwb3RlbnRpYWwgcGVyZm9ybWFuY2Ugcmlza3MuXG4gICAqXG4gICAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi9ibG9iL21hc3Rlci9zcmMvbGliL3NpZGVuYXYvc2lkZW5hdi5tZCNyZXNpemluZy1hbi1vcGVuLXNpZGVuYXZcbiAgICovXG4gIEBJbnB1dCgpIGNvbnRhaW5lckF1dG9zaXplOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIG5hdmlnYXRpb25Sb3V0ZT86IHN0cmluZ1xuICAgKlxuICAgKiBvcHRpb24gdG8gc2V0IHRoZSBjb21iaW5lZCByb3V0ZSBmb3IgdGhlIGljb24sIGxvZ28sIGFuZCB0b29sYmFyVGl0bGUuXG4gICAqL1xuICBASW5wdXQoKSBuYXZpZ2F0aW9uUm91dGU6IHN0cmluZztcblxuICAvKipcbiAgICogQ2hlY2tzIGlmIGBFU0NgIHNob3VsZCBjbG9zZSB0aGUgc2lkZW5hdlxuICAgKiBTaG91bGQgb25seSBjbG9zZSBpdCBmb3IgYHB1c2hgIGFuZCBgb3ZlcmAgbW9kZXNcbiAgICovXG4gIGdldCBkaXNhYmxlQ2xvc2UoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMubW9kZSA9PT0gJ3NpZGUnO1xuICB9XG5cbiAgLyoqXG4gICAqIENoZWNrcyBpZiByb3V0ZXIgd2FzIGluamVjdGVkLlxuICAgKi9cbiAgZ2V0IHJvdXRlckVuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5fcm91dGVyICYmICEhdGhpcy5uYXZpZ2F0aW9uUm91dGU7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikge31cblxuICBoYW5kbGVOYXZpZ2F0aW9uQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucm91dGVyRW5hYmxlZCkge1xuICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlQnlVcmwodGhpcy5uYXZpZ2F0aW9uUm91dGUpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBQcm94eSB0b2dnbGUgbWV0aG9kIHRvIGFjY2VzcyBzaWRlbmF2IGZyb20gb3V0c2lkZSAoZnJvbSB0ZC1sYXlvdXQgdGVtcGxhdGUpLlxuICAgKi9cbiAgcHVibGljIHRvZ2dsZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4ge1xuICAgIHJldHVybiB0aGlzLnNpZGVuYXYudG9nZ2xlKCF0aGlzLnNpZGVuYXYub3BlbmVkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBQcm94eSBvcGVuIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdGQtbGF5b3V0IHRlbXBsYXRlKS5cbiAgICovXG4gIHB1YmxpYyBvcGVuKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XG4gICAgcmV0dXJuIHRoaXMuc2lkZW5hdi5vcGVuKCk7XG4gIH1cblxuICAvKipcbiAgICogUHJveHkgY2xvc2UgbWV0aG9kIHRvIGFjY2VzcyBzaWRlbmF2IGZyb20gb3V0c2lkZSAoZnJvbSB0ZC1sYXlvdXQgdGVtcGxhdGUpLlxuICAgKi9cbiAgcHVibGljIGNsb3NlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XG4gICAgcmV0dXJuIHRoaXMuc2lkZW5hdi5jbG9zZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGQtbGF5b3V0LW5hdi1saXN0LXdyYXBwZXJcIj5cbiAgPG1hdC1zaWRlbmF2LWNvbnRhaW5lciBmdWxsc2NyZWVuIFthdXRvc2l6ZV09XCJjb250YWluZXJBdXRvc2l6ZVwiIGNsYXNzPVwidGQtbGF5b3V0LW5hdi1saXN0XCI+XG4gICAgPG1hdC1zaWRlbmF2XG4gICAgICAjc2lkZW5hdlxuICAgICAgcG9zaXRpb249XCJzdGFydFwiXG4gICAgICBbbW9kZV09XCJtb2RlXCJcbiAgICAgIFtvcGVuZWRdPVwib3BlbmVkXCJcbiAgICAgIFtkaXNhYmxlQ2xvc2VdPVwiZGlzYWJsZUNsb3NlXCJcbiAgICAgIFtzdHlsZS5tYXgtd2lkdGhdPVwic2lkZW5hdldpZHRoXCJcbiAgICAgIFtzdHlsZS5taW4td2lkdGhdPVwic2lkZW5hdldpZHRoXCJcbiAgICA+XG4gICAgICA8bWF0LXRvb2xiYXIgY2xhc3M9XCJ0ZC1sYXlvdXQtdG9vbGJhclwiIFtjb2xvcl09XCJjb2xvclwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGQtbWVudS1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8c3BhblxuICAgICAgICAgICpuZ0lmPVwiaWNvbiB8fCBsb2dvIHx8IHRvb2xiYXJUaXRsZVwiXG4gICAgICAgICAgY2xhc3M9XCJ0ZC1sYXlvdXQtbmF2LWxpc3QtdG9vbGJhci1jb250ZW50XCJcbiAgICAgICAgICBbY2xhc3MuY3Vyc29yLXBvaW50ZXJdPVwicm91dGVyRW5hYmxlZFwiXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZU5hdmlnYXRpb25DbGljaygpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25cIj57eyBpY29uIH19PC9tYXQtaWNvbj5cbiAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJsb2dvICYmICFpY29uXCIgY2xhc3M9XCJtYXQtaWNvbi1sb2dvXCIgW3N2Z0ljb25dPVwibG9nb1wiPjwvbWF0LWljb24+XG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJ0b29sYmFyVGl0bGVcIj57eyB0b29sYmFyVGl0bGUgfX08L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RkLXNpZGVuYXYtdG9vbGJhci1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvbWF0LXRvb2xiYXI+XG4gICAgICA8ZGl2IGNsYXNzPVwidGQtbGF5b3V0LW5hdi1saXN0LWNvbnRlbnRcIiBjZGtTY3JvbGxhYmxlPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGQtc2lkZW5hdi1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LXNpZGVuYXY+XG4gICAgPGRpdiBjbGFzcz1cInRkLWxheW91dC1uYXYtbGlzdC1tYWluXCI+XG4gICAgICA8bWF0LXRvb2xiYXIgY2xhc3M9XCJ0ZC1sYXlvdXQtdG9vbGJhclwiIFtjb2xvcl09XCJjb2xvclwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGQtdG9vbGJhci1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvbWF0LXRvb2xiYXI+XG4gICAgICA8ZGl2IGNsYXNzPVwidGQtbGF5b3V0LW5hdi1saXN0LWNvbnRlbnRcIiBjZGtTY3JvbGxhYmxlPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInRkLWxheW91dC1mb290ZXItaW5uZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbWF0LXNpZGVuYXYtY29udGFpbmVyPlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJ0ZC1sYXlvdXQtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuIl19