@messaia/cdk 12.3.5-rc21 → 13.0.0-rc02

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

@@ -0,0 +1,62 @@
+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/material/icon";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/scrolling";
+export class VdLayoutNavComponent {
+    /**
+     * Constructor
+     * @param router
+     */
+    constructor(router) {
+        this.router = router;
+        /**
+         * color?: string
+         *
+         * 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;
+    }
+    /**
+     * 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.1.3", ngImport: i0, type: VdLayoutNavComponent, deps: [{ token: i1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutNavComponent, selector: "vd-layout-nav", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", navigationRoute: "navigationRoute" }, ngImport: i0, template: "<div class=\"vd-layout-nav-wrapper\">\r\n\t<mat-toolbar [color]=\"color\">\r\n\t\t<ng-content select=\"[vd-menu-button]\"></ng-content>\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>\r\n\t\t</span>\r\n\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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<ng-content select=\"[vd-menu-button]\"></ng-content>\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>\r\n\t\t</span>\r\n\t\t<ng-content select=\"[vd-toolbar-content]\"></ng-content>\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
+                }] }]; }, propDecorators: { toolbarTitle: [{
+                type: Input,
+                args: ['toolbarTitle']
+            }], icon: [{
+                type: Input,
+                args: ['icon']
+            }], logo: [{
+                type: Input,
+                args: ['logo']
+            }], color: [{
+                type: Input,
+                args: ['color']
+            }], navigationRoute: [{
+                type: Input,
+                args: ['navigationRoute']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZGsvc3JjL2xpYi9sYXlvdXQvbGF5b3V0LW5hdi9sYXlvdXQtbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbmF2L2xheW91dC1uYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7OztBQU96QyxNQUFNLE9BQU8sb0JBQW9CO0lBOENoQzs7O09BR0c7SUFDSCxZQUFnQyxNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQTFCOUM7Ozs7O1dBS0c7UUFDYSxVQUFLLEdBQVcsU0FBUyxDQUFDO0lBb0JRLENBQUM7SUFYbkQ7O09BRUc7SUFDSCxJQUFJLGFBQWE7UUFDaEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNoRCxDQUFDO0lBUUQ7O09BRUc7SUFDSCxxQkFBcUI7UUFDcEIsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUNoRDtJQUNGLENBQUM7O3VKQTNEVyxvQkFBb0I7MklBQXBCLG9CQUFvQiwrS0NSakMsd3hCQWNNOzJGRE5PLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDQyxlQUFlOzswQkFzRFosUUFBUTs0Q0EzQ0UsWUFBWTtzQkFBbEMsS0FBSzt1QkFBQyxjQUFjO2dCQU9OLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFRRSxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBUUcsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQU9ZLGVBQWU7c0JBQXhDLEtBQUs7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAndmQtbGF5b3V0LW5hdicsXHJcblx0c3R5bGVVcmxzOiBbJy4vbGF5b3V0LW5hdi5jb21wb25lbnQuc2NzcyddLFxyXG5cdHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQtbmF2LmNvbXBvbmVudC5odG1sJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFZkTGF5b3V0TmF2Q29tcG9uZW50IHtcclxuXHJcblx0LyoqXHJcblx0ICogdG9vbGJhclRpdGxlPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBUaXRsZSBzZXQgaW4gdG9vbGJhci5cclxuXHQgKi9cclxuXHRASW5wdXQoJ3Rvb2xiYXJUaXRsZScpIHRvb2xiYXJUaXRsZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBpY29uPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBpY29uIG5hbWUgdG8gYmUgZGlzcGxheWVkIGJlZm9yZSB0aGUgdGl0bGVcclxuXHQgKi9cclxuXHRASW5wdXQoJ2ljb24nKSBpY29uOiBzdHJpbmc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIGxvZ28/OiBzdHJpbmdcclxuXHQgKlxyXG5cdCAqIGxvZ28gaWNvbiBuYW1lIHRvIGJlIGRpc3BsYXllZCBiZWZvcmUgdGhlIHRpdGxlLlxyXG5cdCAqIElmIFtpY29uXSBpcyBzZXQsIHRoZW4gdGhpcyB3aWxsIG5vdCBiZSBzaG93bi5cclxuXHQgKi9cclxuXHRASW5wdXQoJ2xvZ28nKSBsb2dvOiBzdHJpbmc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIGNvbG9yPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiB0b29sYmFyIGNvbG9yIG9wdGlvbjogcHJpbWFyeSB8IGFjY2VudCB8IHdhcm4uXHJcblx0ICogSWYgW2NvbG9yXSBpcyBub3Qgc2V0LCBwcmltYXJ5IGlzIHVzZWQuXHJcblx0ICovXHJcblx0QElucHV0KCdjb2xvcicpIGNvbG9yOiBzdHJpbmcgPSAncHJpbWFyeSc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIG5hdmlnYXRpb25Sb3V0ZT86IHN0cmluZ1xyXG5cdCAqXHJcblx0ICogb3B0aW9uIHRvIHNldCB0aGUgY29tYmluZWQgcm91dGUgZm9yIHRoZSBpY29uLCBsb2dvLCBhbmQgdG9vbGJhclRpdGxlLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgnbmF2aWdhdGlvblJvdXRlJykgbmF2aWdhdGlvblJvdXRlOiBzdHJpbmc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIENoZWNrcyBpZiByb3V0ZXIgd2FzIGluamVjdGVkLlxyXG5cdCAqL1xyXG5cdGdldCByb3V0ZXJFbmFibGVkKCk6IGJvb2xlYW4ge1xyXG5cdFx0cmV0dXJuICEhdGhpcy5yb3V0ZXIgJiYgISF0aGlzLm5hdmlnYXRpb25Sb3V0ZTtcclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIENvbnN0cnVjdG9yXHJcblx0ICogQHBhcmFtIHJvdXRlciBcclxuXHQgKi9cclxuXHRjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcblx0LyoqXHJcblx0ICogSGFuZGxlcyBjbGljayBldmVudCBvbiBuYXZpZ2F0aW9uIHRpdGxlXHJcblx0ICovXHJcblx0aGFuZGxlTmF2aWdhdGlvbkNsaWNrKCk6IHZvaWQge1xyXG5cdFx0aWYgKHRoaXMucm91dGVyRW5hYmxlZCkge1xyXG5cdFx0XHR0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHRoaXMubmF2aWdhdGlvblJvdXRlKTtcclxuXHRcdH1cclxuXHR9XHJcbn0iLCI8ZGl2IGNsYXNzPVwidmQtbGF5b3V0LW5hdi13cmFwcGVyXCI+XHJcblx0PG1hdC10b29sYmFyIFtjb2xvcl09XCJjb2xvclwiPlxyXG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ZkLW1lbnUtYnV0dG9uXVwiPjwvbmctY29udGVudD5cclxuXHRcdDxzcGFuICpuZ0lmPVwiaWNvbiB8fCBsb2dvIHx8IHRvb2xiYXJUaXRsZVwiIFtjbGFzcy5jdXJzb3ItcG9pbnRlcl09XCJyb3V0ZXJFbmFibGVkXCIgKGNsaWNrKT1cImhhbmRsZU5hdmlnYXRpb25DbGljaygpXCIgY2xhc3M9XCJ2ZC1sYXlvdXQtbmF2LXRvb2xiYXItY29udGVudFwiPlxyXG5cdFx0XHQ8bWF0LWljb24gKm5nSWY9XCJpY29uXCI+e3tpY29ufX08L21hdC1pY29uPlxyXG5cdFx0XHQ8bWF0LWljb24gKm5nSWY9XCJsb2dvICYmICFpY29uXCIgY2xhc3M9XCJtYXQtaWNvbi1sb2dvXCIgW3N2Z0ljb25dPVwibG9nb1wiPjwvbWF0LWljb24+XHJcblx0XHRcdDxzcGFuICpuZ0lmPVwidG9vbGJhclRpdGxlXCI+e3t0b29sYmFyVGl0bGV9fTwvc3Bhbj5cclxuXHRcdDwvc3Bhbj5cclxuXHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIlt2ZC10b29sYmFyLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG5cdDwvbWF0LXRvb2xiYXI+XHJcblx0PGRpdiBjbGFzcz1cInZkLWxheW91dC1uYXYtY29udGVudFwiIGNka1Njcm9sbGFibGU+XHJcblx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblx0PC9kaXY+XHJcblx0PG5nLWNvbnRlbnQgc2VsZWN0PVwidmQtbGF5b3V0LWZvb3RlclwiPjwvbmctY29udGVudD5cclxuPC9kaXY+Il19

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.1.3", 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.1.3", 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.1.3", 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

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

@@ -0,0 +1,81 @@
+import { Directive, ElementRef, Inject, Input, Renderer2, forwardRef } from '@angular/core';
+import { LayoutToggle } from '../layout-toggle.class';
+import { VdLayoutNavListComponent } from './layout-nav-list.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./layout-nav-list.component";
+export class VdLayoutNavListToggleDirective extends LayoutToggle {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set vdLayoutNavListToggle(vdLayoutNavListToggle) {
+        this.disabled = !(vdLayoutNavListToggle === '' || vdLayoutNavListToggle);
+    }
+    onClick() {
+        this._layout.toggle();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutNavListToggleDirective, deps: [{ token: forwardRef(() => VdLayoutNavListComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutNavListToggleDirective, selector: "[vdLayoutNavListToggle]", inputs: { vdLayoutNavListToggle: "vdLayoutNavListToggle" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutNavListToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdLayoutNavListToggle]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutNavListComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutNavListComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutNavListToggle: [{
+                type: Input,
+                args: ['vdLayoutNavListToggle']
+            }] } });
+export class VdLayoutNavListCloseDirective extends LayoutToggle {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set vdLayoutNavListClose(vdLayoutNavListClose) {
+        this.disabled = !(vdLayoutNavListClose === '' || vdLayoutNavListClose);
+    }
+    onClick() {
+        this._layout.close();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutNavListCloseDirective, deps: [{ token: forwardRef(() => VdLayoutNavListComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutNavListCloseDirective, selector: "[vdLayoutNavListClose]", inputs: { vdLayoutNavListClose: "vdLayoutNavListClose" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutNavListCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdLayoutNavListClose]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutNavListComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutNavListComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutNavListClose: [{
+                type: Input,
+                args: ['vdLayoutNavListClose']
+            }] } });
+export class VdLayoutNavListOpenDirective extends LayoutToggle {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set vdLayoutNavListOpen(vdLayoutNavListOpen) {
+        this.disabled = !(vdLayoutNavListOpen === '' || vdLayoutNavListOpen);
+    }
+    onClick() {
+        this._layout.open();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutNavListOpenDirective, deps: [{ token: forwardRef(() => VdLayoutNavListComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutNavListOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutNavListOpenDirective, selector: "[vdLayoutNavListOpen]", inputs: { vdLayoutNavListOpen: "vdLayoutNavListOpen" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutNavListOpenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdLayoutNavListOpen]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutNavListComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutNavListComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutNavListOpen: [{
+                type: Input,
+                args: ['vdLayoutNavListOpen']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi1saXN0LmRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZGsvc3JjL2xpYi9sYXlvdXQvbGF5b3V0LW5hdi1saXN0L2xheW91dC1uYXYtbGlzdC5kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQUt2RSxNQUFNLE9BQU8sOEJBQStCLFNBQVEsWUFBWTtJQU8vRCxZQUFnRSxNQUFnQyxFQUMvRixRQUFtQixFQUNuQixVQUFzQjtRQUN0QixLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBVEQsSUFDSSxxQkFBcUIsQ0FBQyxxQkFBOEI7UUFDdkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQU0scUJBQXFCLEtBQUssRUFBRSxJQUFJLHFCQUFxQixDQUFDLENBQUM7SUFDL0UsQ0FBQztJQVFELE9BQU87UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3ZCLENBQUM7O2lLQWZXLDhCQUE4QixrQkFPdEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO3FKQVBsRCw4QkFBOEI7MkZBQTlCLDhCQUE4QjtrQkFIMUMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUseUJBQXlCO2lCQUNuQzs7MEJBUWEsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7NkZBSjFELHFCQUFxQjtzQkFEeEIsS0FBSzt1QkFBQyx1QkFBdUI7O0FBbUIvQixNQUFNLE9BQU8sNkJBQThCLFNBQVEsWUFBWTtJQU85RCxZQUFnRSxNQUFnQyxFQUMvRixRQUFtQixFQUNuQixVQUFzQjtRQUN0QixLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBVEQsSUFDSSxvQkFBb0IsQ0FBQyxvQkFBNkI7UUFDckQsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQU0sb0JBQW9CLEtBQUssRUFBRSxJQUFJLG9CQUFvQixDQUFDLENBQUM7SUFDN0UsQ0FBQztJQVFELE9BQU87UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2dLQWZXLDZCQUE2QixrQkFPckIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29KQVBsRCw2QkFBNkI7MkZBQTdCLDZCQUE2QjtrQkFIekMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsd0JBQXdCO2lCQUNsQzs7MEJBUWEsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7NkZBSjFELG9CQUFvQjtzQkFEdkIsS0FBSzt1QkFBQyxzQkFBc0I7O0FBbUI5QixNQUFNLE9BQU8sNEJBQTZCLFNBQVEsWUFBWTtJQU83RCxZQUFnRSxNQUFnQyxFQUMvRixRQUFtQixFQUNuQixVQUFzQjtRQUN0QixLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBVEQsSUFDSSxtQkFBbUIsQ0FBQyxtQkFBNEI7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQU0sbUJBQW1CLEtBQUssRUFBRSxJQUFJLG1CQUFtQixDQUFDLENBQUM7SUFDM0UsQ0FBQztJQVFELE9BQU87UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7OytKQWZXLDRCQUE0QixrQkFPcEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO21KQVBsRCw0QkFBNEI7MkZBQTVCLDRCQUE0QjtrQkFIeEMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsdUJBQXVCO2lCQUNqQzs7MEJBUWEsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7NkZBSjFELG1CQUFtQjtzQkFEdEIsS0FBSzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5wdXQsIFJlbmRlcmVyMiwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBMYXlvdXRUb2dnbGUgfSBmcm9tICcuLi9sYXlvdXQtdG9nZ2xlLmNsYXNzJztcclxuaW1wb3J0IHsgVmRMYXlvdXROYXZMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQtbmF2LWxpc3QuY29tcG9uZW50JztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG5cdHNlbGVjdG9yOiAnW3ZkTGF5b3V0TmF2TGlzdFRvZ2dsZV0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmRMYXlvdXROYXZMaXN0VG9nZ2xlRGlyZWN0aXZlIGV4dGVuZHMgTGF5b3V0VG9nZ2xlIHtcclxuXHJcblx0QElucHV0KCd2ZExheW91dE5hdkxpc3RUb2dnbGUnKVxyXG5cdHNldCB2ZExheW91dE5hdkxpc3RUb2dnbGUodmRMYXlvdXROYXZMaXN0VG9nZ2xlOiBib29sZWFuKSB7XHJcblx0XHR0aGlzLmRpc2FibGVkID0gISg8YW55PnZkTGF5b3V0TmF2TGlzdFRvZ2dsZSA9PT0gJycgfHwgdmRMYXlvdXROYXZMaXN0VG9nZ2xlKTtcclxuXHR9XHJcblxyXG5cdGNvbnN0cnVjdG9yKEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBWZExheW91dE5hdkxpc3RDb21wb25lbnQpKSBsYXlvdXQ6IFZkTGF5b3V0TmF2TGlzdENvbXBvbmVudCxcclxuXHRcdHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcblx0XHRlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcblx0XHRzdXBlcihsYXlvdXQsIHJlbmRlcmVyLCBlbGVtZW50UmVmKTtcclxuXHR9XHJcblxyXG5cdG9uQ2xpY2soKTogdm9pZCB7XHJcblx0XHR0aGlzLl9sYXlvdXQudG9nZ2xlKCk7XHJcblx0fVxyXG59XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuXHRzZWxlY3RvcjogJ1t2ZExheW91dE5hdkxpc3RDbG9zZV0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmRMYXlvdXROYXZMaXN0Q2xvc2VEaXJlY3RpdmUgZXh0ZW5kcyBMYXlvdXRUb2dnbGUge1xyXG5cclxuXHRASW5wdXQoJ3ZkTGF5b3V0TmF2TGlzdENsb3NlJylcclxuXHRzZXQgdmRMYXlvdXROYXZMaXN0Q2xvc2UodmRMYXlvdXROYXZMaXN0Q2xvc2U6IGJvb2xlYW4pIHtcclxuXHRcdHRoaXMuZGlzYWJsZWQgPSAhKDxhbnk+dmRMYXlvdXROYXZMaXN0Q2xvc2UgPT09ICcnIHx8IHZkTGF5b3V0TmF2TGlzdENsb3NlKTtcclxuXHR9XHJcblxyXG5cdGNvbnN0cnVjdG9yKEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBWZExheW91dE5hdkxpc3RDb21wb25lbnQpKSBsYXlvdXQ6IFZkTGF5b3V0TmF2TGlzdENvbXBvbmVudCxcclxuXHRcdHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcblx0XHRlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcblx0XHRzdXBlcihsYXlvdXQsIHJlbmRlcmVyLCBlbGVtZW50UmVmKTtcclxuXHR9XHJcblxyXG5cdG9uQ2xpY2soKTogdm9pZCB7XHJcblx0XHR0aGlzLl9sYXlvdXQuY2xvc2UoKTtcclxuXHR9XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoe1xyXG5cdHNlbGVjdG9yOiAnW3ZkTGF5b3V0TmF2TGlzdE9wZW5dJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFZkTGF5b3V0TmF2TGlzdE9wZW5EaXJlY3RpdmUgZXh0ZW5kcyBMYXlvdXRUb2dnbGUge1xyXG5cclxuXHRASW5wdXQoJ3ZkTGF5b3V0TmF2TGlzdE9wZW4nKVxyXG5cdHNldCB2ZExheW91dE5hdkxpc3RPcGVuKHZkTGF5b3V0TmF2TGlzdE9wZW46IGJvb2xlYW4pIHtcclxuXHRcdHRoaXMuZGlzYWJsZWQgPSAhKDxhbnk+dmRMYXlvdXROYXZMaXN0T3BlbiA9PT0gJycgfHwgdmRMYXlvdXROYXZMaXN0T3Blbik7XHJcblx0fVxyXG5cclxuXHRjb25zdHJ1Y3RvcihASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gVmRMYXlvdXROYXZMaXN0Q29tcG9uZW50KSkgbGF5b3V0OiBWZExheW91dE5hdkxpc3RDb21wb25lbnQsXHJcblx0XHRyZW5kZXJlcjogUmVuZGVyZXIyLFxyXG5cdFx0ZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG5cdFx0c3VwZXIobGF5b3V0LCByZW5kZXJlciwgZWxlbWVudFJlZik7XHJcblx0fVxyXG5cclxuXHRvbkNsaWNrKCk6IHZvaWQge1xyXG5cdFx0dGhpcy5fbGF5b3V0Lm9wZW4oKTtcclxuXHR9XHJcbn1cclxuIl19

package/esm2020/lib/layout/layout-toggle.class.mjs

@@ -0,0 +1,71 @@
+import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LayoutToggle {
+    constructor(_layout, _renderer, _elementRef) {
+        this._layout = _layout;
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        this._initialized = false;
+        this._disabled = false;
+        this._hideWhenOpened = false;
+        this._renderer.addClass(this._elementRef.nativeElement, 'vd-layout-menu-button');
+    }
+    set disabled(disabled) {
+        this._disabled = disabled;
+    }
+    /**
+     * hideWhenOpened?: boolean
+     * When this is set to true, the host will be hidden when
+     * the sidenav is opened.
+     */
+    set hideWhenOpened(hideWhenOpened) {
+        this._hideWhenOpened = hideWhenOpened;
+        if (this._initialized) {
+            this._toggleVisibility();
+        }
+    }
+    ngAfterViewInit() {
+        this._initialized = true;
+        this._toggleSubs = this._layout.sidenav._animationStarted.subscribe(() => {
+            this._toggleVisibility();
+        });
+        // execute toggleVisibility since the onOpenStart and onCloseStart
+        // methods might not be executed always when the element is rendered
+        this._toggleVisibility();
+    }
+    ngOnDestroy() {
+        if (this._toggleSubs) {
+            this._toggleSubs.unsubscribe();
+            this._toggleSubs = undefined;
+        }
+    }
+    /**
+     * Listens to host click event to trigger the layout toggle
+     */
+    clickListener(event) {
+        event.preventDefault();
+        if (!this._disabled) {
+            this.onClick();
+        }
+    }
+    _toggleVisibility() {
+        if (this._layout.sidenav.opened && this._hideWhenOpened) {
+            this._renderer.setStyle(this._elementRef.nativeElement, 'display', 'none');
+        }
+        else {
+            this._renderer.setStyle(this._elementRef.nativeElement, 'display', '');
+        }
+    }
+}
+/** @nocollapse */ /** @nocollapse */ LayoutToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LayoutToggle, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ LayoutToggle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: LayoutToggle, inputs: { hideWhenOpened: "hideWhenOpened" }, host: { listeners: { "click": "clickListener($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LayoutToggle, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { hideWhenOpened: [{
+                type: Input,
+                args: ['hideWhenOpened']
+            }], clickListener: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXRvZ2dsZS5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtdG9nZ2xlLmNsYXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhaEgsTUFBTSxPQUFnQixZQUFZO0lBeUJqQyxZQUFzQixPQUF5QixFQUN0QyxTQUFvQixFQUNwQixXQUF1QjtRQUZWLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQ3RDLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFDcEIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUF2QnhCLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0Isb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFzQnhDLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLHVCQUF1QixDQUFDLENBQUM7SUFDbEYsQ0FBQztJQXJCRCxJQUFJLFFBQVEsQ0FBQyxRQUFpQjtRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILElBQ0ksY0FBYyxDQUFDLGNBQXVCO1FBQ3pDLElBQUksQ0FBQyxlQUFlLEdBQUcsY0FBYyxDQUFDO1FBQ3RDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN0QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztTQUN6QjtJQUNGLENBQUM7SUFRRCxlQUFlO1FBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsa0VBQWtFO1FBQ2xFLG9FQUFvRTtRQUNwRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVztRQUNWLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO1NBQzdCO0lBQ0YsQ0FBQztJQUVEOztPQUVHO0lBRUgsYUFBYSxDQUFDLEtBQVk7UUFDekIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNmO0lBQ0YsQ0FBQztJQUlPLGlCQUFpQjtRQUN4QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztTQUMzRTthQUFNO1lBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ3ZFO0lBQ0YsQ0FBQzs7K0lBbkVvQixZQUFZO21JQUFaLFlBQVk7MkZBQVosWUFBWTtrQkFEakMsU0FBUzs4SUFtQkwsY0FBYztzQkFEakIsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBbUN2QixhQUFhO3NCQURaLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3ksIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREcmF3ZXJUb2dnbGVSZXN1bHQsIE1hdFNpZGVuYXYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElMYXlvdXRUb2dnbGFibGUge1xyXG5cdG9wZW5lZDogYm9vbGVhbjtcclxuXHRzaWRlbmF2OiBNYXRTaWRlbmF2O1xyXG5cdHRvZ2dsZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD47XHJcblx0b3BlbigpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD47XHJcblx0Y2xvc2UoKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+O1xyXG59XHJcblxyXG5ARGlyZWN0aXZlKClcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIExheW91dFRvZ2dsZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XHJcblxyXG5cdHByaXZhdGUgX3RvZ2dsZVN1YnM6IFN1YnNjcmlwdGlvbjtcclxuXHJcblx0cHJpdmF0ZSBfaW5pdGlhbGl6ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHRwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cdHByaXZhdGUgX2hpZGVXaGVuT3BlbmVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG5cdHNldCBkaXNhYmxlZChkaXNhYmxlZDogYm9vbGVhbikge1xyXG5cdFx0dGhpcy5fZGlzYWJsZWQgPSBkaXNhYmxlZDtcclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIGhpZGVXaGVuT3BlbmVkPzogYm9vbGVhblxyXG5cdCAqIFdoZW4gdGhpcyBpcyBzZXQgdG8gdHJ1ZSwgdGhlIGhvc3Qgd2lsbCBiZSBoaWRkZW4gd2hlblxyXG5cdCAqIHRoZSBzaWRlbmF2IGlzIG9wZW5lZC5cclxuXHQgKi9cclxuXHRASW5wdXQoJ2hpZGVXaGVuT3BlbmVkJylcclxuXHRzZXQgaGlkZVdoZW5PcGVuZWQoaGlkZVdoZW5PcGVuZWQ6IGJvb2xlYW4pIHtcclxuXHRcdHRoaXMuX2hpZGVXaGVuT3BlbmVkID0gaGlkZVdoZW5PcGVuZWQ7XHJcblx0XHRpZiAodGhpcy5faW5pdGlhbGl6ZWQpIHtcclxuXHRcdFx0dGhpcy5fdG9nZ2xlVmlzaWJpbGl0eSgpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0Y29uc3RydWN0b3IocHJvdGVjdGVkIF9sYXlvdXQ6IElMYXlvdXRUb2dnbGFibGUsXHJcblx0XHRwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyLFxyXG5cdFx0cHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG5cdFx0dGhpcy5fcmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAndmQtbGF5b3V0LW1lbnUtYnV0dG9uJyk7XHJcblx0fVxyXG5cclxuXHRuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcblx0XHR0aGlzLl9pbml0aWFsaXplZCA9IHRydWU7XHJcblx0XHR0aGlzLl90b2dnbGVTdWJzID0gdGhpcy5fbGF5b3V0LnNpZGVuYXYuX2FuaW1hdGlvblN0YXJ0ZWQuc3Vic2NyaWJlKCgpID0+IHtcclxuXHRcdFx0dGhpcy5fdG9nZ2xlVmlzaWJpbGl0eSgpO1xyXG5cdFx0fSk7XHJcblx0XHQvLyBleGVjdXRlIHRvZ2dsZVZpc2liaWxpdHkgc2luY2UgdGhlIG9uT3BlblN0YXJ0IGFuZCBvbkNsb3NlU3RhcnRcclxuXHRcdC8vIG1ldGhvZHMgbWlnaHQgbm90IGJlIGV4ZWN1dGVkIGFsd2F5cyB3aGVuIHRoZSBlbGVtZW50IGlzIHJlbmRlcmVkXHJcblx0XHR0aGlzLl90b2dnbGVWaXNpYmlsaXR5KCk7XHJcblx0fVxyXG5cclxuXHRuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuXHRcdGlmICh0aGlzLl90b2dnbGVTdWJzKSB7XHJcblx0XHRcdHRoaXMuX3RvZ2dsZVN1YnMudW5zdWJzY3JpYmUoKTtcclxuXHRcdFx0dGhpcy5fdG9nZ2xlU3VicyA9IHVuZGVmaW5lZDtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIExpc3RlbnMgdG8gaG9zdCBjbGljayBldmVudCB0byB0cmlnZ2VyIHRoZSBsYXlvdXQgdG9nZ2xlXHJcblx0ICovXHJcblx0QEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxyXG5cdGNsaWNrTGlzdGVuZXIoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcblx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG5cdFx0aWYgKCF0aGlzLl9kaXNhYmxlZCkge1xyXG5cdFx0XHR0aGlzLm9uQ2xpY2soKTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdGFic3RyYWN0IG9uQ2xpY2soKTogdm9pZDtcclxuXHJcblx0cHJpdmF0ZSBfdG9nZ2xlVmlzaWJpbGl0eSgpOiB2b2lkIHtcclxuXHRcdGlmICh0aGlzLl9sYXlvdXQuc2lkZW5hdi5vcGVuZWQgJiYgdGhpcy5faGlkZVdoZW5PcGVuZWQpIHtcclxuXHRcdFx0dGhpcy5fcmVuZGVyZXIuc2V0U3R5bGUodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZGlzcGxheScsICdub25lJyk7XHJcblx0XHR9IGVsc2Uge1xyXG5cdFx0XHR0aGlzLl9yZW5kZXJlci5zZXRTdHlsZSh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgJycpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcbn1cclxuIl19

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

@@ -0,0 +1,82 @@
+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";
+export class VdLayoutComponent {
+    constructor() {
+        /**
+         * mode?: 'side', 'push' or 'over'
+         *
+         * The mode or styling of the sidenav.
+         * Defaults to "over".
+         * See "MatSidenav" documentation for more info.
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.mode = 'over';
+        /**
+         * opened?: boolean
+         *
+         * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+         * Defaults to "false".
+         *
+         * See "MatSidenav" documentation for more info.
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.opened = false;
+        /**
+         * sidenavWidth?: string
+         *
+         * Sets the "width" of the sidenav in either "px" or "%"
+         * Defaults to "320px".
+         *
+         * https://github.com/angular/material2/tree/master/src/lib/sidenav
+         */
+        this.sidenavWidth = '320px';
+    }
+    /**
+     * 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 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 */ VdLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutComponent, selector: "vd-layout", inputs: { mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-sidenav-container fullscreen>\r\n\t<mat-sidenav #sidenav class=\"vd-layout-sidenav\" [mode]=\"mode\" [opened]=\"opened\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\"\r\n\t [disableClose]=\"disableClose\">\r\n\t\t<ng-content select=\"vd-navigation-drawer\"></ng-content>\r\n\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t</mat-sidenav>\r\n\t<ng-content></ng-content>\r\n</mat-sidenav-container>", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container>mat-sidenav{display:flex;flex-direction:column}\n"], components: [{ type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vd-layout', template: "<mat-sidenav-container fullscreen>\r\n\t<mat-sidenav #sidenav class=\"vd-layout-sidenav\" [mode]=\"mode\" [opened]=\"opened\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\"\r\n\t [disableClose]=\"disableClose\">\r\n\t\t<ng-content select=\"vd-navigation-drawer\"></ng-content>\r\n\t\t<ng-content select=\"[vd-sidenav-content]\"></ng-content>\r\n\t</mat-sidenav>\r\n\t<ng-content></ng-content>\r\n</mat-sidenav-container>", styles: [":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container>mat-sidenav{display:flex;flex-direction:column}\n"] }]
+        }], propDecorators: { sidenav: [{
+                type: ViewChild,
+                args: [MatSidenav, { static: true }]
+            }], mode: [{
+                type: Input,
+                args: ['mode']
+            }], opened: [{
+                type: Input,
+                args: ['opened']
+            }], sidenavWidth: [{
+                type: Input,
+                args: ['sidenavWidth']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2RrL3NyYy9saWIvbGF5b3V0L2xheW91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFRdkQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQVNDOzs7Ozs7OztXQVFHO1FBQ1ksU0FBSSxHQUE2QixNQUFNLENBQUM7UUFFdkQ7Ozs7Ozs7OztXQVNHO1FBQ2MsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUV6Qzs7Ozs7OztXQU9HO1FBQ29CLGlCQUFZLEdBQVcsT0FBTyxDQUFDO0tBK0J0RDtJQTdCQTs7O09BR0c7SUFDSCxJQUFJLFlBQVk7UUFDZixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU07UUFDWixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxJQUFJO1FBQ1YsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUs7UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDN0IsQ0FBQzs7b0pBaEVXLGlCQUFpQjt3SUFBakIsaUJBQWlCLG9LQUVsQixVQUFVLDhEQ1p0Qiw2YkFPd0I7MkZER1gsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNDLFdBQVc7OEJBTW9CLE9BQU87c0JBQS9DLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFXeEIsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQVlJLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFVUSxZQUFZO3NCQUFsQyxLQUFLO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RHJhd2VyVG9nZ2xlUmVzdWx0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XHJcbmltcG9ydCB7IE1hdFNpZGVuYXYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcclxuaW1wb3J0IHsgSUxheW91dFRvZ2dsYWJsZSB9IGZyb20gJy4vbGF5b3V0LXRvZ2dsZS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ3ZkLWxheW91dCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vbGF5b3V0LmNvbXBvbmVudC5zY3NzJ10sXHJcblx0dGVtcGxhdGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWZExheW91dENvbXBvbmVudCBpbXBsZW1lbnRzIElMYXlvdXRUb2dnbGFibGUge1xyXG5cclxuXHRAVmlld0NoaWxkKE1hdFNpZGVuYXYsIHsgc3RhdGljOiB0cnVlIH0pIHNpZGVuYXY6IE1hdFNpZGVuYXY7XHJcblxyXG5cdC8qKlxyXG5cdCAqIG1vZGU/OiAnc2lkZScsICdwdXNoJyBvciAnb3ZlcidcclxuXHQgKlxyXG5cdCAqIFRoZSBtb2RlIG9yIHN0eWxpbmcgb2YgdGhlIHNpZGVuYXYuXHJcblx0ICogRGVmYXVsdHMgdG8gXCJvdmVyXCIuXHJcblx0ICogU2VlIFwiTWF0U2lkZW5hdlwiIGRvY3VtZW50YXRpb24gZm9yIG1vcmUgaW5mby5cclxuXHQgKlxyXG5cdCAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcclxuXHQgKi9cclxuXHRASW5wdXQoJ21vZGUnKSBtb2RlOiAnc2lkZScgfCAncHVzaCcgfCAnb3ZlcicgPSAnb3Zlcic7XHJcblxyXG5cdC8qKlxyXG5cdCAqIG9wZW5lZD86IGJvb2xlYW5cclxuXHQgKlxyXG5cdCAqIFdoZXRoZXIgb3Igbm90IHRoZSBzaWRlbmF2IGlzIG9wZW5lZC4gVXNlIHRoaXMgYmluZGluZyB0byBvcGVuL2Nsb3NlIHRoZSBzaWRlbmF2LlxyXG5cdCAqIERlZmF1bHRzIHRvIFwiZmFsc2VcIi5cclxuXHQgKlxyXG5cdCAqIFNlZSBcIk1hdFNpZGVuYXZcIiBkb2N1bWVudGF0aW9uIGZvciBtb3JlIGluZm8uXHJcblx0ICpcclxuXHQgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvdHJlZS9tYXN0ZXIvc3JjL2xpYi9zaWRlbmF2XHJcblx0ICovXHJcblx0QElucHV0KCdvcGVuZWQnKSBvcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcblx0LyoqXHJcblx0ICogc2lkZW5hdldpZHRoPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBTZXRzIHRoZSBcIndpZHRoXCIgb2YgdGhlIHNpZGVuYXYgaW4gZWl0aGVyIFwicHhcIiBvciBcIiVcIlxyXG5cdCAqIERlZmF1bHRzIHRvIFwiMzIwcHhcIi5cclxuXHQgKlxyXG5cdCAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21hc3Rlci9zcmMvbGliL3NpZGVuYXZcclxuXHQgKi9cclxuXHRASW5wdXQoJ3NpZGVuYXZXaWR0aCcpIHNpZGVuYXZXaWR0aDogc3RyaW5nID0gJzMyMHB4JztcclxuXHJcblx0LyoqXHJcblx0ICogQ2hlY2tzIGlmIGBFU0NgIHNob3VsZCBjbG9zZSB0aGUgc2lkZW5hdlxyXG5cdCAqIFNob3VsZCBvbmx5IGNsb3NlIGl0IGZvciBgcHVzaGAgYW5kIGBvdmVyYCBtb2Rlc1xyXG5cdCAqL1xyXG5cdGdldCBkaXNhYmxlQ2xvc2UoKTogYm9vbGVhbiB7XHJcblx0XHRyZXR1cm4gdGhpcy5tb2RlID09PSAnc2lkZSc7XHJcblx0fVxyXG5cclxuXHQvKipcclxuXHQgKiBQcm94eSB0b2dnbGUgbWV0aG9kIHRvIGFjY2VzcyBzaWRlbmF2IGZyb20gb3V0c2lkZSAoZnJvbSB2ZC1sYXlvdXQgdGVtcGxhdGUpLlxyXG5cdCAqL1xyXG5cdHB1YmxpYyB0b2dnbGUoKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+IHtcclxuXHRcdHJldHVybiB0aGlzLnNpZGVuYXYudG9nZ2xlKCF0aGlzLnNpZGVuYXYub3BlbmVkKTtcclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIFByb3h5IG9wZW4gbWV0aG9kIHRvIGFjY2VzcyBzaWRlbmF2IGZyb20gb3V0c2lkZSAoZnJvbSB2ZC1sYXlvdXQgdGVtcGxhdGUpLlxyXG5cdCAqL1xyXG5cdHB1YmxpYyBvcGVuKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XHJcblx0XHRyZXR1cm4gdGhpcy5zaWRlbmF2Lm9wZW4oKTtcclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIFByb3h5IGNsb3NlIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdmQtbGF5b3V0IHRlbXBsYXRlKS5cclxuXHQgKi9cclxuXHRwdWJsaWMgY2xvc2UoKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+IHtcclxuXHRcdHJldHVybiB0aGlzLnNpZGVuYXYuY2xvc2UoKTtcclxuXHR9XHJcblxyXG59XHJcbiIsIjxtYXQtc2lkZW5hdi1jb250YWluZXIgZnVsbHNjcmVlbj5cclxuXHQ8bWF0LXNpZGVuYXYgI3NpZGVuYXYgY2xhc3M9XCJ2ZC1sYXlvdXQtc2lkZW5hdlwiIFttb2RlXT1cIm1vZGVcIiBbb3BlbmVkXT1cIm9wZW5lZFwiIFtzdHlsZS5tYXgtd2lkdGhdPVwic2lkZW5hdldpZHRoXCIgW3N0eWxlLm1pbi13aWR0aF09XCJzaWRlbmF2V2lkdGhcIlxyXG5cdCBbZGlzYWJsZUNsb3NlXT1cImRpc2FibGVDbG9zZVwiPlxyXG5cdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwidmQtbmF2aWdhdGlvbi1kcmF3ZXJcIj48L25nLWNvbnRlbnQ+XHJcblx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbdmQtc2lkZW5hdi1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuXHQ8L21hdC1zaWRlbmF2PlxyXG5cdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9tYXQtc2lkZW5hdi1jb250YWluZXI+Il19

package/esm2020/lib/layout/layout.directives.mjs

@@ -0,0 +1,81 @@
+import { Directive, ElementRef, Inject, Input, Renderer2, forwardRef } from '@angular/core';
+import { LayoutToggle } from './layout-toggle.class';
+import { VdLayoutComponent } from './layout.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./layout.component";
+export class VdLayoutToggleDirective extends LayoutToggle {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set vdLayoutToggle(vdLayoutToggle) {
+        this.disabled = !(vdLayoutToggle === '' || vdLayoutToggle);
+    }
+    onClick() {
+        this._layout.toggle();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutToggleDirective, deps: [{ token: forwardRef(() => VdLayoutComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutToggleDirective, selector: "[vdLayoutToggle]", inputs: { vdLayoutToggle: "vdLayoutToggle" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdLayoutToggle]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutToggle: [{
+                type: Input,
+                args: ['vdLayoutToggle']
+            }] } });
+export class VdLayoutCloseDirective extends LayoutToggle {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set vdLayoutClose(vdLayoutClose) {
+        this.disabled = !(vdLayoutClose === '' || vdLayoutClose);
+    }
+    onClick() {
+        this._layout.close();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutCloseDirective, deps: [{ token: forwardRef(() => VdLayoutComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutCloseDirective, selector: "[vdLayoutClose]", inputs: { vdLayoutClose: "vdLayoutClose" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdLayoutClose]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutClose: [{
+                type: Input,
+                args: ['vdLayoutClose']
+            }] } });
+export class VdLayoutOpenDirective extends LayoutToggle {
+    constructor(layout, renderer, elementRef) {
+        super(layout, renderer, elementRef);
+    }
+    set vdLayoutClose(vdLayoutOpen) {
+        this.disabled = !(vdLayoutOpen === '' || vdLayoutOpen);
+    }
+    onClick() {
+        this._layout.open();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutOpenDirective, deps: [{ token: forwardRef(() => VdLayoutComponent) }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ VdLayoutOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: VdLayoutOpenDirective, selector: "[vdLayoutOpen]", inputs: { vdLayoutClose: ["vdLayoutOpen", "vdLayoutClose"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: VdLayoutOpenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdLayoutOpen]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.VdLayoutComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => VdLayoutComponent)]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { vdLayoutClose: [{
+                type: Input,
+                args: ['vdLayoutOpen']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZGsvc3JjL2xpYi9sYXlvdXQvbGF5b3V0LmRpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBS3ZELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxZQUFZO0lBT3hELFlBQXlELE1BQXlCLEVBQ2pGLFFBQW1CLEVBQ25CLFVBQXNCO1FBQ3RCLEtBQUssQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFURCxJQUNJLGNBQWMsQ0FBQyxjQUF1QjtRQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBTSxjQUFjLEtBQUssRUFBRSxJQUFJLGNBQWMsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7SUFRRCxPQUFPO1FBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUN2QixDQUFDOzswSkFmVyx1QkFBdUIsa0JBT2YsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDOzhJQVAzQyx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFIbkMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsa0JBQWtCO2lCQUM1Qjs7MEJBUWEsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7NkZBSm5ELGNBQWM7c0JBRGpCLEtBQUs7dUJBQUMsZ0JBQWdCOztBQW1CeEIsTUFBTSxPQUFPLHNCQUF1QixTQUFRLFlBQVk7SUFPdkQsWUFBeUQsTUFBeUIsRUFDakYsUUFBbUIsRUFDbkIsVUFBc0I7UUFDdEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQVRELElBQ0ksYUFBYSxDQUFDLGFBQXNCO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFNLGFBQWEsS0FBSyxFQUFFLElBQUksYUFBYSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQVFELE9BQU87UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3RCLENBQUM7O3lKQWZXLHNCQUFzQixrQkFPZCxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7NklBUDNDLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUhsQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxpQkFBaUI7aUJBQzNCOzswQkFRYSxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQzs2RkFKbkQsYUFBYTtzQkFEaEIsS0FBSzt1QkFBQyxlQUFlOztBQW1CdkIsTUFBTSxPQUFPLHFCQUFzQixTQUFRLFlBQVk7SUFPdEQsWUFBeUQsTUFBeUIsRUFDakYsUUFBbUIsRUFDbkIsVUFBc0I7UUFDdEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQVRELElBQ0ksYUFBYSxDQUFDLFlBQXFCO1FBQ3RDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFNLFlBQVksS0FBSyxFQUFFLElBQUksWUFBWSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQVFELE9BQU87UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7O3dKQWZXLHFCQUFxQixrQkFPYixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7NElBUDNDLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzFCOzswQkFRYSxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQzs2RkFKbkQsYUFBYTtzQkFEaEIsS0FBSzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QsIElucHV0LCBSZW5kZXJlcjIsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTGF5b3V0VG9nZ2xlIH0gZnJvbSAnLi9sYXlvdXQtdG9nZ2xlLmNsYXNzJztcclxuaW1wb3J0IHsgVmRMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC5jb21wb25lbnQnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcblx0c2VsZWN0b3I6ICdbdmRMYXlvdXRUb2dnbGVdJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFZkTGF5b3V0VG9nZ2xlRGlyZWN0aXZlIGV4dGVuZHMgTGF5b3V0VG9nZ2xlIHtcclxuXHJcblx0QElucHV0KCd2ZExheW91dFRvZ2dsZScpXHJcblx0c2V0IHZkTGF5b3V0VG9nZ2xlKHZkTGF5b3V0VG9nZ2xlOiBib29sZWFuKSB7XHJcblx0XHR0aGlzLmRpc2FibGVkID0gISg8YW55PnZkTGF5b3V0VG9nZ2xlID09PSAnJyB8fCB2ZExheW91dFRvZ2dsZSk7XHJcblx0fVxyXG5cclxuXHRjb25zdHJ1Y3RvcihASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gVmRMYXlvdXRDb21wb25lbnQpKSBsYXlvdXQ6IFZkTGF5b3V0Q29tcG9uZW50LFxyXG5cdFx0cmVuZGVyZXI6IFJlbmRlcmVyMixcclxuXHRcdGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuXHRcdHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xyXG5cdH1cclxuXHJcblx0b25DbGljaygpOiB2b2lkIHtcclxuXHRcdHRoaXMuX2xheW91dC50b2dnbGUoKTtcclxuXHR9XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoe1xyXG5cdHNlbGVjdG9yOiAnW3ZkTGF5b3V0Q2xvc2VdJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFZkTGF5b3V0Q2xvc2VEaXJlY3RpdmUgZXh0ZW5kcyBMYXlvdXRUb2dnbGUge1xyXG5cclxuXHRASW5wdXQoJ3ZkTGF5b3V0Q2xvc2UnKVxyXG5cdHNldCB2ZExheW91dENsb3NlKHZkTGF5b3V0Q2xvc2U6IGJvb2xlYW4pIHtcclxuXHRcdHRoaXMuZGlzYWJsZWQgPSAhKDxhbnk+dmRMYXlvdXRDbG9zZSA9PT0gJycgfHwgdmRMYXlvdXRDbG9zZSk7XHJcblx0fVxyXG5cclxuXHRjb25zdHJ1Y3RvcihASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gVmRMYXlvdXRDb21wb25lbnQpKSBsYXlvdXQ6IFZkTGF5b3V0Q29tcG9uZW50LFxyXG5cdFx0cmVuZGVyZXI6IFJlbmRlcmVyMixcclxuXHRcdGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuXHRcdHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xyXG5cdH1cclxuXHJcblx0b25DbGljaygpOiB2b2lkIHtcclxuXHRcdHRoaXMuX2xheW91dC5jbG9zZSgpO1xyXG5cdH1cclxufVxyXG5cclxuQERpcmVjdGl2ZSh7XHJcblx0c2VsZWN0b3I6ICdbdmRMYXlvdXRPcGVuXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWZExheW91dE9wZW5EaXJlY3RpdmUgZXh0ZW5kcyBMYXlvdXRUb2dnbGUge1xyXG5cclxuXHRASW5wdXQoJ3ZkTGF5b3V0T3BlbicpXHJcblx0c2V0IHZkTGF5b3V0Q2xvc2UodmRMYXlvdXRPcGVuOiBib29sZWFuKSB7XHJcblx0XHR0aGlzLmRpc2FibGVkID0gISg8YW55PnZkTGF5b3V0T3BlbiA9PT0gJycgfHwgdmRMYXlvdXRPcGVuKTtcclxuXHR9XHJcblxyXG5cdGNvbnN0cnVjdG9yKEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBWZExheW91dENvbXBvbmVudCkpIGxheW91dDogVmRMYXlvdXRDb21wb25lbnQsXHJcblx0XHRyZW5kZXJlcjogUmVuZGVyZXIyLFxyXG5cdFx0ZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG5cdFx0c3VwZXIobGF5b3V0LCByZW5kZXJlciwgZWxlbWVudFJlZik7XHJcblx0fVxyXG5cclxuXHRvbkNsaWNrKCk6IHZvaWQge1xyXG5cdFx0dGhpcy5fbGF5b3V0Lm9wZW4oKTtcclxuXHR9XHJcbn1cclxuIl19