@messaia/cdk 0.0.0-CDK

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.3.0", 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.3.0", type: VdLayoutNavListToggleDirective, selector: "[vdLayoutNavListToggle]", inputs: { vdLayoutNavListToggle: "vdLayoutNavListToggle" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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.3.0", type: VdLayoutNavListCloseDirective, selector: "[vdLayoutNavListClose]", inputs: { vdLayoutNavListClose: "vdLayoutNavListClose" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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.3.0", type: VdLayoutNavListOpenDirective, selector: "[vdLayoutNavListOpen]", inputs: { vdLayoutNavListOpen: "vdLayoutNavListOpen" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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 = null;
+        }
+    }
+    /**
+     * 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.3.0", ngImport: i0, type: LayoutToggle, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ LayoutToggle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: LayoutToggle, inputs: { hideWhenOpened: "hideWhenOpened" }, host: { listeners: { "click": "clickListener($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXRvZ2dsZS5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtdG9nZ2xlLmNsYXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhaEgsTUFBTSxPQUFnQixZQUFZO0lBeUJqQyxZQUFzQixPQUF5QixFQUN0QyxTQUFvQixFQUNwQixXQUF1QjtRQUZWLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQ3RDLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFDcEIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUF2QnhCLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0Isb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFzQnhDLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLHVCQUF1QixDQUFDLENBQUM7SUFDbEYsQ0FBQztJQXJCRCxJQUFJLFFBQVEsQ0FBQyxRQUFpQjtRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILElBQ0ksY0FBYyxDQUFDLGNBQXVCO1FBQ3pDLElBQUksQ0FBQyxlQUFlLEdBQUcsY0FBYyxDQUFDO1FBQ3RDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN0QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztTQUN6QjtJQUNGLENBQUM7SUFRRCxlQUFlO1FBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsa0VBQWtFO1FBQ2xFLG9FQUFvRTtRQUNwRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVztRQUNWLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1NBQ3hCO0lBQ0YsQ0FBQztJQUVEOztPQUVHO0lBRUgsYUFBYSxDQUFDLEtBQVk7UUFDekIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNmO0lBQ0YsQ0FBQztJQUlPLGlCQUFpQjtRQUN4QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztTQUMzRTthQUFNO1lBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ3ZFO0lBQ0YsQ0FBQzs7K0lBbkVvQixZQUFZO21JQUFaLFlBQVk7MkZBQVosWUFBWTtrQkFEakMsU0FBUzs4SUFtQkwsY0FBYztzQkFEakIsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBbUN2QixhQUFhO3NCQURaLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3ksIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREcmF3ZXJUb2dnbGVSZXN1bHQsIE1hdFNpZGVuYXYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElMYXlvdXRUb2dnbGFibGUge1xyXG5cdG9wZW5lZDogYm9vbGVhbjtcclxuXHRzaWRlbmF2OiBNYXRTaWRlbmF2O1xyXG5cdHRvZ2dsZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD47XHJcblx0b3BlbigpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD47XHJcblx0Y2xvc2UoKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+O1xyXG59XHJcblxyXG5ARGlyZWN0aXZlKClcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIExheW91dFRvZ2dsZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XHJcblxyXG5cdHByaXZhdGUgX3RvZ2dsZVN1YnM6IFN1YnNjcmlwdGlvbjtcclxuXHJcblx0cHJpdmF0ZSBfaW5pdGlhbGl6ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHRwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cdHByaXZhdGUgX2hpZGVXaGVuT3BlbmVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG5cdHNldCBkaXNhYmxlZChkaXNhYmxlZDogYm9vbGVhbikge1xyXG5cdFx0dGhpcy5fZGlzYWJsZWQgPSBkaXNhYmxlZDtcclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIGhpZGVXaGVuT3BlbmVkPzogYm9vbGVhblxyXG5cdCAqIFdoZW4gdGhpcyBpcyBzZXQgdG8gdHJ1ZSwgdGhlIGhvc3Qgd2lsbCBiZSBoaWRkZW4gd2hlblxyXG5cdCAqIHRoZSBzaWRlbmF2IGlzIG9wZW5lZC5cclxuXHQgKi9cclxuXHRASW5wdXQoJ2hpZGVXaGVuT3BlbmVkJylcclxuXHRzZXQgaGlkZVdoZW5PcGVuZWQoaGlkZVdoZW5PcGVuZWQ6IGJvb2xlYW4pIHtcclxuXHRcdHRoaXMuX2hpZGVXaGVuT3BlbmVkID0gaGlkZVdoZW5PcGVuZWQ7XHJcblx0XHRpZiAodGhpcy5faW5pdGlhbGl6ZWQpIHtcclxuXHRcdFx0dGhpcy5fdG9nZ2xlVmlzaWJpbGl0eSgpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0Y29uc3RydWN0b3IocHJvdGVjdGVkIF9sYXlvdXQ6IElMYXlvdXRUb2dnbGFibGUsXHJcblx0XHRwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyLFxyXG5cdFx0cHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG5cdFx0dGhpcy5fcmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAndmQtbGF5b3V0LW1lbnUtYnV0dG9uJyk7XHJcblx0fVxyXG5cclxuXHRuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcblx0XHR0aGlzLl9pbml0aWFsaXplZCA9IHRydWU7XHJcblx0XHR0aGlzLl90b2dnbGVTdWJzID0gdGhpcy5fbGF5b3V0LnNpZGVuYXYuX2FuaW1hdGlvblN0YXJ0ZWQuc3Vic2NyaWJlKCgpID0+IHtcclxuXHRcdFx0dGhpcy5fdG9nZ2xlVmlzaWJpbGl0eSgpO1xyXG5cdFx0fSk7XHJcblx0XHQvLyBleGVjdXRlIHRvZ2dsZVZpc2liaWxpdHkgc2luY2UgdGhlIG9uT3BlblN0YXJ0IGFuZCBvbkNsb3NlU3RhcnRcclxuXHRcdC8vIG1ldGhvZHMgbWlnaHQgbm90IGJlIGV4ZWN1dGVkIGFsd2F5cyB3aGVuIHRoZSBlbGVtZW50IGlzIHJlbmRlcmVkXHJcblx0XHR0aGlzLl90b2dnbGVWaXNpYmlsaXR5KCk7XHJcblx0fVxyXG5cclxuXHRuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuXHRcdGlmICh0aGlzLl90b2dnbGVTdWJzKSB7XHJcblx0XHRcdHRoaXMuX3RvZ2dsZVN1YnMudW5zdWJzY3JpYmUoKTtcclxuXHRcdFx0dGhpcy5fdG9nZ2xlU3VicyA9IG51bGw7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHQvKipcclxuXHQgKiBMaXN0ZW5zIHRvIGhvc3QgY2xpY2sgZXZlbnQgdG8gdHJpZ2dlciB0aGUgbGF5b3V0IHRvZ2dsZVxyXG5cdCAqL1xyXG5cdEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcclxuXHRjbGlja0xpc3RlbmVyKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG5cdFx0ZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuXHRcdGlmICghdGhpcy5fZGlzYWJsZWQpIHtcclxuXHRcdFx0dGhpcy5vbkNsaWNrKCk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRhYnN0cmFjdCBvbkNsaWNrKCk6IHZvaWQ7XHJcblxyXG5cdHByaXZhdGUgX3RvZ2dsZVZpc2liaWxpdHkoKTogdm9pZCB7XHJcblx0XHRpZiAodGhpcy5fbGF5b3V0LnNpZGVuYXYub3BlbmVkICYmIHRoaXMuX2hpZGVXaGVuT3BlbmVkKSB7XHJcblx0XHRcdHRoaXMuX3JlbmRlcmVyLnNldFN0eWxlKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2Rpc3BsYXknLCAnbm9uZScpO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5fcmVuZGVyZXIuc2V0U3R5bGUodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZGlzcGxheScsICcnKTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG59XHJcbiJdfQ==

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.3.0", ngImport: i0, type: VdLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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.3.0", 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.3.0", type: VdLayoutToggleDirective, selector: "[vdLayoutToggle]", inputs: { vdLayoutToggle: "vdLayoutToggle" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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.3.0", type: VdLayoutCloseDirective, selector: "[vdLayoutClose]", inputs: { vdLayoutClose: "vdLayoutClose" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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.3.0", type: VdLayoutOpenDirective, selector: "[vdLayoutOpen]", inputs: { vdLayoutClose: ["vdLayoutOpen", "vdLayoutClose"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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

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

@@ -0,0 +1,146 @@
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { VdMenuModule } from '../menu/menu.module';
+import { VdFormToolbarMenuComponent } from './form-toolbar-menu/form-toolbar-menu.component';
+import { VdFormToolbarComponent } from './form-toolbar/form-toolbar.component';
+import { VdLayoutCardOverComponent } from './layout-card-over/layout-card-over.component';
+import { VdLayoutFooterComponent } from './layout-footer/layout-footer.component';
+import { VdLayoutManageListComponent } from './layout-manage-list/layout-manage-list.component';
+import { VdLayoutManageListCloseDirective, VdLayoutManageListOpenDirective, VdLayoutManageListToggleDirective } from './layout-manage-list/layout-manage-list.directives';
+import { VdLayoutNavListComponent } from './layout-nav-list/layout-nav-list.component';
+import { VdLayoutNavListCloseDirective, VdLayoutNavListOpenDirective, VdLayoutNavListToggleDirective } from './layout-nav-list/layout-nav-list.directives';
+import { VdLayoutNavComponent } from './layout-nav/layout-nav.component';
+import { VdLayoutComponent } from './layout.component';
+import { VdLayoutCloseDirective, VdLayoutOpenDirective, VdLayoutToggleDirective } from './layout.directives';
+import { VdListToolbarMenuComponent } from './list-toolbar-menu/list-toolbar-menu.component';
+import { VdListToolbarComponent } from './list-toolbar/list-toolbar.component';
+import { VdNavigationDrawerComponent, VdNavigationDrawerMenuDirective, VdNavigationDrawerToolbarDirective } from './navigation-drawer/navigation-drawer.component';
+import * as i0 from "@angular/core";
+const VD_LAYOUTS = [
+    VdLayoutComponent,
+    VdLayoutToggleDirective,
+    VdLayoutCloseDirective,
+    VdLayoutOpenDirective,
+    VdLayoutNavComponent,
+    VdLayoutNavListComponent,
+    VdLayoutNavListToggleDirective,
+    VdLayoutNavListCloseDirective,
+    VdLayoutNavListOpenDirective,
+    VdLayoutCardOverComponent,
+    VdLayoutManageListComponent,
+    VdLayoutManageListToggleDirective,
+    VdLayoutManageListCloseDirective,
+    VdLayoutManageListOpenDirective,
+    VdLayoutFooterComponent,
+    VdNavigationDrawerComponent,
+    VdNavigationDrawerMenuDirective,
+    VdNavigationDrawerToolbarDirective,
+    VdFormToolbarComponent,
+    VdFormToolbarMenuComponent,
+    VdListToolbarComponent,
+    VdListToolbarMenuComponent
+];
+export { VdLayoutComponent, VdLayoutToggleDirective, VdLayoutCloseDirective, VdLayoutOpenDirective, VdLayoutNavComponent, VdLayoutNavListComponent, VdLayoutNavListToggleDirective, VdLayoutNavListCloseDirective, VdLayoutNavListOpenDirective, VdLayoutCardOverComponent, VdLayoutManageListComponent, VdLayoutManageListToggleDirective, VdLayoutManageListCloseDirective, VdLayoutManageListOpenDirective, VdLayoutFooterComponent, VdNavigationDrawerComponent, VdNavigationDrawerMenuDirective, VdNavigationDrawerToolbarDirective, VdFormToolbarComponent, VdFormToolbarMenuComponent, VdListToolbarComponent, VdListToolbarMenuComponent };
+export class VdLayoutModule {
+}
+/** @nocollapse */ /** @nocollapse */ VdLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ VdLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutModule, declarations: [VdLayoutComponent,
+        VdLayoutToggleDirective,
+        VdLayoutCloseDirective,
+        VdLayoutOpenDirective,
+        VdLayoutNavComponent,
+        VdLayoutNavListComponent,
+        VdLayoutNavListToggleDirective,
+        VdLayoutNavListCloseDirective,
+        VdLayoutNavListOpenDirective,
+        VdLayoutCardOverComponent,
+        VdLayoutManageListComponent,
+        VdLayoutManageListToggleDirective,
+        VdLayoutManageListCloseDirective,
+        VdLayoutManageListOpenDirective,
+        VdLayoutFooterComponent,
+        VdNavigationDrawerComponent,
+        VdNavigationDrawerMenuDirective,
+        VdNavigationDrawerToolbarDirective,
+        VdFormToolbarComponent,
+        VdFormToolbarMenuComponent,
+        VdListToolbarComponent,
+        VdListToolbarMenuComponent], imports: [CommonModule,
+        ScrollingModule,
+        MatSidenavModule,
+        MatToolbarModule,
+        MatButtonModule,
+        MatIconModule,
+        MatCardModule,
+        MatListModule,
+        MatMenuModule,
+        MatProgressSpinnerModule,
+        VdMenuModule], exports: [VdLayoutComponent,
+        VdLayoutToggleDirective,
+        VdLayoutCloseDirective,
+        VdLayoutOpenDirective,
+        VdLayoutNavComponent,
+        VdLayoutNavListComponent,
+        VdLayoutNavListToggleDirective,
+        VdLayoutNavListCloseDirective,
+        VdLayoutNavListOpenDirective,
+        VdLayoutCardOverComponent,
+        VdLayoutManageListComponent,
+        VdLayoutManageListToggleDirective,
+        VdLayoutManageListCloseDirective,
+        VdLayoutManageListOpenDirective,
+        VdLayoutFooterComponent,
+        VdNavigationDrawerComponent,
+        VdNavigationDrawerMenuDirective,
+        VdNavigationDrawerToolbarDirective,
+        VdFormToolbarComponent,
+        VdFormToolbarMenuComponent,
+        VdListToolbarComponent,
+        VdListToolbarMenuComponent] });
+/** @nocollapse */ /** @nocollapse */ VdLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutModule, imports: [[
+            CommonModule,
+            ScrollingModule,
+            MatSidenavModule,
+            MatToolbarModule,
+            MatButtonModule,
+            MatIconModule,
+            MatCardModule,
+            MatListModule,
+            MatMenuModule,
+            MatProgressSpinnerModule,
+            VdMenuModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ScrollingModule,
+                        MatSidenavModule,
+                        MatToolbarModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatCardModule,
+                        MatListModule,
+                        MatMenuModule,
+                        MatProgressSpinnerModule,
+                        VdMenuModule
+                    ],
+                    declarations: [
+                        VD_LAYOUTS,
+                    ],
+                    exports: [
+                        VD_LAYOUTS,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBUSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMxRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNsRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNoRyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsK0JBQStCLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMxSyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN2RixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsNEJBQTRCLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUMzSixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUscUJBQXFCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM3RyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsK0JBQStCLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSxpREFBaUQsQ0FBQzs7QUFFbkssTUFBTSxVQUFVLEdBQWdCO0lBQy9CLGlCQUFpQjtJQUNqQix1QkFBdUI7SUFDdkIsc0JBQXNCO0lBQ3RCLHFCQUFxQjtJQUVyQixvQkFBb0I7SUFFcEIsd0JBQXdCO0lBQ3hCLDhCQUE4QjtJQUM5Qiw2QkFBNkI7SUFDN0IsNEJBQTRCO0lBRTVCLHlCQUF5QjtJQUV6QiwyQkFBMkI7SUFDM0IsaUNBQWlDO0lBQ2pDLGdDQUFnQztJQUNoQywrQkFBK0I7SUFFL0IsdUJBQXVCO0lBRXZCLDJCQUEyQjtJQUMzQiwrQkFBK0I7SUFDL0Isa0NBQWtDO0lBRWxDLHNCQUFzQjtJQUN0QiwwQkFBMEI7SUFDMUIsc0JBQXNCO0lBQ3RCLDBCQUEwQjtDQUMxQixDQUFDO0FBRUYsT0FBTyxFQUNOLGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsc0JBQXNCLEVBQ3RCLHFCQUFxQixFQUNyQixvQkFBb0IsRUFDcEIsd0JBQXdCLEVBQ3hCLDhCQUE4QixFQUM5Qiw2QkFBNkIsRUFDN0IsNEJBQTRCLEVBQzVCLHlCQUF5QixFQUN6QiwyQkFBMkIsRUFDM0IsaUNBQWlDLEVBQ2pDLGdDQUFnQyxFQUNoQywrQkFBK0IsRUFDL0IsdUJBQXVCLEVBQ3ZCLDJCQUEyQixFQUMzQiwrQkFBK0IsRUFDL0Isa0NBQWtDLEVBQ2xDLHNCQUFzQixFQUN0QiwwQkFBMEIsRUFDMUIsc0JBQXNCLEVBQ3RCLDBCQUEwQixFQUMxQixDQUFDO0FBdUJGLE1BQU0sT0FBTyxjQUFjOztpSkFBZCxjQUFjO2tKQUFkLGNBQWMsaUJBN0UxQixpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLHNCQUFzQjtRQUN0QixxQkFBcUI7UUFFckIsb0JBQW9CO1FBRXBCLHdCQUF3QjtRQUN4Qiw4QkFBOEI7UUFDOUIsNkJBQTZCO1FBQzdCLDRCQUE0QjtRQUU1Qix5QkFBeUI7UUFFekIsMkJBQTJCO1FBQzNCLGlDQUFpQztRQUNqQyxnQ0FBZ0M7UUFDaEMsK0JBQStCO1FBRS9CLHVCQUF1QjtRQUV2QiwyQkFBMkI7UUFDM0IsK0JBQStCO1FBQy9CLGtDQUFrQztRQUVsQyxzQkFBc0I7UUFDdEIsMEJBQTBCO1FBQzFCLHNCQUFzQjtRQUN0QiwwQkFBMEIsYUE4QnpCLFlBQVk7UUFDWixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsYUFBYTtRQUNiLGFBQWE7UUFDYixhQUFhO1FBQ2IsYUFBYTtRQUNiLHdCQUF3QjtRQUN4QixZQUFZLGFBcEViLGlCQUFpQjtRQUNqQix1QkFBdUI7UUFDdkIsc0JBQXNCO1FBQ3RCLHFCQUFxQjtRQUVyQixvQkFBb0I7UUFFcEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qiw2QkFBNkI7UUFDN0IsNEJBQTRCO1FBRTVCLHlCQUF5QjtRQUV6QiwyQkFBMkI7UUFDM0IsaUNBQWlDO1FBQ2pDLGdDQUFnQztRQUNoQywrQkFBK0I7UUFFL0IsdUJBQXVCO1FBRXZCLDJCQUEyQjtRQUMzQiwrQkFBK0I7UUFDL0Isa0NBQWtDO1FBRWxDLHNCQUFzQjtRQUN0QiwwQkFBMEI7UUFDMUIsc0JBQXNCO1FBQ3RCLDBCQUEwQjtrSkFpRGQsY0FBYyxZQXBCakI7WUFDUixZQUFZO1lBQ1osZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLGFBQWE7WUFDYixhQUFhO1lBQ2IsYUFBYTtZQUNiLGFBQWE7WUFDYix3QkFBd0I7WUFDeEIsWUFBWTtTQUNaOzJGQVFXLGNBQWM7a0JBckIxQixRQUFRO21CQUFDO29CQUNULE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYix3QkFBd0I7d0JBQ3hCLFlBQVk7cUJBQ1o7b0JBQ0QsWUFBWSxFQUFFO3dCQUNiLFVBQVU7cUJBQ1Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNSLFVBQVU7cUJBQ1Y7aUJBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTY3JvbGxpbmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvc2Nyb2xsaW5nJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUsIFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0Q2FyZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NhcmQnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdExpc3RNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcclxuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xyXG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcclxuaW1wb3J0IHsgTWF0U2lkZW5hdk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXYnO1xyXG5pbXBvcnQgeyBNYXRUb29sYmFyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XHJcbmltcG9ydCB7IFZkTWVudU1vZHVsZSB9IGZyb20gJy4uL21lbnUvbWVudS5tb2R1bGUnO1xyXG5pbXBvcnQgeyBWZEZvcm1Ub29sYmFyTWVudUNvbXBvbmVudCB9IGZyb20gJy4vZm9ybS10b29sYmFyLW1lbnUvZm9ybS10b29sYmFyLW1lbnUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVmRGb3JtVG9vbGJhckNvbXBvbmVudCB9IGZyb20gJy4vZm9ybS10b29sYmFyL2Zvcm0tdG9vbGJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBWZExheW91dENhcmRPdmVyQ29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQtY2FyZC1vdmVyL2xheW91dC1jYXJkLW92ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVmRMYXlvdXRGb290ZXJDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC1mb290ZXIvbGF5b3V0LWZvb3Rlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBWZExheW91dE1hbmFnZUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC1tYW5hZ2UtbGlzdC9sYXlvdXQtbWFuYWdlLWxpc3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVmRMYXlvdXRNYW5hZ2VMaXN0Q2xvc2VEaXJlY3RpdmUsIFZkTGF5b3V0TWFuYWdlTGlzdE9wZW5EaXJlY3RpdmUsIFZkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZURpcmVjdGl2ZSB9IGZyb20gJy4vbGF5b3V0LW1hbmFnZS1saXN0L2xheW91dC1tYW5hZ2UtbGlzdC5kaXJlY3RpdmVzJztcclxuaW1wb3J0IHsgVmRMYXlvdXROYXZMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQtbmF2LWxpc3QvbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFZkTGF5b3V0TmF2TGlzdENsb3NlRGlyZWN0aXZlLCBWZExheW91dE5hdkxpc3RPcGVuRGlyZWN0aXZlLCBWZExheW91dE5hdkxpc3RUb2dnbGVEaXJlY3RpdmUgfSBmcm9tICcuL2xheW91dC1uYXYtbGlzdC9sYXlvdXQtbmF2LWxpc3QuZGlyZWN0aXZlcyc7XHJcbmltcG9ydCB7IFZkTGF5b3V0TmF2Q29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQtbmF2L2xheW91dC1uYXYuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVmRMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBWZExheW91dENsb3NlRGlyZWN0aXZlLCBWZExheW91dE9wZW5EaXJlY3RpdmUsIFZkTGF5b3V0VG9nZ2xlRGlyZWN0aXZlIH0gZnJvbSAnLi9sYXlvdXQuZGlyZWN0aXZlcyc7XHJcbmltcG9ydCB7IFZkTGlzdFRvb2xiYXJNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9saXN0LXRvb2xiYXItbWVudS9saXN0LXRvb2xiYXItbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBWZExpc3RUb29sYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9saXN0LXRvb2xiYXIvbGlzdC10b29sYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFZkTmF2aWdhdGlvbkRyYXdlckNvbXBvbmVudCwgVmROYXZpZ2F0aW9uRHJhd2VyTWVudURpcmVjdGl2ZSwgVmROYXZpZ2F0aW9uRHJhd2VyVG9vbGJhckRpcmVjdGl2ZSB9IGZyb20gJy4vbmF2aWdhdGlvbi1kcmF3ZXIvbmF2aWdhdGlvbi1kcmF3ZXIuY29tcG9uZW50JztcclxuXHJcbmNvbnN0IFZEX0xBWU9VVFM6IFR5cGU8YW55PltdID0gW1xyXG5cdFZkTGF5b3V0Q29tcG9uZW50LFxyXG5cdFZkTGF5b3V0VG9nZ2xlRGlyZWN0aXZlLFxyXG5cdFZkTGF5b3V0Q2xvc2VEaXJlY3RpdmUsXHJcblx0VmRMYXlvdXRPcGVuRGlyZWN0aXZlLFxyXG5cclxuXHRWZExheW91dE5hdkNvbXBvbmVudCxcclxuXHJcblx0VmRMYXlvdXROYXZMaXN0Q29tcG9uZW50LFxyXG5cdFZkTGF5b3V0TmF2TGlzdFRvZ2dsZURpcmVjdGl2ZSxcclxuXHRWZExheW91dE5hdkxpc3RDbG9zZURpcmVjdGl2ZSxcclxuXHRWZExheW91dE5hdkxpc3RPcGVuRGlyZWN0aXZlLFxyXG5cclxuXHRWZExheW91dENhcmRPdmVyQ29tcG9uZW50LFxyXG5cclxuXHRWZExheW91dE1hbmFnZUxpc3RDb21wb25lbnQsXHJcblx0VmRMYXlvdXRNYW5hZ2VMaXN0VG9nZ2xlRGlyZWN0aXZlLFxyXG5cdFZkTGF5b3V0TWFuYWdlTGlzdENsb3NlRGlyZWN0aXZlLFxyXG5cdFZkTGF5b3V0TWFuYWdlTGlzdE9wZW5EaXJlY3RpdmUsXHJcblxyXG5cdFZkTGF5b3V0Rm9vdGVyQ29tcG9uZW50LFxyXG5cclxuXHRWZE5hdmlnYXRpb25EcmF3ZXJDb21wb25lbnQsXHJcblx0VmROYXZpZ2F0aW9uRHJhd2VyTWVudURpcmVjdGl2ZSxcclxuXHRWZE5hdmlnYXRpb25EcmF3ZXJUb29sYmFyRGlyZWN0aXZlLFxyXG5cclxuXHRWZEZvcm1Ub29sYmFyQ29tcG9uZW50LFxyXG5cdFZkRm9ybVRvb2xiYXJNZW51Q29tcG9uZW50LFxyXG5cdFZkTGlzdFRvb2xiYXJDb21wb25lbnQsXHJcblx0VmRMaXN0VG9vbGJhck1lbnVDb21wb25lbnRcclxuXTtcclxuXHJcbmV4cG9ydCB7XHJcblx0VmRMYXlvdXRDb21wb25lbnQsXHJcblx0VmRMYXlvdXRUb2dnbGVEaXJlY3RpdmUsXHJcblx0VmRMYXlvdXRDbG9zZURpcmVjdGl2ZSxcclxuXHRWZExheW91dE9wZW5EaXJlY3RpdmUsXHJcblx0VmRMYXlvdXROYXZDb21wb25lbnQsXHJcblx0VmRMYXlvdXROYXZMaXN0Q29tcG9uZW50LFxyXG5cdFZkTGF5b3V0TmF2TGlzdFRvZ2dsZURpcmVjdGl2ZSxcclxuXHRWZExheW91dE5hdkxpc3RDbG9zZURpcmVjdGl2ZSxcclxuXHRWZExheW91dE5hdkxpc3RPcGVuRGlyZWN0aXZlLFxyXG5cdFZkTGF5b3V0Q2FyZE92ZXJDb21wb25lbnQsXHJcblx0VmRMYXlvdXRNYW5hZ2VMaXN0Q29tcG9uZW50LFxyXG5cdFZkTGF5b3V0TWFuYWdlTGlzdFRvZ2dsZURpcmVjdGl2ZSxcclxuXHRWZExheW91dE1hbmFnZUxpc3RDbG9zZURpcmVjdGl2ZSxcclxuXHRWZExheW91dE1hbmFnZUxpc3RPcGVuRGlyZWN0aXZlLFxyXG5cdFZkTGF5b3V0Rm9vdGVyQ29tcG9uZW50LFxyXG5cdFZkTmF2aWdhdGlvbkRyYXdlckNvbXBvbmVudCxcclxuXHRWZE5hdmlnYXRpb25EcmF3ZXJNZW51RGlyZWN0aXZlLFxyXG5cdFZkTmF2aWdhdGlvbkRyYXdlclRvb2xiYXJEaXJlY3RpdmUsXHJcblx0VmRGb3JtVG9vbGJhckNvbXBvbmVudCxcclxuXHRWZEZvcm1Ub29sYmFyTWVudUNvbXBvbmVudCxcclxuXHRWZExpc3RUb29sYmFyQ29tcG9uZW50LFxyXG5cdFZkTGlzdFRvb2xiYXJNZW51Q29tcG9uZW50XHJcbn07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG5cdGltcG9ydHM6IFtcclxuXHRcdENvbW1vbk1vZHVsZSxcclxuXHRcdFNjcm9sbGluZ01vZHVsZSxcclxuXHRcdE1hdFNpZGVuYXZNb2R1bGUsXHJcblx0XHRNYXRUb29sYmFyTW9kdWxlLFxyXG5cdFx0TWF0QnV0dG9uTW9kdWxlLFxyXG5cdFx0TWF0SWNvbk1vZHVsZSxcclxuXHRcdE1hdENhcmRNb2R1bGUsXHJcblx0XHRNYXRMaXN0TW9kdWxlLFxyXG5cdFx0TWF0TWVudU1vZHVsZSxcclxuXHRcdE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcclxuXHRcdFZkTWVudU1vZHVsZVxyXG5cdF0sXHJcblx0ZGVjbGFyYXRpb25zOiBbXHJcblx0XHRWRF9MQVlPVVRTLFxyXG5cdF0sXHJcblx0ZXhwb3J0czogW1xyXG5cdFx0VkRfTEFZT1VUUyxcclxuXHRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVmRMYXlvdXRNb2R1bGUge1xyXG5cclxufVxyXG4iXX0=

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

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/toolbar";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "../list-toolbar-menu/list-toolbar-menu.component";
+import * as i5 from "../layout-manage-list/layout-manage-list.directives";
+import * as i6 from "@angular/common";
+export class VdListToolbarComponent {
+}
+/** @nocollapse */ /** @nocollapse */ VdListToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdListToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdListToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdListToolbarComponent, selector: "vd-list-toolbar", inputs: { dataSource: "dataSource", subtitle: "subtitle", menuItems: "menuItems" }, ngImport: i0, template: "<mat-toolbar dense>\r\n    <div layout=\"row\" layout-align=\"start center\" flex>\r\n        <button mat-icon-button vdLayoutManageListOpen [hideWhenOpened]=\"true\">\r\n            <mat-icon>menu</mat-icon>\r\n        </button>\r\n        <span>{{subtitle}}</span>\r\n        <span flex></span>\r\n        <button mat-icon-button (click)=\"dataSource.reload()\" *ngIf=\"dataSource\">\r\n            <mat-icon>sync</mat-icon>\r\n        </button>\r\n        <vd-list-toolbar-menu [menuItems]=\"menuItems\"></vd-list-toolbar-menu>\r\n    </div>\r\n</mat-toolbar>", components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.VdListToolbarMenuComponent, selector: "vd-list-toolbar-menu", inputs: ["menuItems"] }], directives: [{ type: i5.VdLayoutManageListOpenDirective, selector: "[vdLayoutManageListOpen]", inputs: ["vdLayoutManageListOpen"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdListToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vd-list-toolbar', template: "<mat-toolbar dense>\r\n    <div layout=\"row\" layout-align=\"start center\" flex>\r\n        <button mat-icon-button vdLayoutManageListOpen [hideWhenOpened]=\"true\">\r\n            <mat-icon>menu</mat-icon>\r\n        </button>\r\n        <span>{{subtitle}}</span>\r\n        <span flex></span>\r\n        <button mat-icon-button (click)=\"dataSource.reload()\" *ngIf=\"dataSource\">\r\n            <mat-icon>sync</mat-icon>\r\n        </button>\r\n        <vd-list-toolbar-menu [menuItems]=\"menuItems\"></vd-list-toolbar-menu>\r\n    </div>\r\n</mat-toolbar>" }]
+        }], propDecorators: { dataSource: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], menuItems: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9saXN0LXRvb2xiYXIvbGlzdC10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9saXN0LXRvb2xiYXIvbGlzdC10b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQU9qRCxNQUFNLE9BQU8sc0JBQXNCOzt5SkFBdEIsc0JBQXNCOzZJQUF0QixzQkFBc0IsMklDUm5DLG9qQkFZYzsyRkRKRCxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0ksaUJBQWlCOzhCQVFwQixVQUFVO3NCQURoQixLQUFLO2dCQU9DLFFBQVE7c0JBRGQsS0FBSztnQkFPQyxTQUFTO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhU291cmNlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RhYmxlJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25NZW51SXRlbSB9IGZyb20gJy4uLy4uL2NvbW1vbi9tb2RlbHMvYWN0aW9uLW1lbnUtaXRlbSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndmQtbGlzdC10b29sYmFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9saXN0LXRvb2xiYXIuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWZExpc3RUb29sYmFyQ29tcG9uZW50IHtcclxuICAgIC8qKlxyXG4gICAgICogRGF0YSBzb3VyY2VcclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBkYXRhU291cmNlOiBEYXRhU291cmNlPGFueT4gfCBhbnk7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUb29sYmFyIHRpdGxlXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgc3VidGl0bGU6IHN0cmluZztcclxuXHJcbiAgICAvKipcclxuICAgICAqIEEgbGlzdCBvZiBtZW51IGl0ZW1zXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgbWVudUl0ZW1zOiBBY3Rpb25NZW51SXRlbVtdO1xyXG59IiwiPG1hdC10b29sYmFyIGRlbnNlPlxyXG4gICAgPGRpdiBsYXlvdXQ9XCJyb3dcIiBsYXlvdXQtYWxpZ249XCJzdGFydCBjZW50ZXJcIiBmbGV4PlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIHZkTGF5b3V0TWFuYWdlTGlzdE9wZW4gW2hpZGVXaGVuT3BlbmVkXT1cInRydWVcIj5cclxuICAgICAgICAgICAgPG1hdC1pY29uPm1lbnU8L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxzcGFuPnt7c3VidGl0bGV9fTwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBmbGV4Pjwvc3Bhbj5cclxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiZGF0YVNvdXJjZS5yZWxvYWQoKVwiICpuZ0lmPVwiZGF0YVNvdXJjZVwiPlxyXG4gICAgICAgICAgICA8bWF0LWljb24+c3luYzwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPHZkLWxpc3QtdG9vbGJhci1tZW51IFttZW51SXRlbXNdPVwibWVudUl0ZW1zXCI+PC92ZC1saXN0LXRvb2xiYXItbWVudT5cclxuICAgIDwvZGl2PlxyXG48L21hdC10b29sYmFyPiJdfQ==

package/esm2020/lib/layout/list-toolbar-menu/list-toolbar-menu.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/menu";
+import * as i4 from "@angular/common";
+export class VdListToolbarMenuComponent {
+}
+/** @nocollapse */ /** @nocollapse */ VdListToolbarMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdListToolbarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ VdListToolbarMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdListToolbarMenuComponent, selector: "vd-list-toolbar-menu", inputs: { menuItems: "menuItems" }, ngImport: i0, template: "<div layout=\"row\" layout-align=\"start center\" flex>\r\n    <button mat-icon-button [mat-menu-trigger-for]=\"toolbarMenu\" *ngIf=\"menuItems?.length\">\r\n        <mat-icon>more_vert</mat-icon>\r\n    </button>\r\n    <mat-menu x-position=\"before\" #toolbarMenu=\"matMenu\">\r\n        <ng-container *ngFor=\"let menuItem of menuItems\">\r\n            <ng-container *ngIf=\"!menuItem.subItems\">\r\n                <button type=\"button\" mat-menu-item (click)=\"menuItem.event?menuItem.event():null\" *ngIf=\"!menuItem.hide || !menuItem.hide()\" [disabled]=\"menuItem.disable && menuItem.disable()\">\r\n                    <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"menuItem.iconClass\">{{menuItem.icon || 'radio_button_unchecked'}}</mat-icon>\r\n                    <span>{{menuItem.title}}</span>\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"menuItem.subItems\">\r\n                <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n                    <ng-container *ngFor=\"let menuSubItem of menuItem.subItems\">\r\n                        <button type=\"button\" mat-menu-item (click)=\"menuSubItem.event?menuSubItem.event():null\" *ngIf=\"!menuSubItem.hide || !menuSubItem.hide()\" [disabled]=\"menuSubItem.disable && menuSubItem.disable()\">\r\n                            <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"menuSubItem.iconClass\">{{menuSubItem.icon || 'radio_button_unchecked'}}</mat-icon>\r\n                            <span>{{menuSubItem.title}}</span>\r\n                        </button>\r\n                    </ng-container>\r\n                </mat-menu>\r\n                <button type=\"button\" mat-menu-item [matMenuTriggerFor]=\"subMenu\" *ngIf=\"!menuItem.hide || !menuItem.hide()\" [disabled]=\"menuItem.disable && menuItem.disable()\">\r\n                    <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"menuItem.iconClass\">{{menuItem.icon || 'radio_button_unchecked'}}</mat-icon>\r\n                    <span>{{menuItem.title}}</span>\r\n                </button>\r\n            </ng-container>\r\n        </ng-container>\r\n    </mat-menu>\r\n</div>", components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdListToolbarMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vd-list-toolbar-menu', template: "<div layout=\"row\" layout-align=\"start center\" flex>\r\n    <button mat-icon-button [mat-menu-trigger-for]=\"toolbarMenu\" *ngIf=\"menuItems?.length\">\r\n        <mat-icon>more_vert</mat-icon>\r\n    </button>\r\n    <mat-menu x-position=\"before\" #toolbarMenu=\"matMenu\">\r\n        <ng-container *ngFor=\"let menuItem of menuItems\">\r\n            <ng-container *ngIf=\"!menuItem.subItems\">\r\n                <button type=\"button\" mat-menu-item (click)=\"menuItem.event?menuItem.event():null\" *ngIf=\"!menuItem.hide || !menuItem.hide()\" [disabled]=\"menuItem.disable && menuItem.disable()\">\r\n                    <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"menuItem.iconClass\">{{menuItem.icon || 'radio_button_unchecked'}}</mat-icon>\r\n                    <span>{{menuItem.title}}</span>\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"menuItem.subItems\">\r\n                <mat-menu x-position=\"before\" #subMenu=\"matMenu\">\r\n                    <ng-container *ngFor=\"let menuSubItem of menuItem.subItems\">\r\n                        <button type=\"button\" mat-menu-item (click)=\"menuSubItem.event?menuSubItem.event():null\" *ngIf=\"!menuSubItem.hide || !menuSubItem.hide()\" [disabled]=\"menuSubItem.disable && menuSubItem.disable()\">\r\n                            <mat-icon fontSet=\"{{menuSubItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"menuSubItem.iconClass\">{{menuSubItem.icon || 'radio_button_unchecked'}}</mat-icon>\r\n                            <span>{{menuSubItem.title}}</span>\r\n                        </button>\r\n                    </ng-container>\r\n                </mat-menu>\r\n                <button type=\"button\" mat-menu-item [matMenuTriggerFor]=\"subMenu\" *ngIf=\"!menuItem.hide || !menuItem.hide()\" [disabled]=\"menuItem.disable && menuItem.disable()\">\r\n                    <mat-icon fontSet=\"{{menuItem.iconFontSet || 'material-icons-outlined'}}\" [class]=\"menuItem.iconClass\">{{menuItem.icon || 'radio_button_unchecked'}}</mat-icon>\r\n                    <span>{{menuItem.title}}</span>\r\n                </button>\r\n            </ng-container>\r\n        </ng-container>\r\n    </mat-menu>\r\n</div>" }]
+        }], propDecorators: { menuItems: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC10b29sYmFyLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2RrL3NyYy9saWIvbGF5b3V0L2xpc3QtdG9vbGJhci1tZW51L2xpc3QtdG9vbGJhci1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9saXN0LXRvb2xiYXItbWVudS9saXN0LXRvb2xiYXItbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT2pELE1BQU0sT0FBTywwQkFBMEI7OzZKQUExQiwwQkFBMEI7aUpBQTFCLDBCQUEwQixnR0NQdkMsMnVFQTRCTTsyRkRyQk8sMEJBQTBCO2tCQUp0QyxTQUFTOytCQUNJLHNCQUFzQjs4QkFTekIsU0FBUztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25NZW51SXRlbSB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb21tb24ubW9kdWxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd2ZC1saXN0LXRvb2xiYXItbWVudScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC10b29sYmFyLW1lbnUuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWZExpc3RUb29sYmFyTWVudUNvbXBvbmVudCB7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBBIGxpc3Qgb2YgbWVudSBpdGVtc1xyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIG1lbnVJdGVtczogQWN0aW9uTWVudUl0ZW1bXTtcclxufSIsIjxkaXYgbGF5b3V0PVwicm93XCIgbGF5b3V0LWFsaWduPVwic3RhcnQgY2VudGVyXCIgZmxleD5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXQtbWVudS10cmlnZ2VyLWZvcl09XCJ0b29sYmFyTWVudVwiICpuZ0lmPVwibWVudUl0ZW1zPy5sZW5ndGhcIj5cclxuICAgICAgICA8bWF0LWljb24+bW9yZV92ZXJ0PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPG1hdC1tZW51IHgtcG9zaXRpb249XCJiZWZvcmVcIiAjdG9vbGJhck1lbnU9XCJtYXRNZW51XCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbWVudUl0ZW0gb2YgbWVudUl0ZW1zXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbWVudUl0ZW0uc3ViSXRlbXNcIj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIG1hdC1tZW51LWl0ZW0gKGNsaWNrKT1cIm1lbnVJdGVtLmV2ZW50P21lbnVJdGVtLmV2ZW50KCk6bnVsbFwiICpuZ0lmPVwiIW1lbnVJdGVtLmhpZGUgfHwgIW1lbnVJdGVtLmhpZGUoKVwiIFtkaXNhYmxlZF09XCJtZW51SXRlbS5kaXNhYmxlICYmIG1lbnVJdGVtLmRpc2FibGUoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBmb250U2V0PVwie3ttZW51SXRlbS5pY29uRm9udFNldCB8fCAnbWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQnfX1cIiBbY2xhc3NdPVwibWVudUl0ZW0uaWNvbkNsYXNzXCI+e3ttZW51SXRlbS5pY29uIHx8ICdyYWRpb19idXR0b25fdW5jaGVja2VkJ319PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e21lbnVJdGVtLnRpdGxlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtZW51SXRlbS5zdWJJdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1tZW51IHgtcG9zaXRpb249XCJiZWZvcmVcIiAjc3ViTWVudT1cIm1hdE1lbnVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBtZW51U3ViSXRlbSBvZiBtZW51SXRlbS5zdWJJdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtbWVudS1pdGVtIChjbGljayk9XCJtZW51U3ViSXRlbS5ldmVudD9tZW51U3ViSXRlbS5ldmVudCgpOm51bGxcIiAqbmdJZj1cIiFtZW51U3ViSXRlbS5oaWRlIHx8ICFtZW51U3ViSXRlbS5oaWRlKClcIiBbZGlzYWJsZWRdPVwibWVudVN1Ykl0ZW0uZGlzYWJsZSAmJiBtZW51U3ViSXRlbS5kaXNhYmxlKClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBmb250U2V0PVwie3ttZW51U3ViSXRlbS5pY29uRm9udFNldCB8fCAnbWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQnfX1cIiBbY2xhc3NdPVwibWVudVN1Ykl0ZW0uaWNvbkNsYXNzXCI+e3ttZW51U3ViSXRlbS5pY29uIHx8ICdyYWRpb19idXR0b25fdW5jaGVja2VkJ319PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7bWVudVN1Ykl0ZW0udGl0bGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L21hdC1tZW51PlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LW1lbnUtaXRlbSBbbWF0TWVudVRyaWdnZXJGb3JdPVwic3ViTWVudVwiICpuZ0lmPVwiIW1lbnVJdGVtLmhpZGUgfHwgIW1lbnVJdGVtLmhpZGUoKVwiIFtkaXNhYmxlZF09XCJtZW51SXRlbS5kaXNhYmxlICYmIG1lbnVJdGVtLmRpc2FibGUoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBmb250U2V0PVwie3ttZW51SXRlbS5pY29uRm9udFNldCB8fCAnbWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQnfX1cIiBbY2xhc3NdPVwibWVudUl0ZW0uaWNvbkNsYXNzXCI+e3ttZW51SXRlbS5pY29uIHx8ICdyYWRpb19idXR0b25fdW5jaGVja2VkJ319PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e21lbnVJdGVtLnRpdGxlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L21hdC1tZW51PlxyXG48L2Rpdj4iXX0=