@messaia/cdk 0.0.0-CDK

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

@@ -0,0 +1,130 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { MatSidenav } from '@angular/material/sidenav';
+import { VdMediaService } from '../../media/services/media.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../media/services/media.service";
+import * as i2 from "@angular/material/sidenav";
+import * as i3 from "@angular/material/toolbar";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "../../menu/components/menu.component";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/cdk/scrolling";
+export class VdLayoutManageListComponent {
+    /**
+     * Constructor
+     */
+    constructor(media) {
+        this.media = media;
+        /**
+         * closable: boolean
+         * If false, hide close button
+         */
+        this.closable = true;
+        /**
+         * 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';
+        /**
+         * overGt?: string
+         */
+        this.sideGt = 'sm';
+        /**
+         * 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 = false;
+        /**
+         * opened?: string
+         *
+         * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+         * Defaults to "true".
+         */
+        this.openedGt = 'sm';
+        /**
+         * 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';
+        /**
+         * sidenavGtXsWidth?: number
+         */
+        this.sidenavGtXsWidth = 257;
+    }
+    /**
+     * Checks if `ESC` should close the sidenav
+     * Should only close it for `push` and `over` modes
+     */
+    get disableClose() { return this.mode === 'side'; }
+    /**
+     * Lifecycle hook that is called after data-bound properties
+     * of a directive are initialized.
+     */
+    ngOnInit() {
+        if (this.openedGt) {
+            this.media.registerQuery(`gt-${this.openedGt}`).subscribe((x) => this.opened = x);
+        }
+        if (this.sideGt) {
+            this.media.registerQuery(`gt-${this.sideGt}`).subscribe((x) => this.mode = x ? 'side' : 'over');
+        }
+        if (this.sidenavGtXsWidth > 0) {
+            this.media.registerQuery(`gt-xs`).subscribe((x) => this.sidenavWidth = x ? `${this.sidenavGtXsWidth}px` : '100%');
+        }
+    }
+    /**
+     * Proxy toggle method to access sidenav from outside (from vd-layout template).
+     */
+    toggle() { return this.sidenav.toggle(!this.sidenav.opened); }
+    /**
+     * Proxy open method to access sidenav from outside (from vd-layout template).
+     */
+    open() { return this.sidenav.open(); }
+    /**
+     * Proxy close method to access sidenav from outside (from vd-layout template).
+     */
+    close() { return this.sidenav.close(); }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListComponent, deps: [{ token: i1.VdMediaService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutManageListComponent, selector: "vd-layout-manage-list", inputs: { title: "title", closable: "closable", menuItems: "menuItems", mode: "mode", sideGt: "sideGt", opened: "opened", openedGt: "openedGt", sidenavWidth: "sidenavWidth", sidenavGtXsWidth: "sidenavGtXsWidth" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-sidenav-container fullscreen class=\"vd-layout-manage-list\">\r\n\t<!-- #region Side nav -->\r\n\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\">\r\n\t\t<!-- #region Nav list toolbar -->\r\n\t\t<mat-toolbar dense *ngIf=\"title\">\r\n\t\t\t<span>{{title}}</span>\r\n\t\t\t<span flex></span>\r\n\t\t\t<button mat-icon-button (click)=\"close()\" *ngIf=\"closable\">\r\n\t\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t\t</button>\r\n\t\t</mat-toolbar>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Custom title toolbar -->\r\n\t\t<ng-content select=\"mat-toolbar[vd-sidenav-content]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<div class=\"vd-layout-manage-list-sidenav\" cdkScrollable>\r\n\t\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t\t\t<ng-content select=\"vd-menu\"></ng-content>\r\n\t\t\t<vd-menu [items]=\"menuItems\" *ngIf=\"menuItems\"></vd-menu>\r\n\t\t</div>\r\n\t</mat-sidenav>\r\n\t<!-- #endregion -->\r\n\r\n\t<!-- #region Main content -->\r\n\t<div class=\"vd-layout-manage-list-main\">\r\n\t\t<!-- #region Toolbar projection -->\r\n\t\t<ng-content select=\"mat-toolbar\"></ng-content>\r\n\t\t<ng-content select=\"vd-list-toolbar\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Scrollable content -->\r\n\t\t<div class=\"vd-layout-manage-list-content\" cdkScrollable>\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Footer content -->\r\n\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\t</div>\r\n\t<!-- #endregion -->\r\n</mat-sidenav-container>", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.vd-layout-manage-list{flex:1}:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opened,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opening,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closed,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closing{box-shadow:0 1px 3px #0003}:host .vd-layout-manage-list-sidenav{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;flex-direction:column;box-sizing:border-box;display:flex}:host .vd-layout-manage-list-main .vd-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>mat-sidenav{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;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"], components: [{ type: i2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.VdMenuComponent, selector: "vd-menu", inputs: ["items", "activeExact", "avatar"], outputs: ["click"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vd-layout-manage-list', template: "<mat-sidenav-container fullscreen class=\"vd-layout-manage-list\">\r\n\t<!-- #region Side nav -->\r\n\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\">\r\n\t\t<!-- #region Nav list toolbar -->\r\n\t\t<mat-toolbar dense *ngIf=\"title\">\r\n\t\t\t<span>{{title}}</span>\r\n\t\t\t<span flex></span>\r\n\t\t\t<button mat-icon-button (click)=\"close()\" *ngIf=\"closable\">\r\n\t\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t\t</button>\r\n\t\t</mat-toolbar>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Custom title toolbar -->\r\n\t\t<ng-content select=\"mat-toolbar[vd-sidenav-content]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<div class=\"vd-layout-manage-list-sidenav\" cdkScrollable>\r\n\t\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t\t\t<ng-content select=\"vd-menu\"></ng-content>\r\n\t\t\t<vd-menu [items]=\"menuItems\" *ngIf=\"menuItems\"></vd-menu>\r\n\t\t</div>\r\n\t</mat-sidenav>\r\n\t<!-- #endregion -->\r\n\r\n\t<!-- #region Main content -->\r\n\t<div class=\"vd-layout-manage-list-main\">\r\n\t\t<!-- #region Toolbar projection -->\r\n\t\t<ng-content select=\"mat-toolbar\"></ng-content>\r\n\t\t<ng-content select=\"vd-list-toolbar\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Scrollable content -->\r\n\t\t<div class=\"vd-layout-manage-list-content\" cdkScrollable>\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Footer content -->\r\n\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\t</div>\r\n\t<!-- #endregion -->\r\n</mat-sidenav-container>", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.vd-layout-manage-list{flex:1}:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opened,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-opening,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closed,:host mat-sidenav-container.vd-layout-manage-list>mat-sidenav.mat-drawer-closing{box-shadow:0 1px 3px #0003}:host .vd-layout-manage-list-sidenav{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;flex-direction:column;box-sizing:border-box;display:flex}:host .vd-layout-manage-list-main .vd-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-manage-list>mat-sidenav{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;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"] }]
+        }], ctorParameters: function () { return [{ type: i1.VdMediaService }]; }, propDecorators: { sidenav: [{
+                type: ViewChild,
+                args: [MatSidenav, { static: true }]
+            }], title: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], menuItems: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], sideGt: [{
+                type: Input
+            }], opened: [{
+                type: Input
+            }], openedGt: [{
+                type: Input
+            }], sidenavWidth: [{
+                type: Input
+            }], sidenavGtXsWidth: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbWFuYWdlLWxpc3QvbGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbWFuYWdlLWxpc3QvbGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQXlCLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7OztBQVNwRSxNQUFNLE9BQU8sMkJBQTJCO0lBMkZ2Qzs7T0FFRztJQUNILFlBQW9CLEtBQXFCO1FBQXJCLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBL0V6Qzs7O1dBR0c7UUFFSSxhQUFRLEdBQVksSUFBSSxDQUFDO1FBUWhDOzs7Ozs7OztXQVFHO1FBRUksU0FBSSxHQUE2QixNQUFNLENBQUM7UUFFL0M7O1dBRUc7UUFFSSxXQUFNLEdBQVcsSUFBSSxDQUFDO1FBRTdCOzs7Ozs7Ozs7V0FTRztRQUVJLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFL0I7Ozs7O1dBS0c7UUFFSSxhQUFRLEdBQVcsSUFBSSxDQUFDO1FBRS9COzs7Ozs7O1dBT0c7UUFFSSxpQkFBWSxHQUFXLE9BQU8sQ0FBQztRQUV0Qzs7V0FFRztRQUVJLHFCQUFnQixHQUFXLEdBQUcsQ0FBQztJQVdPLENBQUM7SUFUOUM7OztPQUdHO0lBQ0gsSUFBSSxZQUFZLEtBQWMsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFPNUQ7OztPQUdHO0lBQ0gsUUFBUTtRQUNQLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxNQUFNLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztTQUMzRjtRQUVELElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxNQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDekc7UUFFRCxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLEVBQUU7WUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBVSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDM0g7SUFDRixDQUFDO0lBRUQ7O09BRUc7SUFDSSxNQUFNLEtBQXFDLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVyRzs7T0FFRztJQUNJLElBQUksS0FBcUMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztJQUU3RTs7T0FFRztJQUNJLEtBQUssS0FBcUMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQzs7OEpBL0huRSwyQkFBMkI7a0pBQTNCLDJCQUEyQiw0VEFLNUIsVUFBVSw4RENoQnRCLHV0REEyQ3dCOzJGRGhDWCwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0MsdUJBQXVCO3FHQVUxQixPQUFPO3NCQURiLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFRaEMsS0FBSztzQkFEWCxLQUFLO2dCQVFDLFFBQVE7c0JBRGQsS0FBSztnQkFPQyxTQUFTO3NCQURmLEtBQUs7Z0JBYUMsSUFBSTtzQkFEVixLQUFLO2dCQU9DLE1BQU07c0JBRFosS0FBSztnQkFjQyxNQUFNO3NCQURaLEtBQUs7Z0JBVUMsUUFBUTtzQkFEZCxLQUFLO2dCQVlDLFlBQVk7c0JBRGxCLEtBQUs7Z0JBT0MsZ0JBQWdCO3NCQUR0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RHJhd2VyVG9nZ2xlUmVzdWx0LCBNYXRTaWRlbmF2IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XHJcbmltcG9ydCB7IFZkTWVkaWFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vbWVkaWEvc2VydmljZXMvbWVkaWEuc2VydmljZSc7XHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAnLi4vLi4vbWVudS9tb2RlbHMvbWVudS1pdGVtJztcclxuaW1wb3J0IHsgSUxheW91dFRvZ2dsYWJsZSB9IGZyb20gJy4uL2xheW91dC10b2dnbGUuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICd2ZC1sYXlvdXQtbWFuYWdlLWxpc3QnLFxyXG5cdHN0eWxlVXJsczogWycuL2xheW91dC1tYW5hZ2UtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG5cdHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQtbWFuYWdlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmRMYXlvdXRNYW5hZ2VMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgSUxheW91dFRvZ2dsYWJsZSwgT25Jbml0IHtcclxuXHJcblx0LyoqXHJcblx0ICogc2lkZW5hdjogTWF0U2lkZW5hdlxyXG5cdCAqL1xyXG5cdEBWaWV3Q2hpbGQoTWF0U2lkZW5hdiwgeyBzdGF0aWM6IHRydWUgfSlcclxuXHRwdWJsaWMgc2lkZW5hdjogTWF0U2lkZW5hdjtcclxuXHJcblx0LyoqXHJcblx0ICogdGl0bGU6IHN0cmluZ1xyXG5cdCAqIENvbnRlbnQgdGl0bGVcclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyB0aXRsZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBjbG9zYWJsZTogYm9vbGVhblxyXG5cdCAqIElmIGZhbHNlLCBoaWRlIGNsb3NlIGJ1dHRvblxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIGNsb3NhYmxlOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcblx0LyoqXHJcblx0ICogbWVudUl0ZW1zOiBNZW51SXRlbVtdXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgbWVudUl0ZW1zOiBNZW51SXRlbVtdO1xyXG5cclxuXHQvKipcclxuXHQgKiBtb2RlPzogJ3NpZGUnLCAncHVzaCcgb3IgJ292ZXInXHJcblx0ICpcclxuXHQgKiBUaGUgbW9kZSBvciBzdHlsaW5nIG9mIHRoZSBzaWRlbmF2LlxyXG5cdCAqIERlZmF1bHRzIHRvIFwic2lkZVwiLlxyXG5cdCAqIFNlZSBcIk1hdFNpZGVuYXZcIiBkb2N1bWVudGF0aW9uIGZvciBtb3JlIGluZm8uXHJcblx0ICpcclxuXHQgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvdHJlZS9tYXN0ZXIvc3JjL2xpYi9zaWRlbmF2XHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgbW9kZTogJ3NpZGUnIHwgJ3B1c2gnIHwgJ292ZXInID0gJ3NpZGUnO1xyXG5cclxuXHQvKipcclxuXHQgKiBvdmVyR3Q/OiBzdHJpbmdcclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBzaWRlR3Q6IHN0cmluZyA9ICdzbSc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIG9wZW5lZD86IGJvb2xlYW5cclxuXHQgKlxyXG5cdCAqIFdoZXRoZXIgb3Igbm90IHRoZSBzaWRlbmF2IGlzIG9wZW5lZC4gVXNlIHRoaXMgYmluZGluZyB0byBvcGVuL2Nsb3NlIHRoZSBzaWRlbmF2LlxyXG5cdCAqIERlZmF1bHRzIHRvIFwidHJ1ZVwiLlxyXG5cdCAqXHJcblx0ICogU2VlIFwiTWF0U2lkZW5hdlwiIGRvY3VtZW50YXRpb24gZm9yIG1vcmUgaW5mby5cclxuXHQgKlxyXG5cdCAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBvcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcblx0LyoqXHJcblx0ICogb3BlbmVkPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBXaGV0aGVyIG9yIG5vdCB0aGUgc2lkZW5hdiBpcyBvcGVuZWQuIFVzZSB0aGlzIGJpbmRpbmcgdG8gb3Blbi9jbG9zZSB0aGUgc2lkZW5hdi5cclxuXHQgKiBEZWZhdWx0cyB0byBcInRydWVcIi5cclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBvcGVuZWRHdDogc3RyaW5nID0gJ3NtJztcclxuXHJcblx0LyoqXHJcblx0ICogc2lkZW5hdldpZHRoPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBTZXRzIHRoZSBcIndpZHRoXCIgb2YgdGhlIHNpZGVuYXYgaW4gZWl0aGVyIFwicHhcIiBvciBcIiVcIlxyXG5cdCAqIERlZmF1bHRzIHRvIFwiMjU3cHhcIi5cclxuXHQgKlxyXG5cdCAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBzaWRlbmF2V2lkdGg6IHN0cmluZyA9ICcyNTdweCc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIHNpZGVuYXZHdFhzV2lkdGg/OiBudW1iZXJcclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBzaWRlbmF2R3RYc1dpZHRoOiBudW1iZXIgPSAyNTc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIENoZWNrcyBpZiBgRVNDYCBzaG91bGQgY2xvc2UgdGhlIHNpZGVuYXZcclxuXHQgKiBTaG91bGQgb25seSBjbG9zZSBpdCBmb3IgYHB1c2hgIGFuZCBgb3ZlcmAgbW9kZXNcclxuXHQgKi9cclxuXHRnZXQgZGlzYWJsZUNsb3NlKCk6IGJvb2xlYW4geyByZXR1cm4gdGhpcy5tb2RlID09PSAnc2lkZSc7IH1cclxuXHJcblx0LyoqXHJcblx0ICogQ29uc3RydWN0b3JcclxuXHQgKi9cclxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIG1lZGlhOiBWZE1lZGlhU2VydmljZSkgeyB9XHJcblxyXG5cdC8qKlxyXG5cdCAqIExpZmVjeWNsZSBob29rIHRoYXQgaXMgY2FsbGVkIGFmdGVyIGRhdGEtYm91bmQgcHJvcGVydGllcyBcclxuXHQgKiBvZiBhIGRpcmVjdGl2ZSBhcmUgaW5pdGlhbGl6ZWQuXHJcblx0ICovXHJcblx0bmdPbkluaXQoKTogdm9pZCB7XHJcblx0XHRpZiAodGhpcy5vcGVuZWRHdCkge1xyXG5cdFx0XHR0aGlzLm1lZGlhLnJlZ2lzdGVyUXVlcnkoYGd0LSR7dGhpcy5vcGVuZWRHdH1gKS5zdWJzY3JpYmUoKHg6IGJvb2xlYW4pID0+IHRoaXMub3BlbmVkID0geCk7XHJcblx0XHR9XHJcblxyXG5cdFx0aWYgKHRoaXMuc2lkZUd0KSB7XHJcblx0XHRcdHRoaXMubWVkaWEucmVnaXN0ZXJRdWVyeShgZ3QtJHt0aGlzLnNpZGVHdH1gKS5zdWJzY3JpYmUoKHg6IGJvb2xlYW4pID0+IHRoaXMubW9kZSA9IHggPyAnc2lkZScgOiAnb3ZlcicpO1xyXG5cdFx0fVxyXG5cclxuXHRcdGlmICh0aGlzLnNpZGVuYXZHdFhzV2lkdGggPiAwKSB7XHJcblx0XHRcdHRoaXMubWVkaWEucmVnaXN0ZXJRdWVyeShgZ3QteHNgKS5zdWJzY3JpYmUoKHg6IGJvb2xlYW4pID0+IHRoaXMuc2lkZW5hdldpZHRoID0geCA/IGAke3RoaXMuc2lkZW5hdkd0WHNXaWR0aH1weGAgOiAnMTAwJScpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogUHJveHkgdG9nZ2xlIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdmQtbGF5b3V0IHRlbXBsYXRlKS5cclxuXHQgKi9cclxuXHRwdWJsaWMgdG9nZ2xlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7IHJldHVybiB0aGlzLnNpZGVuYXYudG9nZ2xlKCF0aGlzLnNpZGVuYXYub3BlbmVkKTsgfVxyXG5cclxuXHQvKipcclxuXHQgKiBQcm94eSBvcGVuIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdmQtbGF5b3V0IHRlbXBsYXRlKS5cclxuXHQgKi9cclxuXHRwdWJsaWMgb3BlbigpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4geyByZXR1cm4gdGhpcy5zaWRlbmF2Lm9wZW4oKTsgfVxyXG5cclxuXHQvKipcclxuXHQgKiBQcm94eSBjbG9zZSBtZXRob2QgdG8gYWNjZXNzIHNpZGVuYXYgZnJvbSBvdXRzaWRlIChmcm9tIHZkLWxheW91dCB0ZW1wbGF0ZSkuXHJcblx0ICovXHJcblx0cHVibGljIGNsb3NlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7IHJldHVybiB0aGlzLnNpZGVuYXYuY2xvc2UoKTsgfVxyXG59IiwiPG1hdC1zaWRlbmF2LWNvbnRhaW5lciBmdWxsc2NyZWVuIGNsYXNzPVwidmQtbGF5b3V0LW1hbmFnZS1saXN0XCI+XHJcblx0PCEtLSAjcmVnaW9uIFNpZGUgbmF2IC0tPlxyXG5cdDxtYXQtc2lkZW5hdiAjc2lkZW5hdiBwb3NpdGlvbj1cInN0YXJ0XCIgW21vZGVdPVwibW9kZVwiIFtvcGVuZWRdPVwib3BlbmVkXCIgW2Rpc2FibGVDbG9zZV09XCJkaXNhYmxlQ2xvc2VcIiBbc3R5bGUubWF4LXdpZHRoXT1cInNpZGVuYXZXaWR0aFwiIFtzdHlsZS5taW4td2lkdGhdPVwic2lkZW5hdldpZHRoXCI+XHJcblx0XHQ8IS0tICNyZWdpb24gTmF2IGxpc3QgdG9vbGJhciAtLT5cclxuXHRcdDxtYXQtdG9vbGJhciBkZW5zZSAqbmdJZj1cInRpdGxlXCI+XHJcblx0XHRcdDxzcGFuPnt7dGl0bGV9fTwvc3Bhbj5cclxuXHRcdFx0PHNwYW4gZmxleD48L3NwYW4+XHJcblx0XHRcdDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbG9zZSgpXCIgKm5nSWY9XCJjbG9zYWJsZVwiPlxyXG5cdFx0XHRcdDxtYXQtaWNvbj5hcnJvd19iYWNrPC9tYXQtaWNvbj5cclxuXHRcdFx0PC9idXR0b24+XHJcblx0XHQ8L21hdC10b29sYmFyPlxyXG5cdFx0PCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cclxuXHRcdDwhLS0gI3JlZ2lvbiBDdXN0b20gdGl0bGUgdG9vbGJhciAtLT5cclxuXHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdC10b29sYmFyW3ZkLXNpZGVuYXYtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcblx0XHQ8IS0tICNlbmRyZWdpb24gLS0+XHJcblxyXG5cdFx0PGRpdiBjbGFzcz1cInZkLWxheW91dC1tYW5hZ2UtbGlzdC1zaWRlbmF2XCIgY2RrU2Nyb2xsYWJsZT5cclxuXHRcdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ZkLXNpZGVuYXYtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcblx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cInZkLW1lbnVcIj48L25nLWNvbnRlbnQ+XHJcblx0XHRcdDx2ZC1tZW51IFtpdGVtc109XCJtZW51SXRlbXNcIiAqbmdJZj1cIm1lbnVJdGVtc1wiPjwvdmQtbWVudT5cclxuXHRcdDwvZGl2PlxyXG5cdDwvbWF0LXNpZGVuYXY+XHJcblx0PCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cclxuXHQ8IS0tICNyZWdpb24gTWFpbiBjb250ZW50IC0tPlxyXG5cdDxkaXYgY2xhc3M9XCJ2ZC1sYXlvdXQtbWFuYWdlLWxpc3QtbWFpblwiPlxyXG5cdFx0PCEtLSAjcmVnaW9uIFRvb2xiYXIgcHJvamVjdGlvbiAtLT5cclxuXHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdC10b29sYmFyXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwidmQtbGlzdC10b29sYmFyXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0PCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cclxuXHRcdDwhLS0gI3JlZ2lvbiBTY3JvbGxhYmxlIGNvbnRlbnQgLS0+XHJcblx0XHQ8ZGl2IGNsYXNzPVwidmQtbGF5b3V0LW1hbmFnZS1saXN0LWNvbnRlbnRcIiBjZGtTY3JvbGxhYmxlPlxyXG5cdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblx0XHQ8L2Rpdj5cclxuXHRcdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcblx0XHQ8IS0tICNyZWdpb24gRm9vdGVyIGNvbnRlbnQgLS0+XHJcblx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJ2ZC1sYXlvdXQtZm9vdGVyLWlubmVyXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0PCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cdDwvZGl2PlxyXG5cdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuPC9tYXQtc2lkZW5hdi1jb250YWluZXI+Il19

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

@@ -0,0 +1,108 @@
+import { Directive, ElementRef, forwardRef, Inject, Input, Renderer2 } from '@angular/core';
+import { LayoutToggle } from '../layout-toggle.class';
+import { VdLayoutManageListComponent } from './layout-manage-list.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./layout-manage-list.component";
+export class VdLayoutManageListToggleDirective extends LayoutToggle {
+    /**
+     * Constructor
+     * @param layout
+     * @param renderer
+     * @param elementRef
+     */
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    /**
+     * Sets vdLayoutManageListToggle
+     */
+    set vdLayoutManageListToggle(vdLayoutManageListToggle) {
+        this.disabled = !(vdLayoutManageListToggle === '' || vdLayoutManageListToggle);
+    }
+    /**
+     * Opens the list
+     */
+    onClick() {
+        this._layout.toggle();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListToggleDirective, deps: [{ token: forwardRef(() => VdLayoutManageListComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutManageListToggleDirective, selector: "[vdLayoutManageListToggle]", inputs: { vdLayoutManageListToggle: "vdLayoutManageListToggle" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListToggleDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[vdLayoutManageListToggle]' }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutManageListComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutManageListComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutManageListToggle: [{
+                type: Input
+            }] } });
+export class VdLayoutManageListCloseDirective extends LayoutToggle {
+    /**
+     * Constructor
+     * @param layout
+     * @param renderer
+     * @param elementRef
+     */
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    /**
+     * Sets vdLayoutManageListClose
+     */
+    set vdLayoutManageListClose(vdLayoutManageListClose) {
+        this.disabled = !(vdLayoutManageListClose === '' || vdLayoutManageListClose);
+    }
+    /**
+     * Opens the list
+     */
+    onClick() {
+        this._layout.close();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListCloseDirective, deps: [{ token: forwardRef(() => VdLayoutManageListComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutManageListCloseDirective, selector: "[vdLayoutManageListClose]", inputs: { vdLayoutManageListClose: "vdLayoutManageListClose" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListCloseDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[vdLayoutManageListClose]' }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutManageListComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutManageListComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutManageListClose: [{
+                type: Input
+            }] } });
+export class VdLayoutManageListOpenDirective extends LayoutToggle {
+    /**
+     * Constructor
+     * @param layout
+     * @param renderer
+     * @param elementRef
+     */
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    /**
+     * Sets vdLayoutManageListOpen
+     */
+    set vdLayoutManageListOpen(vdLayoutManageListOpen) {
+        this.disabled = !(vdLayoutManageListOpen === '' || vdLayoutManageListOpen);
+    }
+    /**
+     * Opens the list
+     */
+    onClick() {
+        this._layout.open();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListOpenDirective, deps: [{ token: forwardRef(() => VdLayoutManageListComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutManageListOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutManageListOpenDirective, selector: "[vdLayoutManageListOpen]", inputs: { vdLayoutManageListOpen: "vdLayoutManageListOpen" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutManageListOpenDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[vdLayoutManageListOpen]' }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutManageListComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutManageListComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutManageListOpen: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW1hbmFnZS1saXN0LmRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZGsvc3JjL2xpYi9sYXlvdXQvbGF5b3V0LW1hbmFnZS1saXN0L2xheW91dC1tYW5hZ2UtbGlzdC5kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQUc3RSxNQUFNLE9BQU8saUNBQWtDLFNBQVEsWUFBWTtJQVVsRTs7Ozs7T0FLRztJQUNILFlBQ3dELE1BQW1DLEVBQzFGLFFBQW1CLEVBQ25CLFVBQXNCO1FBRXRCLEtBQUssQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFwQkQ7O09BRUc7SUFDSCxJQUNJLHdCQUF3QixDQUFDLHdCQUFpQztRQUM3RCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBTSx3QkFBd0IsS0FBSyxFQUFFLElBQUksd0JBQXdCLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBZ0JEOztPQUVHO0lBQ0ksT0FBTztRQUNiLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDdkIsQ0FBQzs7b0tBN0JXLGlDQUFpQyxrQkFpQnBDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQzt3SkFqQjFDLGlDQUFpQzsyRkFBakMsaUNBQWlDO2tCQUQ3QyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLDRCQUE0QixFQUFFOzswQkFrQmxELE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDJCQUEyQixDQUFDOzZGQVhsRCx3QkFBd0I7c0JBRDNCLEtBQUs7O0FBNEJQLE1BQU0sT0FBTyxnQ0FBaUMsU0FBUSxZQUFZO0lBVWpFOzs7OztPQUtHO0lBQ0gsWUFDd0QsTUFBbUMsRUFDMUYsUUFBbUIsRUFDbkIsVUFBc0I7UUFFdEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQXBCRDs7T0FFRztJQUNILElBQ0ksdUJBQXVCLENBQUMsdUJBQWdDO1FBQzNELElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFNLHVCQUF1QixLQUFLLEVBQUUsSUFBSSx1QkFBdUIsQ0FBQyxDQUFDO0lBQ25GLENBQUM7SUFnQkQ7O09BRUc7SUFDSSxPQUFPO1FBQ2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QixDQUFDOzttS0E3QlcsZ0NBQWdDLGtCQWlCbkMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDJCQUEyQixDQUFDO3VKQWpCMUMsZ0NBQWdDOzJGQUFoQyxnQ0FBZ0M7a0JBRDVDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsMkJBQTJCLEVBQUU7OzBCQWtCakQsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7NkZBWGxELHVCQUF1QjtzQkFEMUIsS0FBSzs7QUE0QlAsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLFlBQVk7SUFVaEU7Ozs7O09BS0c7SUFDSCxZQUN3RCxNQUFtQyxFQUMxRixRQUFtQixFQUNuQixVQUFzQjtRQUV0QixLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBcEJEOztPQUVHO0lBQ0gsSUFDSSxzQkFBc0IsQ0FBQyxzQkFBK0I7UUFDekQsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQU0sc0JBQXNCLEtBQUssRUFBRSxJQUFJLHNCQUFzQixDQUFDLENBQUM7SUFDakYsQ0FBQztJQWdCRDs7T0FFRztJQUNJLE9BQU87UUFDYixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7O2tLQTdCVywrQkFBK0Isa0JBaUJsQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7c0pBakIxQywrQkFBK0I7MkZBQS9CLCtCQUErQjtrQkFEM0MsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSwwQkFBMEIsRUFBRTs7MEJBa0JoRCxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQzs2RkFYbEQsc0JBQXNCO3NCQUR6QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBmb3J3YXJkUmVmLCBJbmplY3QsIElucHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTGF5b3V0VG9nZ2xlIH0gZnJvbSAnLi4vbGF5b3V0LXRvZ2dsZS5jbGFzcyc7XHJcbmltcG9ydCB7IFZkTGF5b3V0TWFuYWdlTGlzdENvbXBvbmVudCB9IGZyb20gJy4vbGF5b3V0LW1hbmFnZS1saXN0LmNvbXBvbmVudCc7XHJcblxyXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbdmRMYXlvdXRNYW5hZ2VMaXN0VG9nZ2xlXScgfSlcclxuZXhwb3J0IGNsYXNzIFZkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZURpcmVjdGl2ZSBleHRlbmRzIExheW91dFRvZ2dsZSB7XHJcblxyXG5cdC8qKlxyXG5cdCAqIFNldHMgdmRMYXlvdXRNYW5hZ2VMaXN0VG9nZ2xlXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRzZXQgdmRMYXlvdXRNYW5hZ2VMaXN0VG9nZ2xlKHZkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZTogYm9vbGVhbikge1xyXG5cdFx0dGhpcy5kaXNhYmxlZCA9ICEoPGFueT52ZExheW91dE1hbmFnZUxpc3RUb2dnbGUgPT09ICcnIHx8IHZkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZSk7XHJcblx0fVxyXG5cclxuXHQvKipcclxuXHQgKiBDb25zdHJ1Y3RvclxyXG5cdCAqIEBwYXJhbSBsYXlvdXQgXHJcblx0ICogQHBhcmFtIHJlbmRlcmVyIFxyXG5cdCAqIEBwYXJhbSBlbGVtZW50UmVmIFxyXG5cdCAqL1xyXG5cdGNvbnN0cnVjdG9yKFxyXG5cdFx0QEluamVjdChmb3J3YXJkUmVmKCgpID0+IFZkTGF5b3V0TWFuYWdlTGlzdENvbXBvbmVudCkpIGxheW91dDogVmRMYXlvdXRNYW5hZ2VMaXN0Q29tcG9uZW50LFxyXG5cdFx0cmVuZGVyZXI6IFJlbmRlcmVyMixcclxuXHRcdGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcclxuXHQpIHtcclxuXHRcdHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogT3BlbnMgdGhlIGxpc3RcclxuXHQgKi9cclxuXHRwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcclxuXHRcdHRoaXMuX2xheW91dC50b2dnbGUoKTtcclxuXHR9XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1t2ZExheW91dE1hbmFnZUxpc3RDbG9zZV0nIH0pXHJcbmV4cG9ydCBjbGFzcyBWZExheW91dE1hbmFnZUxpc3RDbG9zZURpcmVjdGl2ZSBleHRlbmRzIExheW91dFRvZ2dsZSB7XHJcblxyXG5cdC8qKlxyXG5cdCAqIFNldHMgdmRMYXlvdXRNYW5hZ2VMaXN0Q2xvc2VcclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHNldCB2ZExheW91dE1hbmFnZUxpc3RDbG9zZSh2ZExheW91dE1hbmFnZUxpc3RDbG9zZTogYm9vbGVhbikge1xyXG5cdFx0dGhpcy5kaXNhYmxlZCA9ICEoPGFueT52ZExheW91dE1hbmFnZUxpc3RDbG9zZSA9PT0gJycgfHwgdmRMYXlvdXRNYW5hZ2VMaXN0Q2xvc2UpO1xyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogQ29uc3RydWN0b3JcclxuXHQgKiBAcGFyYW0gbGF5b3V0IFxyXG5cdCAqIEBwYXJhbSByZW5kZXJlciBcclxuXHQgKiBAcGFyYW0gZWxlbWVudFJlZiBcclxuXHQgKi9cclxuXHRjb25zdHJ1Y3RvcihcclxuXHRcdEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBWZExheW91dE1hbmFnZUxpc3RDb21wb25lbnQpKSBsYXlvdXQ6IFZkTGF5b3V0TWFuYWdlTGlzdENvbXBvbmVudCxcclxuXHRcdHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcblx0XHRlbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcblx0KSB7XHJcblx0XHRzdXBlcihsYXlvdXQsIHJlbmRlcmVyLCBlbGVtZW50UmVmKTtcclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIE9wZW5zIHRoZSBsaXN0XHJcblx0ICovXHJcblx0cHVibGljIG9uQ2xpY2soKTogdm9pZCB7XHJcblx0XHR0aGlzLl9sYXlvdXQuY2xvc2UoKTtcclxuXHR9XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1t2ZExheW91dE1hbmFnZUxpc3RPcGVuXScgfSlcclxuZXhwb3J0IGNsYXNzIFZkTGF5b3V0TWFuYWdlTGlzdE9wZW5EaXJlY3RpdmUgZXh0ZW5kcyBMYXlvdXRUb2dnbGUge1xyXG5cclxuXHQvKipcclxuXHQgKiBTZXRzIHZkTGF5b3V0TWFuYWdlTGlzdE9wZW5cclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHNldCB2ZExheW91dE1hbmFnZUxpc3RPcGVuKHZkTGF5b3V0TWFuYWdlTGlzdE9wZW46IGJvb2xlYW4pIHtcclxuXHRcdHRoaXMuZGlzYWJsZWQgPSAhKDxhbnk+dmRMYXlvdXRNYW5hZ2VMaXN0T3BlbiA9PT0gJycgfHwgdmRMYXlvdXRNYW5hZ2VMaXN0T3Blbik7XHJcblx0fVxyXG5cclxuXHQvKipcclxuXHQgKiBDb25zdHJ1Y3RvclxyXG5cdCAqIEBwYXJhbSBsYXlvdXQgXHJcblx0ICogQHBhcmFtIHJlbmRlcmVyIFxyXG5cdCAqIEBwYXJhbSBlbGVtZW50UmVmIFxyXG5cdCAqL1xyXG5cdGNvbnN0cnVjdG9yKFxyXG5cdFx0QEluamVjdChmb3J3YXJkUmVmKCgpID0+IFZkTGF5b3V0TWFuYWdlTGlzdENvbXBvbmVudCkpIGxheW91dDogVmRMYXlvdXRNYW5hZ2VMaXN0Q29tcG9uZW50LFxyXG5cdFx0cmVuZGVyZXI6IFJlbmRlcmVyMixcclxuXHRcdGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcclxuXHQpIHtcclxuXHRcdHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogT3BlbnMgdGhlIGxpc3RcclxuXHQgKi9cclxuXHRwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcclxuXHRcdHRoaXMuX2xheW91dC5vcGVuKCk7XHJcblx0fVxyXG59XHJcbiJdfQ==

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

@@ -0,0 +1,95 @@
+import { Component, EventEmitter, Input, Optional, Output } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Utils } from '../../common/functions/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/material/toolbar";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "../form-toolbar/form-toolbar.component";
+import * as i6 from "@angular/common";
+import * as i7 from "../layout.directives";
+import * as i8 from "@angular/cdk/scrolling";
+export class VdLayoutNavComponent {
+    /**
+     * Constructor
+     * @param router
+     */
+    constructor(router, route) {
+        this.router = router;
+        this.route = route;
+        /**
+         * reload: EventEmitter<any>
+         */
+        this.reload = new EventEmitter();
+        /**
+         * color?: string
+         *
+         * toolbar color option: primary | accent | warn.
+         * If [color] is not set, primary is used.
+         */
+        this.color = 'primary';
+        /**
+         * hideToggle?: boolean
+         *
+         * Hides toggle button
+         */
+        this.hideToggle = false;
+    }
+    /**
+     * Checks if router was injected.
+     */
+    get backNavigationRouteEnabled() { return !!this.router && !!this.backNavigationRoute; }
+    /**
+     * Checks if router was injected.
+     */
+    get routerEnabled() { return !!this.router && !!this.navigationRoute; }
+    /**
+     * Handles click event on back navigation title
+     */
+    handleBackNavigationClick() {
+        if (this.backNavigationRouteEnabled) {
+            var urlParts = Utils.getUrlParts(this.backNavigationRoute);
+            this.router.navigate([urlParts.url], { queryParams: urlParts.params, fragment: urlParts.hash, relativeTo: this.route });
+        }
+    }
+    /**
+     * Handles click event on navigation title
+     */
+    handleNavigationClick() {
+        if (this.routerEnabled) {
+            this.router.navigateByUrl(this.navigationRoute);
+        }
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavComponent, deps: [{ token: i1.Router, optional: true }, { token: i1.ActivatedRoute, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavComponent, selector: "vd-layout-nav", inputs: { toolbarTitle: "toolbarTitle", editMode: "editMode", menuItems: "menuItems", icon: "icon", logo: "logo", color: "color", hideToggle: "hideToggle", backNavigationRoute: "backNavigationRoute", navigationRoute: "navigationRoute" }, outputs: { reload: "reload" }, ngImport: i0, template: "<div class=\"vd-layout-nav-wrapper\">\r\n\t<mat-toolbar [color]=\"color\">\r\n\t\t<!-- #region Toggle buton -->\r\n\t\t<button mat-icon-button vd-menu-button vdLayoutToggle *ngIf=\"!hideToggle\">\r\n\t\t\t<mat-icon>menu</mat-icon>\r\n\t\t</button>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Back button -->\r\n\t\t<button mat-icon-button vd-menu-button *ngIf=\"backNavigationRouteEnabled\" (click)=\"handleBackNavigationClick()\">\r\n\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t</button>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Custom buttons -->\r\n\t\t<ng-content select=\"[vd-menu-button]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Logo with home link -->\r\n\t\t<span *ngIf=\"icon || logo || toolbarTitle\" [class.cursor-pointer]=\"routerEnabled\" (click)=\"handleNavigationClick()\" class=\"vd-layout-nav-toolbar-content\">\r\n\t\t\t<mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\r\n\t\t\t<mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\r\n\t\t\t<span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>&nbsp;\r\n\t\t\t<span i18n=\"@@add\" *ngIf=\"editMode == false\">Add</span>\r\n\t\t\t<span i18n=\"@@edit\" *ngIf=\"editMode == true\">Edit</span>\r\n\t\t</span>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Custom content -->\r\n\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<span flex></span>\r\n\r\n\t\t<!-- #region Actions -->\r\n\t\t<vd-form-toolbar *ngIf=\"editMode==true\" [menuItems]=\"menuItems\" (reload)=\"reload?.emit($event)\"></vd-form-toolbar>\r\n\t\t<!-- #endregion-->\r\n\r\n\t\t<!-- #region Custom right content -->\r\n\t\t<ng-content select=\"[vd-toolbar-content-right]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\t</mat-toolbar>\r\n\t<div class=\"vd-layout-nav-content\" cdkScrollable>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<ng-content select=\"vd-layout-footer\"></ng-content>\r\n</div>", styles: [".vd-menu-button{margin-left:0}::ng-deep [dir=rtl] .vd-menu-button{margin-right:0;margin-left:6px}:host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .vd-layout-nav-wrapper{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .vd-layout-nav-wrapper .vd-layout-nav-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-wrapper .vd-layout-nav-content{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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.VdFormToolbarComponent, selector: "vd-form-toolbar", inputs: ["subtitle", "menuItems", "loading"], outputs: ["reload"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.VdLayoutToggleDirective, selector: "[vdLayoutToggle]", inputs: ["vdLayoutToggle"] }, { type: i8.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vd-layout-nav', template: "<div class=\"vd-layout-nav-wrapper\">\r\n\t<mat-toolbar [color]=\"color\">\r\n\t\t<!-- #region Toggle buton -->\r\n\t\t<button mat-icon-button vd-menu-button vdLayoutToggle *ngIf=\"!hideToggle\">\r\n\t\t\t<mat-icon>menu</mat-icon>\r\n\t\t</button>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Back button -->\r\n\t\t<button mat-icon-button vd-menu-button *ngIf=\"backNavigationRouteEnabled\" (click)=\"handleBackNavigationClick()\">\r\n\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t</button>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Custom buttons -->\r\n\t\t<ng-content select=\"[vd-menu-button]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Logo with home link -->\r\n\t\t<span *ngIf=\"icon || logo || toolbarTitle\" [class.cursor-pointer]=\"routerEnabled\" (click)=\"handleNavigationClick()\" class=\"vd-layout-nav-toolbar-content\">\r\n\t\t\t<mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\r\n\t\t\t<mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\r\n\t\t\t<span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>&nbsp;\r\n\t\t\t<span i18n=\"@@add\" *ngIf=\"editMode == false\">Add</span>\r\n\t\t\t<span i18n=\"@@edit\" *ngIf=\"editMode == true\">Edit</span>\r\n\t\t</span>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<!-- #region Custom content -->\r\n\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<span flex></span>\r\n\r\n\t\t<!-- #region Actions -->\r\n\t\t<vd-form-toolbar *ngIf=\"editMode==true\" [menuItems]=\"menuItems\" (reload)=\"reload?.emit($event)\"></vd-form-toolbar>\r\n\t\t<!-- #endregion-->\r\n\r\n\t\t<!-- #region Custom right content -->\r\n\t\t<ng-content select=\"[vd-toolbar-content-right]\"></ng-content>\r\n\t\t<!-- #endregion -->\r\n\t</mat-toolbar>\r\n\t<div class=\"vd-layout-nav-content\" cdkScrollable>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<ng-content select=\"vd-layout-footer\"></ng-content>\r\n</div>", styles: [".vd-menu-button{margin-left:0}::ng-deep [dir=rtl] .vd-menu-button{margin-right:0;margin-left:6px}:host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .vd-layout-nav-wrapper{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .vd-layout-nav-wrapper .vd-layout-nav-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-wrapper .vd-layout-nav-content{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router, decorators: [{
+                    type: Optional
+                }] }, { type: i1.ActivatedRoute, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { toolbarTitle: [{
+                type: Input
+            }], editMode: [{
+                type: Input
+            }], menuItems: [{
+                type: Input
+            }], reload: [{
+                type: Output
+            }], icon: [{
+                type: Input
+            }], logo: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], hideToggle: [{
+                type: Input
+            }], backNavigationRoute: [{
+                type: Input
+            }], navigationRoute: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZGsvc3JjL2xpYi9sYXlvdXQvbGF5b3V0LW5hdi9sYXlvdXQtbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbmF2L2xheW91dC1uYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7Ozs7QUFRckQsTUFBTSxPQUFPLG9CQUFvQjtJQXNGaEM7OztPQUdHO0lBQ0gsWUFBZ0MsTUFBYyxFQUF3QixLQUFxQjtRQUEzRCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQXdCLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBcEUzRjs7V0FFRztRQUVJLFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQW1CMUQ7Ozs7O1dBS0c7UUFFSSxVQUFLLEdBQVcsU0FBUyxDQUFDO1FBRWpDOzs7O1dBSUc7UUFFSSxlQUFVLEdBQVksS0FBSyxDQUFDO0lBOEI0RCxDQUFDO0lBdEJoRzs7T0FFRztJQUNILElBQUksMEJBQTBCLEtBQWMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQztJQVVqRzs7T0FFRztJQUNILElBQUksYUFBYSxLQUFjLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO0lBUWhGOztPQUVHO0lBQ0kseUJBQXlCO1FBQy9CLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFO1lBQ3BDLElBQUksUUFBUSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDM0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsUUFBUSxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDeEg7SUFDRixDQUFDO0lBRUQ7O09BRUc7SUFDSSxxQkFBcUI7UUFDM0IsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUNoRDtJQUNGLENBQUM7O3VKQTdHVyxvQkFBb0I7MklBQXBCLG9CQUFvQixrVUNWakMsZzdEQThDTTsyRkRwQ08sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNDLGVBQWU7OzBCQThGWixRQUFROzswQkFBNEIsUUFBUTs0Q0FsRmxELFlBQVk7c0JBRGxCLEtBQUs7Z0JBT0MsUUFBUTtzQkFEZCxLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSztnQkFPQyxNQUFNO3NCQURaLE1BQU07Z0JBU0EsSUFBSTtzQkFEVixLQUFLO2dCQVVDLElBQUk7c0JBRFYsS0FBSztnQkFVQyxLQUFLO3NCQURYLEtBQUs7Z0JBU0MsVUFBVTtzQkFEaEIsS0FBSztnQkFPQyxtQkFBbUI7c0JBRHpCLEtBQUs7Z0JBY0MsZUFBZTtzQkFEckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgVXRpbHMgfSBmcm9tICcuLi8uLi9jb21tb24vZnVuY3Rpb25zL3V0aWxzJztcclxuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tICcuLi8uLi9tZW51L21vZGVscy9tZW51LWl0ZW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICd2ZC1sYXlvdXQtbmF2JyxcclxuXHRzdHlsZVVybHM6IFsnLi9sYXlvdXQtbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcblx0dGVtcGxhdGVVcmw6ICcuL2xheW91dC1uYXYuY29tcG9uZW50Lmh0bWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmRMYXlvdXROYXZDb21wb25lbnQge1xyXG5cclxuXHQvKipcclxuXHQgKiB0b29sYmFyVGl0bGU/OiBzdHJpbmdcclxuXHQgKlxyXG5cdCAqIFRpdGxlIHNldCBpbiB0b29sYmFyLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIHRvb2xiYXJUaXRsZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBlZGl0TW9kZT86IGJvb2xlYW5cclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBlZGl0TW9kZT86IGJvb2xlYW47XHJcblxyXG5cdC8qKlxyXG5cdCAqIG1lbnVJdGVtczogTWVudUl0ZW1bXVxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIG1lbnVJdGVtczogTWVudUl0ZW1bXTtcclxuXHJcblx0LyoqXHJcblx0ICogcmVsb2FkOiBFdmVudEVtaXR0ZXI8YW55PlxyXG5cdCAqL1xyXG5cdEBPdXRwdXQoKVxyXG5cdHB1YmxpYyByZWxvYWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcclxuXHJcblx0LyoqXHJcblx0ICogaWNvbj86IHN0cmluZ1xyXG5cdCAqXHJcblx0ICogaWNvbiBuYW1lIHRvIGJlIGRpc3BsYXllZCBiZWZvcmUgdGhlIHRpdGxlXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgaWNvbjogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBsb2dvPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBsb2dvIGljb24gbmFtZSB0byBiZSBkaXNwbGF5ZWQgYmVmb3JlIHRoZSB0aXRsZS5cclxuXHQgKiBJZiBbaWNvbl0gaXMgc2V0LCB0aGVuIHRoaXMgd2lsbCBub3QgYmUgc2hvd24uXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgbG9nbzogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBjb2xvcj86IHN0cmluZ1xyXG5cdCAqXHJcblx0ICogdG9vbGJhciBjb2xvciBvcHRpb246IHByaW1hcnkgfCBhY2NlbnQgfCB3YXJuLlxyXG5cdCAqIElmIFtjb2xvcl0gaXMgbm90IHNldCwgcHJpbWFyeSBpcyB1c2VkLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIGNvbG9yOiBzdHJpbmcgPSAncHJpbWFyeSc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIGhpZGVUb2dnbGU/OiBib29sZWFuXHJcblx0ICpcclxuXHQgKiBIaWRlcyB0b2dnbGUgYnV0dG9uXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgaGlkZVRvZ2dsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuXHQvKipcclxuXHQgKiBiYWNrTmF2aWdhdGlvblJvdXRlPzogc3RyaW5nXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgYmFja05hdmlnYXRpb25Sb3V0ZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBDaGVja3MgaWYgcm91dGVyIHdhcyBpbmplY3RlZC5cclxuXHQgKi9cclxuXHRnZXQgYmFja05hdmlnYXRpb25Sb3V0ZUVuYWJsZWQoKTogYm9vbGVhbiB7IHJldHVybiAhIXRoaXMucm91dGVyICYmICEhdGhpcy5iYWNrTmF2aWdhdGlvblJvdXRlOyB9XHJcblxyXG5cdC8qKlxyXG5cdCAqIG5hdmlnYXRpb25Sb3V0ZT86IHN0cmluZ1xyXG5cdCAqXHJcblx0ICogb3B0aW9uIHRvIHNldCB0aGUgY29tYmluZWQgcm91dGUgZm9yIHRoZSBpY29uLCBsb2dvLCBhbmQgdG9vbGJhclRpdGxlLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIG5hdmlnYXRpb25Sb3V0ZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBDaGVja3MgaWYgcm91dGVyIHdhcyBpbmplY3RlZC5cclxuXHQgKi9cclxuXHRnZXQgcm91dGVyRW5hYmxlZCgpOiBib29sZWFuIHsgcmV0dXJuICEhdGhpcy5yb3V0ZXIgJiYgISF0aGlzLm5hdmlnYXRpb25Sb3V0ZTsgfVxyXG5cclxuXHQvKipcclxuXHQgKiBDb25zdHJ1Y3RvclxyXG5cdCAqIEBwYXJhbSByb3V0ZXIgXHJcblx0ICovXHJcblx0Y29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlciwgQE9wdGlvbmFsKCkgcHJvdGVjdGVkIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSkgeyB9XHJcblxyXG5cdC8qKlxyXG5cdCAqIEhhbmRsZXMgY2xpY2sgZXZlbnQgb24gYmFjayBuYXZpZ2F0aW9uIHRpdGxlXHJcblx0ICovXHJcblx0cHVibGljIGhhbmRsZUJhY2tOYXZpZ2F0aW9uQ2xpY2soKTogdm9pZCB7XHJcblx0XHRpZiAodGhpcy5iYWNrTmF2aWdhdGlvblJvdXRlRW5hYmxlZCkge1xyXG5cdFx0XHR2YXIgdXJsUGFydHMgPSBVdGlscy5nZXRVcmxQYXJ0cyh0aGlzLmJhY2tOYXZpZ2F0aW9uUm91dGUpO1xyXG5cdFx0XHR0aGlzLnJvdXRlci5uYXZpZ2F0ZShbdXJsUGFydHMudXJsXSwgeyBxdWVyeVBhcmFtczogdXJsUGFydHMucGFyYW1zLCBmcmFnbWVudDogdXJsUGFydHMuaGFzaCwgcmVsYXRpdmVUbzogdGhpcy5yb3V0ZSB9KTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIEhhbmRsZXMgY2xpY2sgZXZlbnQgb24gbmF2aWdhdGlvbiB0aXRsZVxyXG5cdCAqL1xyXG5cdHB1YmxpYyBoYW5kbGVOYXZpZ2F0aW9uQ2xpY2soKTogdm9pZCB7XHJcblx0XHRpZiAodGhpcy5yb3V0ZXJFbmFibGVkKSB7XHJcblx0XHRcdHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwodGhpcy5uYXZpZ2F0aW9uUm91dGUpO1xyXG5cdFx0fVxyXG5cdH1cclxufSIsIjxkaXYgY2xhc3M9XCJ2ZC1sYXlvdXQtbmF2LXdyYXBwZXJcIj5cclxuXHQ8bWF0LXRvb2xiYXIgW2NvbG9yXT1cImNvbG9yXCI+XHJcblx0XHQ8IS0tICNyZWdpb24gVG9nZ2xlIGJ1dG9uIC0tPlxyXG5cdFx0PGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gdmQtbWVudS1idXR0b24gdmRMYXlvdXRUb2dnbGUgKm5nSWY9XCIhaGlkZVRvZ2dsZVwiPlxyXG5cdFx0XHQ8bWF0LWljb24+bWVudTwvbWF0LWljb24+XHJcblx0XHQ8L2J1dHRvbj5cclxuXHRcdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcblx0XHQ8IS0tICNyZWdpb24gQmFjayBidXR0b24gLS0+XHJcblx0XHQ8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiB2ZC1tZW51LWJ1dHRvbiAqbmdJZj1cImJhY2tOYXZpZ2F0aW9uUm91dGVFbmFibGVkXCIgKGNsaWNrKT1cImhhbmRsZUJhY2tOYXZpZ2F0aW9uQ2xpY2soKVwiPlxyXG5cdFx0XHQ8bWF0LWljb24+YXJyb3dfYmFjazwvbWF0LWljb24+XHJcblx0XHQ8L2J1dHRvbj5cclxuXHRcdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcblx0XHQ8IS0tICNyZWdpb24gQ3VzdG9tIGJ1dHRvbnMgLS0+XHJcblx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbdmQtbWVudS1idXR0b25dXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0PCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cclxuXHRcdDwhLS0gI3JlZ2lvbiBMb2dvIHdpdGggaG9tZSBsaW5rIC0tPlxyXG5cdFx0PHNwYW4gKm5nSWY9XCJpY29uIHx8IGxvZ28gfHwgdG9vbGJhclRpdGxlXCIgW2NsYXNzLmN1cnNvci1wb2ludGVyXT1cInJvdXRlckVuYWJsZWRcIiAoY2xpY2spPVwiaGFuZGxlTmF2aWdhdGlvbkNsaWNrKClcIiBjbGFzcz1cInZkLWxheW91dC1uYXYtdG9vbGJhci1jb250ZW50XCI+XHJcblx0XHRcdDxtYXQtaWNvbiAqbmdJZj1cImljb25cIj57e2ljb259fTwvbWF0LWljb24+XHJcblx0XHRcdDxtYXQtaWNvbiAqbmdJZj1cImxvZ28gJiYgIWljb25cIiBjbGFzcz1cIm1hdC1pY29uLWxvZ29cIiBbc3ZnSWNvbl09XCJsb2dvXCI+PC9tYXQtaWNvbj5cclxuXHRcdFx0PHNwYW4gKm5nSWY9XCJ0b29sYmFyVGl0bGVcIj57e3Rvb2xiYXJUaXRsZX19PC9zcGFuPiZuYnNwO1xyXG5cdFx0XHQ8c3BhbiBpMThuPVwiQEBhZGRcIiAqbmdJZj1cImVkaXRNb2RlID09IGZhbHNlXCI+QWRkPC9zcGFuPlxyXG5cdFx0XHQ8c3BhbiBpMThuPVwiQEBlZGl0XCIgKm5nSWY9XCJlZGl0TW9kZSA9PSB0cnVlXCI+RWRpdDwvc3Bhbj5cclxuXHRcdDwvc3Bhbj5cclxuXHRcdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcblx0XHQ8IS0tICNyZWdpb24gQ3VzdG9tIGNvbnRlbnQgLS0+XHJcblx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbdmQtdG9vbGJhci1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuXHRcdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcblx0XHQ8c3BhbiBmbGV4Pjwvc3Bhbj5cclxuXHJcblx0XHQ8IS0tICNyZWdpb24gQWN0aW9ucyAtLT5cclxuXHRcdDx2ZC1mb3JtLXRvb2xiYXIgKm5nSWY9XCJlZGl0TW9kZT09dHJ1ZVwiIFttZW51SXRlbXNdPVwibWVudUl0ZW1zXCIgKHJlbG9hZCk9XCJyZWxvYWQ/LmVtaXQoJGV2ZW50KVwiPjwvdmQtZm9ybS10b29sYmFyPlxyXG5cdFx0PCEtLSAjZW5kcmVnaW9uLS0+XHJcblxyXG5cdFx0PCEtLSAjcmVnaW9uIEN1c3RvbSByaWdodCBjb250ZW50IC0tPlxyXG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ZkLXRvb2xiYXItY29udGVudC1yaWdodF1cIj48L25nLWNvbnRlbnQ+XHJcblx0XHQ8IS0tICNlbmRyZWdpb24gLS0+XHJcblx0PC9tYXQtdG9vbGJhcj5cclxuXHQ8ZGl2IGNsYXNzPVwidmQtbGF5b3V0LW5hdi1jb250ZW50XCIgY2RrU2Nyb2xsYWJsZT5cclxuXHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuXHQ8L2Rpdj5cclxuXHQ8bmctY29udGVudCBzZWxlY3Q9XCJ2ZC1sYXlvdXQtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=

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

@@ -0,0 +1,123 @@
+import { Component, Input, Optional, ViewChild } from '@angular/core';
+import { MatSidenav } from '@angular/material/sidenav';
+import { Router } from '@angular/router';
+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/material/icon";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/cdk/scrolling";
+export class VdLayoutNavListComponent {
+    constructor(_router) {
+        this._router = _router;
+        /**
+         * color?: string
+         *
+         * 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';
+    }
+    /**
+     * 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 vd-layout template).
+     */
+    toggle() {
+        return this.sidenav.toggle(!this.sidenav.opened);
+    }
+    /**
+     * Proxy open method to access sidenav from outside (from vd-layout template).
+     */
+    open() {
+        return this.sidenav.open();
+    }
+    /**
+     * Proxy close method to access sidenav from outside (from vd-layout template).
+     */
+    close() {
+        return this.sidenav.close();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListComponent, deps: [{ token: i1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListComponent, selector: "vd-layout-nav-list", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", navigationRoute: "navigationRoute" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<div class=\"vd-layout-nav-list-wrapper\">\r\n\t<mat-sidenav-container fullscreen class=\"vd-layout-nav-list\">\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\"\r\n\t\t [style.min-width]=\"sidenavWidth\">\r\n\t\t\t<mat-toolbar [color]=\"color\">\r\n\t\t\t\t<ng-content select=\"[vd-menu-button]\"></ng-content>\r\n\t\t\t\t<span *ngIf=\"icon || logo || toolbarTitle\" class=\"vd-layout-nav-list-toolbar-content\" [class.cursor-pointer]=\"routerEnabled\"\r\n\t\t\t\t (click)=\"handleNavigationClick()\">\r\n\t\t\t\t\t<mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\r\n\t\t\t\t\t<mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\r\n\t\t\t\t\t<span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<ng-content select=\"[vd-sidenav-toolbar-content]\"></ng-content>\r\n\t\t\t</mat-toolbar>\r\n\t\t\t<div class=\"vd-layout-nav-list-content\" cdkScrollable>\r\n\t\t\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</mat-sidenav>\r\n\t\t<div class=\"vd-layout-nav-list-main\">\r\n\t\t\t<mat-toolbar [color]=\"color\">\r\n\t\t\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\r\n\t\t\t</mat-toolbar>\r\n\t\t\t<div class=\"vd-layout-nav-list-content\" cdkScrollable>\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t</div>\r\n\t</mat-sidenav-container>\r\n</div>\r\n<ng-content select=\"vd-layout-footer\"></ng-content>", styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;flex-direction:column;box-sizing:border-box;display:flex;flex:1}:host .vd-layout-nav-list-wrapper{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-content{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main .vd-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list{flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opening,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closing{box-shadow:none}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>mat-sidenav{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;flex-direction:column}\n"], components: [{ type: i2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vd-layout-nav-list', template: "<div class=\"vd-layout-nav-list-wrapper\">\r\n\t<mat-sidenav-container fullscreen class=\"vd-layout-nav-list\">\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\"\r\n\t\t [style.min-width]=\"sidenavWidth\">\r\n\t\t\t<mat-toolbar [color]=\"color\">\r\n\t\t\t\t<ng-content select=\"[vd-menu-button]\"></ng-content>\r\n\t\t\t\t<span *ngIf=\"icon || logo || toolbarTitle\" class=\"vd-layout-nav-list-toolbar-content\" [class.cursor-pointer]=\"routerEnabled\"\r\n\t\t\t\t (click)=\"handleNavigationClick()\">\r\n\t\t\t\t\t<mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\r\n\t\t\t\t\t<mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\r\n\t\t\t\t\t<span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<ng-content select=\"[vd-sidenav-toolbar-content]\"></ng-content>\r\n\t\t\t</mat-toolbar>\r\n\t\t\t<div class=\"vd-layout-nav-list-content\" cdkScrollable>\r\n\t\t\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</mat-sidenav>\r\n\t\t<div class=\"vd-layout-nav-list-main\">\r\n\t\t\t<mat-toolbar [color]=\"color\">\r\n\t\t\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\r\n\t\t\t</mat-toolbar>\r\n\t\t\t<div class=\"vd-layout-nav-list-content\" cdkScrollable>\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t</div>\r\n\t</mat-sidenav-container>\r\n</div>\r\n<ng-content select=\"vd-layout-footer\"></ng-content>", styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;flex-direction:column;box-sizing:border-box;display:flex;flex:1}:host .vd-layout-nav-list-wrapper{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-content{text-align:start;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .vd-layout-nav-list-wrapper .vd-layout-nav-list-main .vd-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list{flex:1}:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-opening,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .vd-layout-nav-list-wrapper mat-sidenav-container.vd-layout-nav-list>mat-sidenav.mat-drawer-closing{box-shadow:none}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>.mat-drawer-content{flex-grow:1}:host ::ng-deep mat-sidenav-container.vd-layout-nav-list>mat-sidenav{box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;box-sizing:border-box;display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { sidenav: [{
+                type: ViewChild,
+                args: [MatSidenav, { static: true }]
+            }], toolbarTitle: [{
+                type: Input,
+                args: ['toolbarTitle']
+            }], icon: [{
+                type: Input,
+                args: ['icon']
+            }], logo: [{
+                type: Input,
+                args: ['logo']
+            }], color: [{
+                type: Input,
+                args: ['color']
+            }], mode: [{
+                type: Input,
+                args: ['mode']
+            }], opened: [{
+                type: Input,
+                args: ['opened']
+            }], sidenavWidth: [{
+                type: Input,
+                args: ['sidenavWidth']
+            }], navigationRoute: [{
+                type: Input,
+                args: ['navigationRoute']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbmF2LWxpc3QvbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbmF2LWxpc3QvbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7Ozs7QUFRekMsTUFBTSxPQUFPLHdCQUF3QjtJQXVGcEMsWUFBZ0MsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7UUE5RC9DOzs7OztXQUtHO1FBQ2EsVUFBSyxHQUFXLFNBQVMsQ0FBQztRQUUxQzs7Ozs7Ozs7V0FRRztRQUNZLFNBQUksR0FBNkIsTUFBTSxDQUFDO1FBRXZEOzs7Ozs7OztXQVFHO1FBQ2MsV0FBTSxHQUFZLElBQUksQ0FBQztRQUV4Qzs7Ozs7OztXQU9HO1FBQ29CLGlCQUFZLEdBQVcsT0FBTyxDQUFDO0lBd0JILENBQUM7SUFmcEQ7OztPQUdHO0lBQ0gsSUFBSSxZQUFZO1FBQ2YsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQztJQUM3QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLGFBQWE7UUFDaEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNqRCxDQUFDO0lBSUQscUJBQXFCO1FBQ3BCLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDakQ7SUFDRixDQUFDO0lBRUQ7O09BRUc7SUFDSSxNQUFNO1FBQ1osT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVEOztPQUVHO0lBQ0ksSUFBSTtRQUNWLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQ7O09BRUc7SUFDSSxLQUFLO1FBQ1gsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJKQWxIVyx3QkFBd0I7K0lBQXhCLHdCQUF3QiwyUkFFekIsVUFBVSw4RENidEIsb2tEQTZCbUQ7MkZEbEJ0Qyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0Msb0JBQW9COzswQkEyRmpCLFFBQVE7NENBckZvQixPQUFPO3NCQUEvQyxTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBT2hCLFlBQVk7c0JBQWxDLEtBQUs7dUJBQUMsY0FBYztnQkFNTixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBUUUsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQVFHLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFXQyxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBV0ksTUFBTTtzQkFBdEIsS0FBSzt1QkFBQyxRQUFRO2dCQVVRLFlBQVk7c0JBQWxDLEtBQUs7dUJBQUMsY0FBYztnQkFPSyxlQUFlO3NCQUF4QyxLQUFLO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9wdGlvbmFsLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RHJhd2VyVG9nZ2xlUmVzdWx0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XHJcbmltcG9ydCB7IE1hdFNpZGVuYXYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgSUxheW91dFRvZ2dsYWJsZSB9IGZyb20gJy4uL2xheW91dC10b2dnbGUuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICd2ZC1sYXlvdXQtbmF2LWxpc3QnLFxyXG5cdHN0eWxlVXJsczogWycuL2xheW91dC1uYXYtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG5cdHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQtbmF2LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmRMYXlvdXROYXZMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgSUxheW91dFRvZ2dsYWJsZSB7XHJcblxyXG5cdEBWaWV3Q2hpbGQoTWF0U2lkZW5hdiwgeyBzdGF0aWM6IHRydWUgfSkgc2lkZW5hdjogTWF0U2lkZW5hdjtcclxuXHJcblx0LyoqXHJcblx0ICogdG9vbGJhclRpdGxlPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBUaXRsZSBzZXQgaW4gdG9vbGJhci5cclxuXHQgKi9cclxuXHRASW5wdXQoJ3Rvb2xiYXJUaXRsZScpIHRvb2xiYXJUaXRsZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBpY29uPzogc3RyaW5nXHJcblx0ICogaWNvbiBuYW1lIHRvIGJlIGRpc3BsYXllZCBiZWZvcmUgdGhlIHRpdGxlXHJcblx0ICovXHJcblx0QElucHV0KCdpY29uJykgaWNvbjogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBsb2dvPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBsb2dvIGljb24gbmFtZSB0byBiZSBkaXNwbGF5ZWQgYmVmb3JlIHRoZSB0aXRsZS5cclxuXHQgKiBJZiBbaWNvbl0gaXMgc2V0LCB0aGVuIHRoaXMgd2lsbCBub3QgYmUgc2hvd24uXHJcblx0ICovXHJcblx0QElucHV0KCdsb2dvJykgbG9nbzogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBjb2xvcj86IHN0cmluZ1xyXG5cdCAqXHJcblx0ICogdG9vbGJhciBjb2xvciBvcHRpb246IHByaW1hcnkgfCBhY2NlbnQgfCB3YXJuLlxyXG5cdCAqIElmIFtjb2xvcl0gaXMgbm90IHNldCwgcHJpbWFyeSBpcyB1c2VkLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgnY29sb3InKSBjb2xvcjogc3RyaW5nID0gJ3ByaW1hcnknO1xyXG5cclxuXHQvKipcclxuXHQgKiBtb2RlPzogJ3NpZGUnLCAncHVzaCcgb3IgJ292ZXInXHJcblx0ICpcclxuXHQgKiBUaGUgbW9kZSBvciBzdHlsaW5nIG9mIHRoZSBzaWRlbmF2LlxyXG5cdCAqIERlZmF1bHRzIHRvIFwic2lkZVwiLlxyXG5cdCAqIFNlZSBcIk1hdFNpZGVuYXZcIiBkb2N1bWVudGF0aW9uIGZvciBtb3JlIGluZm8uXHJcblx0ICpcclxuXHQgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvdHJlZS9tYXN0ZXIvc3JjL2xpYi9zaWRlbmF2XHJcblx0ICovXHJcblx0QElucHV0KCdtb2RlJykgbW9kZTogJ3NpZGUnIHwgJ3B1c2gnIHwgJ292ZXInID0gJ3NpZGUnO1xyXG5cclxuXHQvKipcclxuXHQgKiBvcGVuZWQ/OiBib29sZWFuXHJcblx0ICogV2hldGhlciBvciBub3QgdGhlIHNpZGVuYXYgaXMgb3BlbmVkLiBVc2UgdGhpcyBiaW5kaW5nIHRvIG9wZW4vY2xvc2UgdGhlIHNpZGVuYXYuXHJcblx0ICogRGVmYXVsdHMgdG8gXCJ0cnVlXCIuXHJcblx0ICpcclxuXHQgKiBTZWUgXCJNYXRTaWRlbmF2XCIgZG9jdW1lbnRhdGlvbiBmb3IgbW9yZSBpbmZvLlxyXG5cdCAqXHJcblx0ICogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvbWF0ZXJpYWwyL3RyZWUvbWFzdGVyL3NyYy9saWIvc2lkZW5hdlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgnb3BlbmVkJykgb3BlbmVkOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcblx0LyoqXHJcblx0ICogc2lkZW5hdldpZHRoPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBTZXRzIHRoZSBcIndpZHRoXCIgb2YgdGhlIHNpZGVuYXYgaW4gZWl0aGVyIFwicHhcIiBvciBcIiVcIlxyXG5cdCAqIERlZmF1bHRzIHRvIFwiMzUwcHhcIi5cclxuXHQgKlxyXG5cdCAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcclxuXHQgKi9cclxuXHRASW5wdXQoJ3NpZGVuYXZXaWR0aCcpIHNpZGVuYXZXaWR0aDogc3RyaW5nID0gJzM1MHB4JztcclxuXHJcblx0LyoqXHJcblx0ICogbmF2aWdhdGlvblJvdXRlPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBvcHRpb24gdG8gc2V0IHRoZSBjb21iaW5lZCByb3V0ZSBmb3IgdGhlIGljb24sIGxvZ28sIGFuZCB0b29sYmFyVGl0bGUuXHJcblx0ICovXHJcblx0QElucHV0KCduYXZpZ2F0aW9uUm91dGUnKSBuYXZpZ2F0aW9uUm91dGU6IHN0cmluZztcclxuXHJcblx0LyoqXHJcblx0ICogQ2hlY2tzIGlmIGBFU0NgIHNob3VsZCBjbG9zZSB0aGUgc2lkZW5hdlxyXG5cdCAqIFNob3VsZCBvbmx5IGNsb3NlIGl0IGZvciBgcHVzaGAgYW5kIGBvdmVyYCBtb2Rlc1xyXG5cdCAqL1xyXG5cdGdldCBkaXNhYmxlQ2xvc2UoKTogYm9vbGVhbiB7XHJcblx0XHRyZXR1cm4gdGhpcy5tb2RlID09PSAnc2lkZSc7XHJcblx0fVxyXG5cclxuXHQvKipcclxuXHQgKiBDaGVja3MgaWYgcm91dGVyIHdhcyBpbmplY3RlZC5cclxuXHQgKi9cclxuXHRnZXQgcm91dGVyRW5hYmxlZCgpOiBib29sZWFuIHtcclxuXHRcdHJldHVybiAhIXRoaXMuX3JvdXRlciAmJiAhIXRoaXMubmF2aWdhdGlvblJvdXRlO1xyXG5cdH1cclxuXHJcblx0Y29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIpIHsgfVxyXG5cclxuXHRoYW5kbGVOYXZpZ2F0aW9uQ2xpY2soKTogdm9pZCB7XHJcblx0XHRpZiAodGhpcy5yb3V0ZXJFbmFibGVkKSB7XHJcblx0XHRcdHRoaXMuX3JvdXRlci5uYXZpZ2F0ZUJ5VXJsKHRoaXMubmF2aWdhdGlvblJvdXRlKTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIFByb3h5IHRvZ2dsZSBtZXRob2QgdG8gYWNjZXNzIHNpZGVuYXYgZnJvbSBvdXRzaWRlIChmcm9tIHZkLWxheW91dCB0ZW1wbGF0ZSkuXHJcblx0ICovXHJcblx0cHVibGljIHRvZ2dsZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4ge1xyXG5cdFx0cmV0dXJuIHRoaXMuc2lkZW5hdi50b2dnbGUoIXRoaXMuc2lkZW5hdi5vcGVuZWQpO1xyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogUHJveHkgb3BlbiBtZXRob2QgdG8gYWNjZXNzIHNpZGVuYXYgZnJvbSBvdXRzaWRlIChmcm9tIHZkLWxheW91dCB0ZW1wbGF0ZSkuXHJcblx0ICovXHJcblx0cHVibGljIG9wZW4oKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+IHtcclxuXHRcdHJldHVybiB0aGlzLnNpZGVuYXYub3BlbigpO1xyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogUHJveHkgY2xvc2UgbWV0aG9kIHRvIGFjY2VzcyBzaWRlbmF2IGZyb20gb3V0c2lkZSAoZnJvbSB2ZC1sYXlvdXQgdGVtcGxhdGUpLlxyXG5cdCAqL1xyXG5cdHB1YmxpYyBjbG9zZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4ge1xyXG5cdFx0cmV0dXJuIHRoaXMuc2lkZW5hdi5jbG9zZSgpO1xyXG5cdH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInZkLWxheW91dC1uYXYtbGlzdC13cmFwcGVyXCI+XHJcblx0PG1hdC1zaWRlbmF2LWNvbnRhaW5lciBmdWxsc2NyZWVuIGNsYXNzPVwidmQtbGF5b3V0LW5hdi1saXN0XCI+XHJcblx0XHQ8bWF0LXNpZGVuYXYgI3NpZGVuYXYgcG9zaXRpb249XCJzdGFydFwiIFttb2RlXT1cIm1vZGVcIiBbb3BlbmVkXT1cIm9wZW5lZFwiIFtkaXNhYmxlQ2xvc2VdPVwiZGlzYWJsZUNsb3NlXCIgW3N0eWxlLm1heC13aWR0aF09XCJzaWRlbmF2V2lkdGhcIlxyXG5cdFx0IFtzdHlsZS5taW4td2lkdGhdPVwic2lkZW5hdldpZHRoXCI+XHJcblx0XHRcdDxtYXQtdG9vbGJhciBbY29sb3JdPVwiY29sb3JcIj5cclxuXHRcdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbdmQtbWVudS1idXR0b25dXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0XHRcdDxzcGFuICpuZ0lmPVwiaWNvbiB8fCBsb2dvIHx8IHRvb2xiYXJUaXRsZVwiIGNsYXNzPVwidmQtbGF5b3V0LW5hdi1saXN0LXRvb2xiYXItY29udGVudFwiIFtjbGFzcy5jdXJzb3ItcG9pbnRlcl09XCJyb3V0ZXJFbmFibGVkXCJcclxuXHRcdFx0XHQgKGNsaWNrKT1cImhhbmRsZU5hdmlnYXRpb25DbGljaygpXCI+XHJcblx0XHRcdFx0XHQ8bWF0LWljb24gKm5nSWY9XCJpY29uXCI+e3tpY29ufX08L21hdC1pY29uPlxyXG5cdFx0XHRcdFx0PG1hdC1pY29uICpuZ0lmPVwibG9nbyAmJiAhaWNvblwiIGNsYXNzPVwibWF0LWljb24tbG9nb1wiIFtzdmdJY29uXT1cImxvZ29cIj48L21hdC1pY29uPlxyXG5cdFx0XHRcdFx0PHNwYW4gKm5nSWY9XCJ0b29sYmFyVGl0bGVcIj57e3Rvb2xiYXJUaXRsZX19PC9zcGFuPlxyXG5cdFx0XHRcdDwvc3Bhbj5cclxuXHRcdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbdmQtc2lkZW5hdi10b29sYmFyLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0XHQ8L21hdC10b29sYmFyPlxyXG5cdFx0XHQ8ZGl2IGNsYXNzPVwidmQtbGF5b3V0LW5hdi1saXN0LWNvbnRlbnRcIiBjZGtTY3JvbGxhYmxlPlxyXG5cdFx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIlt2ZC1zaWRlbmF2LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0XHQ8L2Rpdj5cclxuXHRcdDwvbWF0LXNpZGVuYXY+XHJcblx0XHQ8ZGl2IGNsYXNzPVwidmQtbGF5b3V0LW5hdi1saXN0LW1haW5cIj5cclxuXHRcdFx0PG1hdC10b29sYmFyIFtjb2xvcl09XCJjb2xvclwiPlxyXG5cdFx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIlt2ZC10b29sYmFyLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0XHQ8L21hdC10b29sYmFyPlxyXG5cdFx0XHQ8ZGl2IGNsYXNzPVwidmQtbGF5b3V0LW5hdi1saXN0LWNvbnRlbnRcIiBjZGtTY3JvbGxhYmxlPlxyXG5cdFx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuXHRcdFx0PC9kaXY+XHJcblx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cInZkLWxheW91dC1mb290ZXItaW5uZXJcIj48L25nLWNvbnRlbnQ+XHJcblx0XHQ8L2Rpdj5cclxuXHQ8L21hdC1zaWRlbmF2LWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbjxuZy1jb250ZW50IHNlbGVjdD1cInZkLWxheW91dC1mb290ZXJcIj48L25nLWNvbnRlbnQ+Il19