@messaia/cdk 13.3.6-rc12 → 13.3.6-rc13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/layout/layout-nav-list/layout-nav-list.component.mjs +20 -31
- package/esm2020/lib/layout/layout-nav-list/layout-nav-list.directives.mjs +44 -20
- package/fesm2015/messaia-cdk.mjs +61 -48
- package/fesm2015/messaia-cdk.mjs.map +1 -1
- package/fesm2020/messaia-cdk.mjs +61 -48
- package/fesm2020/messaia-cdk.mjs.map +1 -1
- package/lib/layout/layout-nav-list/layout-nav-list.component.d.ts +12 -9
- package/lib/layout/layout-nav-list/layout-nav-list.directives.d.ts +36 -0
- package/package.json +1 -1
|
@@ -9,6 +9,10 @@ import * as i4 from "@angular/material/icon";
|
|
|
9
9
|
import * as i5 from "@angular/common";
|
|
10
10
|
import * as i6 from "@angular/cdk/scrolling";
|
|
11
11
|
export class VdLayoutNavListComponent {
|
|
12
|
+
/**
|
|
13
|
+
* constructor
|
|
14
|
+
* @param _router
|
|
15
|
+
*/
|
|
12
16
|
constructor(_router) {
|
|
13
17
|
this._router = _router;
|
|
14
18
|
/**
|
|
@@ -24,8 +28,6 @@ export class VdLayoutNavListComponent {
|
|
|
24
28
|
* The mode or styling of the sidenav.
|
|
25
29
|
* Defaults to "side".
|
|
26
30
|
* See "MatSidenav" documentation for more info.
|
|
27
|
-
*
|
|
28
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
29
31
|
*/
|
|
30
32
|
this.mode = 'side';
|
|
31
33
|
/**
|
|
@@ -34,8 +36,6 @@ export class VdLayoutNavListComponent {
|
|
|
34
36
|
* Defaults to "true".
|
|
35
37
|
*
|
|
36
38
|
* See "MatSidenav" documentation for more info.
|
|
37
|
-
*
|
|
38
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
39
39
|
*/
|
|
40
40
|
this.opened = true;
|
|
41
41
|
/**
|
|
@@ -43,8 +43,6 @@ export class VdLayoutNavListComponent {
|
|
|
43
43
|
*
|
|
44
44
|
* Sets the "width" of the sidenav in either "px" or "%"
|
|
45
45
|
* Defaults to "350px".
|
|
46
|
-
*
|
|
47
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
48
46
|
*/
|
|
49
47
|
this.sidenavWidth = '350px';
|
|
50
48
|
}
|
|
@@ -52,15 +50,14 @@ export class VdLayoutNavListComponent {
|
|
|
52
50
|
* Checks if `ESC` should close the sidenav
|
|
53
51
|
* Should only close it for `push` and `over` modes
|
|
54
52
|
*/
|
|
55
|
-
get disableClose() {
|
|
56
|
-
return this.mode === 'side';
|
|
57
|
-
}
|
|
53
|
+
get disableClose() { return this.mode === 'side'; }
|
|
58
54
|
/**
|
|
59
55
|
* Checks if router was injected.
|
|
60
56
|
*/
|
|
61
|
-
get routerEnabled() {
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
get routerEnabled() { return !!this._router && !!this.navigationRoute; }
|
|
58
|
+
/**
|
|
59
|
+
* Handles navigation click
|
|
60
|
+
*/
|
|
64
61
|
handleNavigationClick() {
|
|
65
62
|
if (this.routerEnabled) {
|
|
66
63
|
this._router.navigateByUrl(this.navigationRoute);
|
|
@@ -86,38 +83,30 @@ export class VdLayoutNavListComponent {
|
|
|
86
83
|
}
|
|
87
84
|
}
|
|
88
85
|
/** @nocollapse */ VdLayoutNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListComponent, deps: [{ token: i1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
89
|
-
/** @nocollapse */ VdLayoutNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListComponent, selector: "vd-layout-nav-list", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", navigationRoute: "navigationRoute" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<div class=\"vd-layout-nav-list-wrapper\">\r\n\t<mat-sidenav-container fullscreen class=\"vd-layout-nav-list\">\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\"
|
|
86
|
+
/** @nocollapse */ VdLayoutNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListComponent, selector: "vd-layout-nav-list", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", navigationRoute: "navigationRoute" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<div class=\"vd-layout-nav-list-wrapper\">\r\n\t<mat-sidenav-container fullscreen class=\"vd-layout-nav-list\">\r\n\t\t<!-- #region Sidenav -->\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\">\r\n\t\t\t<!-- #region Sidenav toolbar -->\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\" (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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Sidenav content -->\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\t<!-- #endregion -->\r\n\t\t</mat-sidenav>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<div class=\"vd-layout-nav-list-main\">\r\n\t\t\t<!-- #region Toolbar projection -->\r\n\t\t\t<ng-content select=\"mat-toolbar\"></ng-content>\r\n\t\t\t<ng-content select=\"vd-toolbar-content\"></ng-content>\r\n\t\t\t<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Scrollable content -->\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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Footer content -->\r\n\t\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t\t<!-- #endregion -->\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]" }] });
|
|
90
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListComponent, decorators: [{
|
|
91
88
|
type: Component,
|
|
92
|
-
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\"
|
|
89
|
+
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<!-- #region Sidenav -->\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\">\r\n\t\t\t<!-- #region Sidenav toolbar -->\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\" (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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Sidenav content -->\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\t<!-- #endregion -->\r\n\t\t</mat-sidenav>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<div class=\"vd-layout-nav-list-main\">\r\n\t\t\t<!-- #region Toolbar projection -->\r\n\t\t\t<ng-content select=\"mat-toolbar\"></ng-content>\r\n\t\t\t<ng-content select=\"vd-toolbar-content\"></ng-content>\r\n\t\t\t<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Scrollable content -->\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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Footer content -->\r\n\t\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t\t<!-- #endregion -->\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"] }]
|
|
93
90
|
}], ctorParameters: function () { return [{ type: i1.Router, decorators: [{
|
|
94
91
|
type: Optional
|
|
95
92
|
}] }]; }, propDecorators: { sidenav: [{
|
|
96
93
|
type: ViewChild,
|
|
97
94
|
args: [MatSidenav, { static: true }]
|
|
98
95
|
}], toolbarTitle: [{
|
|
99
|
-
type: Input
|
|
100
|
-
args: ['toolbarTitle']
|
|
96
|
+
type: Input
|
|
101
97
|
}], icon: [{
|
|
102
|
-
type: Input
|
|
103
|
-
args: ['icon']
|
|
98
|
+
type: Input
|
|
104
99
|
}], logo: [{
|
|
105
|
-
type: Input
|
|
106
|
-
args: ['logo']
|
|
100
|
+
type: Input
|
|
107
101
|
}], color: [{
|
|
108
|
-
type: Input
|
|
109
|
-
args: ['color']
|
|
102
|
+
type: Input
|
|
110
103
|
}], mode: [{
|
|
111
|
-
type: Input
|
|
112
|
-
args: ['mode']
|
|
104
|
+
type: Input
|
|
113
105
|
}], opened: [{
|
|
114
|
-
type: Input
|
|
115
|
-
args: ['opened']
|
|
106
|
+
type: Input
|
|
116
107
|
}], sidenavWidth: [{
|
|
117
|
-
type: Input
|
|
118
|
-
args: ['sidenavWidth']
|
|
108
|
+
type: Input
|
|
119
109
|
}], navigationRoute: [{
|
|
120
|
-
type: Input
|
|
121
|
-
args: ['navigationRoute']
|
|
110
|
+
type: Input
|
|
122
111
|
}] } });
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbmF2LWxpc3QvbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nkay9zcmMvbGliL2xheW91dC9sYXlvdXQtbmF2LWxpc3QvbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUF5QixVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7O0FBUXpDLE1BQU0sT0FBTyx3QkFBd0I7SUF5RnBDOzs7T0FHRztJQUNILFlBQWdDLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBN0QvQzs7Ozs7V0FLRztRQUVJLFVBQUssR0FBVyxTQUFTLENBQUM7UUFFakM7Ozs7OztXQU1HO1FBRUksU0FBSSxHQUE2QixNQUFNLENBQUM7UUFFL0M7Ozs7OztXQU1HO1FBRUksV0FBTSxHQUFZLElBQUksQ0FBQztRQUU5Qjs7Ozs7V0FLRztRQUVJLGlCQUFZLEdBQVcsT0FBTyxDQUFDO0lBeUJhLENBQUM7SUFmcEQ7OztPQUdHO0lBQ0gsSUFBSSxZQUFZLEtBQWMsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFNUQ7O09BRUc7SUFDSCxJQUFJLGFBQWEsS0FBYyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztJQVFqRjs7T0FFRztJQUNJLHFCQUFxQjtRQUMzQixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1NBQ2pEO0lBQ0YsQ0FBQztJQUVEOztPQUVHO0lBQ0ksTUFBTTtRQUNaLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRDs7T0FFRztJQUNJLElBQUk7UUFDVixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSztRQUNYLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM3QixDQUFDOzt3SUEzSFcsd0JBQXdCOzRIQUF4Qix3QkFBd0IsMlJBS3pCLFVBQVUsOERDZnRCLHc5REEwQ21EOzJGRGhDdEMsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNDLG9CQUFvQjs7MEJBaUdqQixRQUFROzRDQXZGZCxPQUFPO3NCQURiLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFTaEMsWUFBWTtzQkFEbEIsS0FBSztnQkFRQyxJQUFJO3NCQURWLEtBQUs7Z0JBVUMsSUFBSTtzQkFEVixLQUFLO2dCQVVDLEtBQUs7c0JBRFgsS0FBSztnQkFXQyxJQUFJO3NCQURWLEtBQUs7Z0JBV0MsTUFBTTtzQkFEWixLQUFLO2dCQVVDLFlBQVk7c0JBRGxCLEtBQUs7Z0JBU0MsZUFBZTtzQkFEckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9wdGlvbmFsLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RHJhd2VyVG9nZ2xlUmVzdWx0LCBNYXRTaWRlbmF2IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IElMYXlvdXRUb2dnbGFibGUgfSBmcm9tICcuLi9sYXlvdXQtdG9nZ2xlLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAndmQtbGF5b3V0LW5hdi1saXN0JyxcclxuXHRzdHlsZVVybHM6IFsnLi9sYXlvdXQtbmF2LWxpc3QuY29tcG9uZW50LnNjc3MnXSxcclxuXHR0ZW1wbGF0ZVVybDogJy4vbGF5b3V0LW5hdi1saXN0LmNvbXBvbmVudC5odG1sJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFZkTGF5b3V0TmF2TGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIElMYXlvdXRUb2dnbGFibGUge1xyXG5cclxuXHQvKipcclxuXHQgKiBzaWRlbmF2OiBNYXRTaWRlbmF2XHJcblx0ICovXHJcblx0QFZpZXdDaGlsZChNYXRTaWRlbmF2LCB7IHN0YXRpYzogdHJ1ZSB9KVxyXG5cdHB1YmxpYyBzaWRlbmF2OiBNYXRTaWRlbmF2O1xyXG5cclxuXHQvKipcclxuXHQgKiB0b29sYmFyVGl0bGU/OiBzdHJpbmdcclxuXHQgKlxyXG5cdCAqIFRpdGxlIHNldCBpbiB0b29sYmFyLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIHRvb2xiYXJUaXRsZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBpY29uPzogc3RyaW5nXHJcblx0ICogaWNvbiBuYW1lIHRvIGJlIGRpc3BsYXllZCBiZWZvcmUgdGhlIHRpdGxlXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgaWNvbjogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBsb2dvPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBsb2dvIGljb24gbmFtZSB0byBiZSBkaXNwbGF5ZWQgYmVmb3JlIHRoZSB0aXRsZS5cclxuXHQgKiBJZiBbaWNvbl0gaXMgc2V0LCB0aGVuIHRoaXMgd2lsbCBub3QgYmUgc2hvd24uXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgbG9nbzogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBjb2xvcj86IHN0cmluZ1xyXG5cdCAqXHJcblx0ICogdG9vbGJhciBjb2xvciBvcHRpb246IHByaW1hcnkgfCBhY2NlbnQgfCB3YXJuLlxyXG5cdCAqIElmIFtjb2xvcl0gaXMgbm90IHNldCwgcHJpbWFyeSBpcyB1c2VkLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIGNvbG9yOiBzdHJpbmcgPSAncHJpbWFyeSc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIG1vZGU/OiAnc2lkZScsICdwdXNoJyBvciAnb3ZlcidcclxuXHQgKlxyXG5cdCAqIFRoZSBtb2RlIG9yIHN0eWxpbmcgb2YgdGhlIHNpZGVuYXYuXHJcblx0ICogRGVmYXVsdHMgdG8gXCJzaWRlXCIuXHJcblx0ICogU2VlIFwiTWF0U2lkZW5hdlwiIGRvY3VtZW50YXRpb24gZm9yIG1vcmUgaW5mby5cclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBtb2RlOiAnc2lkZScgfCAncHVzaCcgfCAnb3ZlcicgPSAnc2lkZSc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIG9wZW5lZD86IGJvb2xlYW5cclxuXHQgKiBXaGV0aGVyIG9yIG5vdCB0aGUgc2lkZW5hdiBpcyBvcGVuZWQuIFVzZSB0aGlzIGJpbmRpbmcgdG8gb3Blbi9jbG9zZSB0aGUgc2lkZW5hdi5cclxuXHQgKiBEZWZhdWx0cyB0byBcInRydWVcIi5cclxuXHQgKlxyXG5cdCAqIFNlZSBcIk1hdFNpZGVuYXZcIiBkb2N1bWVudGF0aW9uIGZvciBtb3JlIGluZm8uXHJcblx0ICovXHJcblx0QElucHV0KClcclxuXHRwdWJsaWMgb3BlbmVkOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcblx0LyoqXHJcblx0ICogc2lkZW5hdldpZHRoPzogc3RyaW5nXHJcblx0ICpcclxuXHQgKiBTZXRzIHRoZSBcIndpZHRoXCIgb2YgdGhlIHNpZGVuYXYgaW4gZWl0aGVyIFwicHhcIiBvciBcIiVcIlxyXG5cdCAqIERlZmF1bHRzIHRvIFwiMzUwcHhcIi5cclxuXHQgKi9cclxuXHRASW5wdXQoKVxyXG5cdHB1YmxpYyBzaWRlbmF2V2lkdGg6IHN0cmluZyA9ICczNTBweCc7XHJcblxyXG5cdC8qKlxyXG5cdCAqIG5hdmlnYXRpb25Sb3V0ZT86IHN0cmluZ1xyXG5cdCAqXHJcblx0ICogb3B0aW9uIHRvIHNldCB0aGUgY29tYmluZWQgcm91dGUgZm9yIHRoZSBpY29uLCBsb2dvLCBhbmQgdG9vbGJhclRpdGxlLlxyXG5cdCAqL1xyXG5cdEBJbnB1dCgpXHJcblx0cHVibGljIG5hdmlnYXRpb25Sb3V0ZTogc3RyaW5nO1xyXG5cclxuXHQvKipcclxuXHQgKiBDaGVja3MgaWYgYEVTQ2Agc2hvdWxkIGNsb3NlIHRoZSBzaWRlbmF2XHJcblx0ICogU2hvdWxkIG9ubHkgY2xvc2UgaXQgZm9yIGBwdXNoYCBhbmQgYG92ZXJgIG1vZGVzXHJcblx0ICovXHJcblx0Z2V0IGRpc2FibGVDbG9zZSgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMubW9kZSA9PT0gJ3NpZGUnOyB9XHJcblxyXG5cdC8qKlxyXG5cdCAqIENoZWNrcyBpZiByb3V0ZXIgd2FzIGluamVjdGVkLlxyXG5cdCAqL1xyXG5cdGdldCByb3V0ZXJFbmFibGVkKCk6IGJvb2xlYW4geyByZXR1cm4gISF0aGlzLl9yb3V0ZXIgJiYgISF0aGlzLm5hdmlnYXRpb25Sb3V0ZTsgfVxyXG5cclxuXHQvKipcclxuXHQgKiBjb25zdHJ1Y3RvclxyXG5cdCAqIEBwYXJhbSBfcm91dGVyIFxyXG5cdCAqL1xyXG5cdGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcblx0LyoqXHJcblx0ICogSGFuZGxlcyBuYXZpZ2F0aW9uIGNsaWNrXHJcblx0ICovXHJcblx0cHVibGljIGhhbmRsZU5hdmlnYXRpb25DbGljaygpOiB2b2lkIHtcclxuXHRcdGlmICh0aGlzLnJvdXRlckVuYWJsZWQpIHtcclxuXHRcdFx0dGhpcy5fcm91dGVyLm5hdmlnYXRlQnlVcmwodGhpcy5uYXZpZ2F0aW9uUm91dGUpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogUHJveHkgdG9nZ2xlIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdmQtbGF5b3V0IHRlbXBsYXRlKS5cclxuXHQgKi9cclxuXHRwdWJsaWMgdG9nZ2xlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XHJcblx0XHRyZXR1cm4gdGhpcy5zaWRlbmF2LnRvZ2dsZSghdGhpcy5zaWRlbmF2Lm9wZW5lZCk7XHJcblx0fVxyXG5cclxuXHQvKipcclxuXHQgKiBQcm94eSBvcGVuIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdmQtbGF5b3V0IHRlbXBsYXRlKS5cclxuXHQgKi9cclxuXHRwdWJsaWMgb3BlbigpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4ge1xyXG5cdFx0cmV0dXJuIHRoaXMuc2lkZW5hdi5vcGVuKCk7XHJcblx0fVxyXG5cclxuXHQvKipcclxuXHQgKiBQcm94eSBjbG9zZSBtZXRob2QgdG8gYWNjZXNzIHNpZGVuYXYgZnJvbSBvdXRzaWRlIChmcm9tIHZkLWxheW91dCB0ZW1wbGF0ZSkuXHJcblx0ICovXHJcblx0cHVibGljIGNsb3NlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XHJcblx0XHRyZXR1cm4gdGhpcy5zaWRlbmF2LmNsb3NlKCk7XHJcblx0fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ2ZC1sYXlvdXQtbmF2LWxpc3Qtd3JhcHBlclwiPlxyXG5cdDxtYXQtc2lkZW5hdi1jb250YWluZXIgZnVsbHNjcmVlbiBjbGFzcz1cInZkLWxheW91dC1uYXYtbGlzdFwiPlxyXG5cdFx0PCEtLSAjcmVnaW9uIFNpZGVuYXYgLS0+XHJcblx0XHQ8bWF0LXNpZGVuYXYgI3NpZGVuYXYgcG9zaXRpb249XCJzdGFydFwiIFttb2RlXT1cIm1vZGVcIiBbb3BlbmVkXT1cIm9wZW5lZFwiIFtkaXNhYmxlQ2xvc2VdPVwiZGlzYWJsZUNsb3NlXCIgW3N0eWxlLm1heC13aWR0aF09XCJzaWRlbmF2V2lkdGhcIiBbc3R5bGUubWluLXdpZHRoXT1cInNpZGVuYXZXaWR0aFwiPlxyXG5cdFx0XHQ8IS0tICNyZWdpb24gU2lkZW5hdiB0b29sYmFyIC0tPlxyXG5cdFx0XHQ8bWF0LXRvb2xiYXIgW2NvbG9yXT1cImNvbG9yXCI+XHJcblx0XHRcdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ZkLW1lbnUtYnV0dG9uXVwiPjwvbmctY29udGVudD5cclxuXHRcdFx0XHQ8c3BhbiAqbmdJZj1cImljb24gfHwgbG9nbyB8fCB0b29sYmFyVGl0bGVcIiBjbGFzcz1cInZkLWxheW91dC1uYXYtbGlzdC10b29sYmFyLWNvbnRlbnRcIiBbY2xhc3MuY3Vyc29yLXBvaW50ZXJdPVwicm91dGVyRW5hYmxlZFwiIChjbGljayk9XCJoYW5kbGVOYXZpZ2F0aW9uQ2xpY2soKVwiPlxyXG5cdFx0XHRcdFx0PG1hdC1pY29uICpuZ0lmPVwiaWNvblwiPnt7aWNvbn19PC9tYXQtaWNvbj5cclxuXHRcdFx0XHRcdDxtYXQtaWNvbiAqbmdJZj1cImxvZ28gJiYgIWljb25cIiBjbGFzcz1cIm1hdC1pY29uLWxvZ29cIiBbc3ZnSWNvbl09XCJsb2dvXCI+PC9tYXQtaWNvbj5cclxuXHRcdFx0XHRcdDxzcGFuICpuZ0lmPVwidG9vbGJhclRpdGxlXCI+e3t0b29sYmFyVGl0bGV9fTwvc3Bhbj5cclxuXHRcdFx0XHQ8L3NwYW4+XHJcblx0XHRcdFx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ZkLXNpZGVuYXYtdG9vbGJhci1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuXHRcdFx0PC9tYXQtdG9vbGJhcj5cclxuXHRcdFx0PCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cclxuXHRcdFx0PCEtLSAjcmVnaW9uIFNpZGVuYXYgY29udGVudCAtLT5cclxuXHRcdFx0PGRpdiBjbGFzcz1cInZkLWxheW91dC1uYXYtbGlzdC1jb250ZW50XCIgY2RrU2Nyb2xsYWJsZT5cclxuXHRcdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJbdmQtc2lkZW5hdi1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuXHRcdFx0PC9kaXY+XHJcblx0XHRcdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHRcdDwvbWF0LXNpZGVuYXY+XHJcblx0XHQ8IS0tICNlbmRyZWdpb24gLS0+XHJcblxyXG5cdFx0PGRpdiBjbGFzcz1cInZkLWxheW91dC1uYXYtbGlzdC1tYWluXCI+XHJcblx0XHRcdDwhLS0gI3JlZ2lvbiBUb29sYmFyIHByb2plY3Rpb24gLS0+XHJcblx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdC10b29sYmFyXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJ2ZC10b29sYmFyLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XHJcblx0XHRcdDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcblx0XHRcdDwhLS0gI3JlZ2lvbiBTY3JvbGxhYmxlIGNvbnRlbnQgLS0+XHJcblx0XHRcdDxkaXYgY2xhc3M9XCJ2ZC1sYXlvdXQtbmF2LWxpc3QtY29udGVudFwiIGNka1Njcm9sbGFibGU+XHJcblx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cdFx0XHQ8L2Rpdj5cclxuXHRcdFx0PCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cclxuXHRcdFx0PCEtLSAjcmVnaW9uIEZvb3RlciBjb250ZW50IC0tPlxyXG5cdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJ2ZC1sYXlvdXQtZm9vdGVyLWlubmVyXCI+PC9uZy1jb250ZW50PlxyXG5cdFx0XHQ8IS0tICNlbmRyZWdpb24gLS0+XHJcblx0XHQ8L2Rpdj5cclxuXHQ8L21hdC1zaWRlbmF2LWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbjxuZy1jb250ZW50IHNlbGVjdD1cInZkLWxheW91dC1mb290ZXJcIj48L25nLWNvbnRlbnQ+Il19
|
|
@@ -1,15 +1,25 @@
|
|
|
1
|
-
import { Directive, ElementRef, Inject, Input, Renderer2
|
|
1
|
+
import { Directive, ElementRef, forwardRef, Inject, Input, Renderer2 } from '@angular/core';
|
|
2
2
|
import { LayoutToggle } from '../layout-toggle.class';
|
|
3
3
|
import { VdLayoutNavListComponent } from './layout-nav-list.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "./layout-nav-list.component";
|
|
6
6
|
export class VdLayoutNavListToggleDirective extends LayoutToggle {
|
|
7
|
+
/**
|
|
8
|
+
* Constructor
|
|
9
|
+
* @param layout
|
|
10
|
+
* @param renderer
|
|
11
|
+
* @param elementRef
|
|
12
|
+
*/
|
|
7
13
|
constructor(layout, renderer, elementRef) {
|
|
8
14
|
super(layout, renderer, elementRef);
|
|
9
15
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
16
|
+
/**
|
|
17
|
+
* Disables the navbar
|
|
18
|
+
*/
|
|
19
|
+
set vdLayoutNavListToggle(vdLayoutNavListToggle) { this.disabled = !(vdLayoutNavListToggle === '' || vdLayoutNavListToggle); }
|
|
20
|
+
/**
|
|
21
|
+
* Opens the navbar
|
|
22
|
+
*/
|
|
13
23
|
onClick() {
|
|
14
24
|
this._layout.toggle();
|
|
15
25
|
}
|
|
@@ -18,9 +28,7 @@ export class VdLayoutNavListToggleDirective extends LayoutToggle {
|
|
|
18
28
|
/** @nocollapse */ VdLayoutNavListToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListToggleDirective, selector: "[vdLayoutNavListToggle]", inputs: { vdLayoutNavListToggle: "vdLayoutNavListToggle" }, usesInheritance: true, ngImport: i0 });
|
|
19
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListToggleDirective, decorators: [{
|
|
20
30
|
type: Directive,
|
|
21
|
-
args: [{
|
|
22
|
-
selector: '[vdLayoutNavListToggle]',
|
|
23
|
-
}]
|
|
31
|
+
args: [{ selector: '[vdLayoutNavListToggle]' }]
|
|
24
32
|
}], ctorParameters: function () { return [{ type: i1.VdLayoutNavListComponent, decorators: [{
|
|
25
33
|
type: Inject,
|
|
26
34
|
args: [forwardRef(() => VdLayoutNavListComponent)]
|
|
@@ -29,12 +37,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
29
37
|
args: ['vdLayoutNavListToggle']
|
|
30
38
|
}] } });
|
|
31
39
|
export class VdLayoutNavListCloseDirective extends LayoutToggle {
|
|
40
|
+
/**
|
|
41
|
+
* Constructor
|
|
42
|
+
* @param layout
|
|
43
|
+
* @param renderer
|
|
44
|
+
* @param elementRef
|
|
45
|
+
*/
|
|
32
46
|
constructor(layout, renderer, elementRef) {
|
|
33
47
|
super(layout, renderer, elementRef);
|
|
34
48
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
49
|
+
/**
|
|
50
|
+
* Disables the navbar
|
|
51
|
+
*/
|
|
52
|
+
set vdLayoutNavListClose(vdLayoutNavListClose) { this.disabled = !(vdLayoutNavListClose === '' || vdLayoutNavListClose); }
|
|
53
|
+
/**
|
|
54
|
+
* Opens the navbar
|
|
55
|
+
*/
|
|
38
56
|
onClick() {
|
|
39
57
|
this._layout.close();
|
|
40
58
|
}
|
|
@@ -43,9 +61,7 @@ export class VdLayoutNavListCloseDirective extends LayoutToggle {
|
|
|
43
61
|
/** @nocollapse */ VdLayoutNavListCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListCloseDirective, selector: "[vdLayoutNavListClose]", inputs: { vdLayoutNavListClose: "vdLayoutNavListClose" }, usesInheritance: true, ngImport: i0 });
|
|
44
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListCloseDirective, decorators: [{
|
|
45
63
|
type: Directive,
|
|
46
|
-
args: [{
|
|
47
|
-
selector: '[vdLayoutNavListClose]',
|
|
48
|
-
}]
|
|
64
|
+
args: [{ selector: '[vdLayoutNavListClose]' }]
|
|
49
65
|
}], ctorParameters: function () { return [{ type: i1.VdLayoutNavListComponent, decorators: [{
|
|
50
66
|
type: Inject,
|
|
51
67
|
args: [forwardRef(() => VdLayoutNavListComponent)]
|
|
@@ -54,12 +70,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
54
70
|
args: ['vdLayoutNavListClose']
|
|
55
71
|
}] } });
|
|
56
72
|
export class VdLayoutNavListOpenDirective extends LayoutToggle {
|
|
73
|
+
/**
|
|
74
|
+
* Constructor
|
|
75
|
+
* @param layout
|
|
76
|
+
* @param renderer
|
|
77
|
+
* @param elementRef
|
|
78
|
+
*/
|
|
57
79
|
constructor(layout, renderer, elementRef) {
|
|
58
80
|
super(layout, renderer, elementRef);
|
|
59
81
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
82
|
+
/**
|
|
83
|
+
* Disables the navbar
|
|
84
|
+
*/
|
|
85
|
+
set vdLayoutNavListOpen(vdLayoutNavListOpen) { this.disabled = !(vdLayoutNavListOpen === '' || vdLayoutNavListOpen); }
|
|
86
|
+
/**
|
|
87
|
+
* Opens the navbar
|
|
88
|
+
*/
|
|
63
89
|
onClick() {
|
|
64
90
|
this._layout.open();
|
|
65
91
|
}
|
|
@@ -68,9 +94,7 @@ export class VdLayoutNavListOpenDirective extends LayoutToggle {
|
|
|
68
94
|
/** @nocollapse */ VdLayoutNavListOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListOpenDirective, selector: "[vdLayoutNavListOpen]", inputs: { vdLayoutNavListOpen: "vdLayoutNavListOpen" }, usesInheritance: true, ngImport: i0 });
|
|
69
95
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListOpenDirective, decorators: [{
|
|
70
96
|
type: Directive,
|
|
71
|
-
args: [{
|
|
72
|
-
selector: '[vdLayoutNavListOpen]',
|
|
73
|
-
}]
|
|
97
|
+
args: [{ selector: '[vdLayoutNavListOpen]' }]
|
|
74
98
|
}], ctorParameters: function () { return [{ type: i1.VdLayoutNavListComponent, decorators: [{
|
|
75
99
|
type: Inject,
|
|
76
100
|
args: [forwardRef(() => VdLayoutNavListComponent)]
|
|
@@ -78,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
78
102
|
type: Input,
|
|
79
103
|
args: ['vdLayoutNavListOpen']
|
|
80
104
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi1saXN0LmRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZGsvc3JjL2xpYi9sYXlvdXQvbGF5b3V0LW5hdi1saXN0L2xheW91dC1uYXYtbGlzdC5kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQUd2RSxNQUFNLE9BQU8sOEJBQStCLFNBQVEsWUFBWTtJQVEvRDs7Ozs7T0FLRztJQUNILFlBQWdFLE1BQWdDLEVBQy9GLFFBQW1CLEVBQ25CLFVBQXNCO1FBQ3RCLEtBQUssQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFoQkQ7O09BRUc7SUFDSCxJQUNJLHFCQUFxQixDQUFDLHFCQUE4QixJQUFJLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFNLHFCQUFxQixLQUFLLEVBQUUsSUFBSSxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQWM1STs7T0FFRztJQUNJLE9BQU87UUFDYixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3ZCLENBQUM7OzhJQXpCVyw4QkFBOEIsa0JBY3RCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztrSUFkbEQsOEJBQThCOzJGQUE5Qiw4QkFBOEI7a0JBRDFDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUseUJBQXlCLEVBQUU7OzBCQWVwQyxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQzs2RkFSMUQscUJBQXFCO3NCQUR4QixLQUFLO3VCQUFDLHVCQUF1Qjs7QUF3Qi9CLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxZQUFZO0lBUTlEOzs7OztPQUtHO0lBQ0gsWUFBZ0UsTUFBZ0MsRUFDL0YsUUFBbUIsRUFDbkIsVUFBc0I7UUFDdEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQWhCRDs7T0FFRztJQUNILElBQ0ksb0JBQW9CLENBQUMsb0JBQTZCLElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQU0sb0JBQW9CLEtBQUssRUFBRSxJQUFJLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBY3hJOztPQUVHO0lBQ0ksT0FBTztRQUNiLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7NklBekJXLDZCQUE2QixrQkFjckIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lJQWRsRCw2QkFBNkI7MkZBQTdCLDZCQUE2QjtrQkFEekMsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSx3QkFBd0IsRUFBRTs7MEJBZW5DLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDOzZGQVIxRCxvQkFBb0I7c0JBRHZCLEtBQUs7dUJBQUMsc0JBQXNCOztBQXdCOUIsTUFBTSxPQUFPLDRCQUE2QixTQUFRLFlBQVk7SUFRN0Q7Ozs7O09BS0c7SUFDSCxZQUFnRSxNQUFnQyxFQUMvRixRQUFtQixFQUNuQixVQUFzQjtRQUN0QixLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBaEJEOztPQUVHO0lBQ0gsSUFDSSxtQkFBbUIsQ0FBQyxtQkFBNEIsSUFBSSxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBTSxtQkFBbUIsS0FBSyxFQUFFLElBQUksbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFjcEk7O09BRUc7SUFDSSxPQUFPO1FBQ2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDOzs0SUF6QlcsNEJBQTRCLGtCQWNwQixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7Z0lBZGxELDRCQUE0QjsyRkFBNUIsNEJBQTRCO2tCQUR4QyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLHVCQUF1QixFQUFFOzswQkFlbEMsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7NkZBUjFELG1CQUFtQjtzQkFEdEIsS0FBSzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIEluamVjdCwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBMYXlvdXRUb2dnbGUgfSBmcm9tICcuLi9sYXlvdXQtdG9nZ2xlLmNsYXNzJztcclxuaW1wb3J0IHsgVmRMYXlvdXROYXZMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQtbmF2LWxpc3QuY29tcG9uZW50JztcclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1t2ZExheW91dE5hdkxpc3RUb2dnbGVdJyB9KVxyXG5leHBvcnQgY2xhc3MgVmRMYXlvdXROYXZMaXN0VG9nZ2xlRGlyZWN0aXZlIGV4dGVuZHMgTGF5b3V0VG9nZ2xlIHtcclxuXHJcblx0LyoqXHJcblx0ICogRGlzYWJsZXMgdGhlIG5hdmJhclxyXG5cdCAqL1xyXG5cdEBJbnB1dCgndmRMYXlvdXROYXZMaXN0VG9nZ2xlJylcclxuXHRzZXQgdmRMYXlvdXROYXZMaXN0VG9nZ2xlKHZkTGF5b3V0TmF2TGlzdFRvZ2dsZTogYm9vbGVhbikgeyB0aGlzLmRpc2FibGVkID0gISg8YW55PnZkTGF5b3V0TmF2TGlzdFRvZ2dsZSA9PT0gJycgfHwgdmRMYXlvdXROYXZMaXN0VG9nZ2xlKTsgfVxyXG5cclxuXHQvKipcclxuXHQgKiBDb25zdHJ1Y3RvclxyXG5cdCAqIEBwYXJhbSBsYXlvdXQgXHJcblx0ICogQHBhcmFtIHJlbmRlcmVyIFxyXG5cdCAqIEBwYXJhbSBlbGVtZW50UmVmIFxyXG5cdCAqL1xyXG5cdGNvbnN0cnVjdG9yKEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBWZExheW91dE5hdkxpc3RDb21wb25lbnQpKSBsYXlvdXQ6IFZkTGF5b3V0TmF2TGlzdENvbXBvbmVudCxcclxuXHRcdHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcblx0XHRlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcblx0XHRzdXBlcihsYXlvdXQsIHJlbmRlcmVyLCBlbGVtZW50UmVmKTtcclxuXHR9XHJcblxyXG5cdC8qKlxyXG5cdCAqIE9wZW5zIHRoZSBuYXZiYXJcclxuXHQgKi9cclxuXHRwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcclxuXHRcdHRoaXMuX2xheW91dC50b2dnbGUoKTtcclxuXHR9XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1t2ZExheW91dE5hdkxpc3RDbG9zZV0nIH0pXHJcbmV4cG9ydCBjbGFzcyBWZExheW91dE5hdkxpc3RDbG9zZURpcmVjdGl2ZSBleHRlbmRzIExheW91dFRvZ2dsZSB7XHJcblxyXG5cdC8qKlxyXG5cdCAqIERpc2FibGVzIHRoZSBuYXZiYXJcclxuXHQgKi9cclxuXHRASW5wdXQoJ3ZkTGF5b3V0TmF2TGlzdENsb3NlJylcclxuXHRzZXQgdmRMYXlvdXROYXZMaXN0Q2xvc2UodmRMYXlvdXROYXZMaXN0Q2xvc2U6IGJvb2xlYW4pIHsgdGhpcy5kaXNhYmxlZCA9ICEoPGFueT52ZExheW91dE5hdkxpc3RDbG9zZSA9PT0gJycgfHwgdmRMYXlvdXROYXZMaXN0Q2xvc2UpOyB9XHJcblxyXG5cdC8qKlxyXG5cdCAqIENvbnN0cnVjdG9yXHJcblx0ICogQHBhcmFtIGxheW91dCBcclxuXHQgKiBAcGFyYW0gcmVuZGVyZXIgXHJcblx0ICogQHBhcmFtIGVsZW1lbnRSZWYgXHJcblx0ICovXHJcblx0Y29uc3RydWN0b3IoQEluamVjdChmb3J3YXJkUmVmKCgpID0+IFZkTGF5b3V0TmF2TGlzdENvbXBvbmVudCkpIGxheW91dDogVmRMYXlvdXROYXZMaXN0Q29tcG9uZW50LFxyXG5cdFx0cmVuZGVyZXI6IFJlbmRlcmVyMixcclxuXHRcdGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuXHRcdHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogT3BlbnMgdGhlIG5hdmJhclxyXG5cdCAqL1xyXG5cdHB1YmxpYyBvbkNsaWNrKCk6IHZvaWQge1xyXG5cdFx0dGhpcy5fbGF5b3V0LmNsb3NlKCk7XHJcblx0fVxyXG59XHJcblxyXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbdmRMYXlvdXROYXZMaXN0T3Blbl0nIH0pXHJcbmV4cG9ydCBjbGFzcyBWZExheW91dE5hdkxpc3RPcGVuRGlyZWN0aXZlIGV4dGVuZHMgTGF5b3V0VG9nZ2xlIHtcclxuXHJcblx0LyoqXHJcblx0ICogRGlzYWJsZXMgdGhlIG5hdmJhclxyXG5cdCAqL1xyXG5cdEBJbnB1dCgndmRMYXlvdXROYXZMaXN0T3BlbicpXHJcblx0c2V0IHZkTGF5b3V0TmF2TGlzdE9wZW4odmRMYXlvdXROYXZMaXN0T3BlbjogYm9vbGVhbikgeyB0aGlzLmRpc2FibGVkID0gISg8YW55PnZkTGF5b3V0TmF2TGlzdE9wZW4gPT09ICcnIHx8IHZkTGF5b3V0TmF2TGlzdE9wZW4pOyB9XHJcblxyXG5cdC8qKlxyXG5cdCAqIENvbnN0cnVjdG9yXHJcblx0ICogQHBhcmFtIGxheW91dCBcclxuXHQgKiBAcGFyYW0gcmVuZGVyZXIgXHJcblx0ICogQHBhcmFtIGVsZW1lbnRSZWYgXHJcblx0ICovXHJcblx0Y29uc3RydWN0b3IoQEluamVjdChmb3J3YXJkUmVmKCgpID0+IFZkTGF5b3V0TmF2TGlzdENvbXBvbmVudCkpIGxheW91dDogVmRMYXlvdXROYXZMaXN0Q29tcG9uZW50LFxyXG5cdFx0cmVuZGVyZXI6IFJlbmRlcmVyMixcclxuXHRcdGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuXHRcdHN1cGVyKGxheW91dCwgcmVuZGVyZXIsIGVsZW1lbnRSZWYpO1xyXG5cdH1cclxuXHJcblx0LyoqXHJcblx0ICogT3BlbnMgdGhlIG5hdmJhclxyXG5cdCAqL1xyXG5cdHB1YmxpYyBvbkNsaWNrKCk6IHZvaWQge1xyXG5cdFx0dGhpcy5fbGF5b3V0Lm9wZW4oKTtcclxuXHR9XHJcbn1cclxuIl19
|
package/fesm2015/messaia-cdk.mjs
CHANGED
|
@@ -3023,6 +3023,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
3023
3023
|
}] } });
|
|
3024
3024
|
|
|
3025
3025
|
class VdLayoutNavListComponent {
|
|
3026
|
+
/**
|
|
3027
|
+
* constructor
|
|
3028
|
+
* @param _router
|
|
3029
|
+
*/
|
|
3026
3030
|
constructor(_router) {
|
|
3027
3031
|
this._router = _router;
|
|
3028
3032
|
/**
|
|
@@ -3038,8 +3042,6 @@ class VdLayoutNavListComponent {
|
|
|
3038
3042
|
* The mode or styling of the sidenav.
|
|
3039
3043
|
* Defaults to "side".
|
|
3040
3044
|
* See "MatSidenav" documentation for more info.
|
|
3041
|
-
*
|
|
3042
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
3043
3045
|
*/
|
|
3044
3046
|
this.mode = 'side';
|
|
3045
3047
|
/**
|
|
@@ -3048,8 +3050,6 @@ class VdLayoutNavListComponent {
|
|
|
3048
3050
|
* Defaults to "true".
|
|
3049
3051
|
*
|
|
3050
3052
|
* See "MatSidenav" documentation for more info.
|
|
3051
|
-
*
|
|
3052
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
3053
3053
|
*/
|
|
3054
3054
|
this.opened = true;
|
|
3055
3055
|
/**
|
|
@@ -3057,8 +3057,6 @@ class VdLayoutNavListComponent {
|
|
|
3057
3057
|
*
|
|
3058
3058
|
* Sets the "width" of the sidenav in either "px" or "%"
|
|
3059
3059
|
* Defaults to "350px".
|
|
3060
|
-
*
|
|
3061
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
3062
3060
|
*/
|
|
3063
3061
|
this.sidenavWidth = '350px';
|
|
3064
3062
|
}
|
|
@@ -3066,15 +3064,14 @@ class VdLayoutNavListComponent {
|
|
|
3066
3064
|
* Checks if `ESC` should close the sidenav
|
|
3067
3065
|
* Should only close it for `push` and `over` modes
|
|
3068
3066
|
*/
|
|
3069
|
-
get disableClose() {
|
|
3070
|
-
return this.mode === 'side';
|
|
3071
|
-
}
|
|
3067
|
+
get disableClose() { return this.mode === 'side'; }
|
|
3072
3068
|
/**
|
|
3073
3069
|
* Checks if router was injected.
|
|
3074
3070
|
*/
|
|
3075
|
-
get routerEnabled() {
|
|
3076
|
-
|
|
3077
|
-
|
|
3071
|
+
get routerEnabled() { return !!this._router && !!this.navigationRoute; }
|
|
3072
|
+
/**
|
|
3073
|
+
* Handles navigation click
|
|
3074
|
+
*/
|
|
3078
3075
|
handleNavigationClick() {
|
|
3079
3076
|
if (this.routerEnabled) {
|
|
3080
3077
|
this._router.navigateByUrl(this.navigationRoute);
|
|
@@ -3100,10 +3097,10 @@ class VdLayoutNavListComponent {
|
|
|
3100
3097
|
}
|
|
3101
3098
|
}
|
|
3102
3099
|
/** @nocollapse */ VdLayoutNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListComponent, deps: [{ token: i1$3.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
3103
|
-
/** @nocollapse */ VdLayoutNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListComponent, selector: "vd-layout-nav-list", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", navigationRoute: "navigationRoute" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<div class=\"vd-layout-nav-list-wrapper\">\r\n\t<mat-sidenav-container fullscreen class=\"vd-layout-nav-list\">\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\"
|
|
3100
|
+
/** @nocollapse */ VdLayoutNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListComponent, selector: "vd-layout-nav-list", inputs: { toolbarTitle: "toolbarTitle", icon: "icon", logo: "logo", color: "color", mode: "mode", opened: "opened", sidenavWidth: "sidenavWidth", navigationRoute: "navigationRoute" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<div class=\"vd-layout-nav-list-wrapper\">\r\n\t<mat-sidenav-container fullscreen class=\"vd-layout-nav-list\">\r\n\t\t<!-- #region Sidenav -->\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\">\r\n\t\t\t<!-- #region Sidenav toolbar -->\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\" (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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Sidenav content -->\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\t<!-- #endregion -->\r\n\t\t</mat-sidenav>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<div class=\"vd-layout-nav-list-main\">\r\n\t\t\t<!-- #region Toolbar projection -->\r\n\t\t\t<ng-content select=\"mat-toolbar\"></ng-content>\r\n\t\t\t<ng-content select=\"vd-toolbar-content\"></ng-content>\r\n\t\t\t<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Scrollable content -->\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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Footer content -->\r\n\t\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t\t<!-- #endregion -->\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$2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i2$2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i3$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
|
|
3104
3101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListComponent, decorators: [{
|
|
3105
3102
|
type: Component,
|
|
3106
|
-
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\"
|
|
3103
|
+
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<!-- #region Sidenav -->\r\n\t\t<mat-sidenav #sidenav position=\"start\" [mode]=\"mode\" [opened]=\"opened\" [disableClose]=\"disableClose\" [style.max-width]=\"sidenavWidth\" [style.min-width]=\"sidenavWidth\">\r\n\t\t\t<!-- #region Sidenav toolbar -->\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\" (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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Sidenav content -->\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\t<!-- #endregion -->\r\n\t\t</mat-sidenav>\r\n\t\t<!-- #endregion -->\r\n\r\n\t\t<div class=\"vd-layout-nav-list-main\">\r\n\t\t\t<!-- #region Toolbar projection -->\r\n\t\t\t<ng-content select=\"mat-toolbar\"></ng-content>\r\n\t\t\t<ng-content select=\"vd-toolbar-content\"></ng-content>\r\n\t\t\t<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Scrollable content -->\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<!-- #endregion -->\r\n\r\n\t\t\t<!-- #region Footer content -->\r\n\t\t\t<ng-content select=\"vd-layout-footer-inner\"></ng-content>\r\n\t\t\t<!-- #endregion -->\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"] }]
|
|
3107
3104
|
}], ctorParameters: function () {
|
|
3108
3105
|
return [{ type: i1$3.Router, decorators: [{
|
|
3109
3106
|
type: Optional
|
|
@@ -3112,38 +3109,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
3112
3109
|
type: ViewChild,
|
|
3113
3110
|
args: [MatSidenav, { static: true }]
|
|
3114
3111
|
}], toolbarTitle: [{
|
|
3115
|
-
type: Input
|
|
3116
|
-
args: ['toolbarTitle']
|
|
3112
|
+
type: Input
|
|
3117
3113
|
}], icon: [{
|
|
3118
|
-
type: Input
|
|
3119
|
-
args: ['icon']
|
|
3114
|
+
type: Input
|
|
3120
3115
|
}], logo: [{
|
|
3121
|
-
type: Input
|
|
3122
|
-
args: ['logo']
|
|
3116
|
+
type: Input
|
|
3123
3117
|
}], color: [{
|
|
3124
|
-
type: Input
|
|
3125
|
-
args: ['color']
|
|
3118
|
+
type: Input
|
|
3126
3119
|
}], mode: [{
|
|
3127
|
-
type: Input
|
|
3128
|
-
args: ['mode']
|
|
3120
|
+
type: Input
|
|
3129
3121
|
}], opened: [{
|
|
3130
|
-
type: Input
|
|
3131
|
-
args: ['opened']
|
|
3122
|
+
type: Input
|
|
3132
3123
|
}], sidenavWidth: [{
|
|
3133
|
-
type: Input
|
|
3134
|
-
args: ['sidenavWidth']
|
|
3124
|
+
type: Input
|
|
3135
3125
|
}], navigationRoute: [{
|
|
3136
|
-
type: Input
|
|
3137
|
-
args: ['navigationRoute']
|
|
3126
|
+
type: Input
|
|
3138
3127
|
}] } });
|
|
3139
3128
|
|
|
3140
3129
|
class VdLayoutNavListToggleDirective extends LayoutToggle {
|
|
3130
|
+
/**
|
|
3131
|
+
* Constructor
|
|
3132
|
+
* @param layout
|
|
3133
|
+
* @param renderer
|
|
3134
|
+
* @param elementRef
|
|
3135
|
+
*/
|
|
3141
3136
|
constructor(layout, renderer, elementRef) {
|
|
3142
3137
|
super(layout, renderer, elementRef);
|
|
3143
3138
|
}
|
|
3144
|
-
|
|
3145
|
-
|
|
3146
|
-
|
|
3139
|
+
/**
|
|
3140
|
+
* Disables the navbar
|
|
3141
|
+
*/
|
|
3142
|
+
set vdLayoutNavListToggle(vdLayoutNavListToggle) { this.disabled = !(vdLayoutNavListToggle === '' || vdLayoutNavListToggle); }
|
|
3143
|
+
/**
|
|
3144
|
+
* Opens the navbar
|
|
3145
|
+
*/
|
|
3147
3146
|
onClick() {
|
|
3148
3147
|
this._layout.toggle();
|
|
3149
3148
|
}
|
|
@@ -3152,9 +3151,7 @@ class VdLayoutNavListToggleDirective extends LayoutToggle {
|
|
|
3152
3151
|
/** @nocollapse */ VdLayoutNavListToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListToggleDirective, selector: "[vdLayoutNavListToggle]", inputs: { vdLayoutNavListToggle: "vdLayoutNavListToggle" }, usesInheritance: true, ngImport: i0 });
|
|
3153
3152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListToggleDirective, decorators: [{
|
|
3154
3153
|
type: Directive,
|
|
3155
|
-
args: [{
|
|
3156
|
-
selector: '[vdLayoutNavListToggle]',
|
|
3157
|
-
}]
|
|
3154
|
+
args: [{ selector: '[vdLayoutNavListToggle]' }]
|
|
3158
3155
|
}], ctorParameters: function () {
|
|
3159
3156
|
return [{ type: VdLayoutNavListComponent, decorators: [{
|
|
3160
3157
|
type: Inject,
|
|
@@ -3165,12 +3162,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
3165
3162
|
args: ['vdLayoutNavListToggle']
|
|
3166
3163
|
}] } });
|
|
3167
3164
|
class VdLayoutNavListCloseDirective extends LayoutToggle {
|
|
3165
|
+
/**
|
|
3166
|
+
* Constructor
|
|
3167
|
+
* @param layout
|
|
3168
|
+
* @param renderer
|
|
3169
|
+
* @param elementRef
|
|
3170
|
+
*/
|
|
3168
3171
|
constructor(layout, renderer, elementRef) {
|
|
3169
3172
|
super(layout, renderer, elementRef);
|
|
3170
3173
|
}
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
+
/**
|
|
3175
|
+
* Disables the navbar
|
|
3176
|
+
*/
|
|
3177
|
+
set vdLayoutNavListClose(vdLayoutNavListClose) { this.disabled = !(vdLayoutNavListClose === '' || vdLayoutNavListClose); }
|
|
3178
|
+
/**
|
|
3179
|
+
* Opens the navbar
|
|
3180
|
+
*/
|
|
3174
3181
|
onClick() {
|
|
3175
3182
|
this._layout.close();
|
|
3176
3183
|
}
|
|
@@ -3179,9 +3186,7 @@ class VdLayoutNavListCloseDirective extends LayoutToggle {
|
|
|
3179
3186
|
/** @nocollapse */ VdLayoutNavListCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListCloseDirective, selector: "[vdLayoutNavListClose]", inputs: { vdLayoutNavListClose: "vdLayoutNavListClose" }, usesInheritance: true, ngImport: i0 });
|
|
3180
3187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListCloseDirective, decorators: [{
|
|
3181
3188
|
type: Directive,
|
|
3182
|
-
args: [{
|
|
3183
|
-
selector: '[vdLayoutNavListClose]',
|
|
3184
|
-
}]
|
|
3189
|
+
args: [{ selector: '[vdLayoutNavListClose]' }]
|
|
3185
3190
|
}], ctorParameters: function () {
|
|
3186
3191
|
return [{ type: VdLayoutNavListComponent, decorators: [{
|
|
3187
3192
|
type: Inject,
|
|
@@ -3192,12 +3197,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
3192
3197
|
args: ['vdLayoutNavListClose']
|
|
3193
3198
|
}] } });
|
|
3194
3199
|
class VdLayoutNavListOpenDirective extends LayoutToggle {
|
|
3200
|
+
/**
|
|
3201
|
+
* Constructor
|
|
3202
|
+
* @param layout
|
|
3203
|
+
* @param renderer
|
|
3204
|
+
* @param elementRef
|
|
3205
|
+
*/
|
|
3195
3206
|
constructor(layout, renderer, elementRef) {
|
|
3196
3207
|
super(layout, renderer, elementRef);
|
|
3197
3208
|
}
|
|
3198
|
-
|
|
3199
|
-
|
|
3200
|
-
|
|
3209
|
+
/**
|
|
3210
|
+
* Disables the navbar
|
|
3211
|
+
*/
|
|
3212
|
+
set vdLayoutNavListOpen(vdLayoutNavListOpen) { this.disabled = !(vdLayoutNavListOpen === '' || vdLayoutNavListOpen); }
|
|
3213
|
+
/**
|
|
3214
|
+
* Opens the navbar
|
|
3215
|
+
*/
|
|
3201
3216
|
onClick() {
|
|
3202
3217
|
this._layout.open();
|
|
3203
3218
|
}
|
|
@@ -3206,9 +3221,7 @@ class VdLayoutNavListOpenDirective extends LayoutToggle {
|
|
|
3206
3221
|
/** @nocollapse */ VdLayoutNavListOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListOpenDirective, selector: "[vdLayoutNavListOpen]", inputs: { vdLayoutNavListOpen: "vdLayoutNavListOpen" }, usesInheritance: true, ngImport: i0 });
|
|
3207
3222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListOpenDirective, decorators: [{
|
|
3208
3223
|
type: Directive,
|
|
3209
|
-
args: [{
|
|
3210
|
-
selector: '[vdLayoutNavListOpen]',
|
|
3211
|
-
}]
|
|
3224
|
+
args: [{ selector: '[vdLayoutNavListOpen]' }]
|
|
3212
3225
|
}], ctorParameters: function () {
|
|
3213
3226
|
return [{ type: VdLayoutNavListComponent, decorators: [{
|
|
3214
3227
|
type: Inject,
|