@messaia/cdk 13.3.6-rc12 → 13.3.6-rc15
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/base/interfaces/igeneric-list-component.mjs +1 -1
- package/esm2020/lib/common/models/action-menu-item.mjs +1 -1
- package/esm2020/lib/common/models/action-menu.mjs +1 -1
- 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/esm2020/lib/table/models/table-column.mjs +1 -1
- package/esm2020/lib/table/models/table-definition.mjs +1 -1
- package/esm2020/lib/table/models/table-menu-item.mjs +1 -1
- package/esm2020/lib/table/models/table-menu.mjs +1 -1
- 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/base/interfaces/igeneric-list-component.d.ts +8 -0
- package/lib/common/models/action-menu-item.d.ts +8 -8
- package/lib/common/models/action-menu.d.ts +9 -9
- 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/lib/table/models/table-column.d.ts +9 -9
- package/lib/table/models/table-definition.d.ts +2 -2
- package/lib/table/models/table-menu-item.d.ts +2 -2
- package/lib/table/models/table-menu.d.ts +2 -2
- package/package.json +1 -1
package/fesm2020/messaia-cdk.mjs
CHANGED
|
@@ -3012,6 +3012,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
3012
3012
|
}] } });
|
|
3013
3013
|
|
|
3014
3014
|
class VdLayoutNavListComponent {
|
|
3015
|
+
/**
|
|
3016
|
+
* constructor
|
|
3017
|
+
* @param _router
|
|
3018
|
+
*/
|
|
3015
3019
|
constructor(_router) {
|
|
3016
3020
|
this._router = _router;
|
|
3017
3021
|
/**
|
|
@@ -3027,8 +3031,6 @@ class VdLayoutNavListComponent {
|
|
|
3027
3031
|
* The mode or styling of the sidenav.
|
|
3028
3032
|
* Defaults to "side".
|
|
3029
3033
|
* See "MatSidenav" documentation for more info.
|
|
3030
|
-
*
|
|
3031
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
3032
3034
|
*/
|
|
3033
3035
|
this.mode = 'side';
|
|
3034
3036
|
/**
|
|
@@ -3037,8 +3039,6 @@ class VdLayoutNavListComponent {
|
|
|
3037
3039
|
* Defaults to "true".
|
|
3038
3040
|
*
|
|
3039
3041
|
* See "MatSidenav" documentation for more info.
|
|
3040
|
-
*
|
|
3041
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
3042
3042
|
*/
|
|
3043
3043
|
this.opened = true;
|
|
3044
3044
|
/**
|
|
@@ -3046,8 +3046,6 @@ class VdLayoutNavListComponent {
|
|
|
3046
3046
|
*
|
|
3047
3047
|
* Sets the "width" of the sidenav in either "px" or "%"
|
|
3048
3048
|
* Defaults to "350px".
|
|
3049
|
-
*
|
|
3050
|
-
* https://github.com/angular/material2/tree/master/src/lib/sidenav
|
|
3051
3049
|
*/
|
|
3052
3050
|
this.sidenavWidth = '350px';
|
|
3053
3051
|
}
|
|
@@ -3055,15 +3053,14 @@ class VdLayoutNavListComponent {
|
|
|
3055
3053
|
* Checks if `ESC` should close the sidenav
|
|
3056
3054
|
* Should only close it for `push` and `over` modes
|
|
3057
3055
|
*/
|
|
3058
|
-
get disableClose() {
|
|
3059
|
-
return this.mode === 'side';
|
|
3060
|
-
}
|
|
3056
|
+
get disableClose() { return this.mode === 'side'; }
|
|
3061
3057
|
/**
|
|
3062
3058
|
* Checks if router was injected.
|
|
3063
3059
|
*/
|
|
3064
|
-
get routerEnabled() {
|
|
3065
|
-
|
|
3066
|
-
|
|
3060
|
+
get routerEnabled() { return !!this._router && !!this.navigationRoute; }
|
|
3061
|
+
/**
|
|
3062
|
+
* Handles navigation click
|
|
3063
|
+
*/
|
|
3067
3064
|
handleNavigationClick() {
|
|
3068
3065
|
if (this.routerEnabled) {
|
|
3069
3066
|
this._router.navigateByUrl(this.navigationRoute);
|
|
@@ -3089,48 +3086,50 @@ class VdLayoutNavListComponent {
|
|
|
3089
3086
|
}
|
|
3090
3087
|
}
|
|
3091
3088
|
/** @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 });
|
|
3092
|
-
/** @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\"
|
|
3089
|
+
/** @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]" }] });
|
|
3093
3090
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListComponent, decorators: [{
|
|
3094
3091
|
type: Component,
|
|
3095
|
-
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\"
|
|
3092
|
+
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"] }]
|
|
3096
3093
|
}], ctorParameters: function () { return [{ type: i1$3.Router, decorators: [{
|
|
3097
3094
|
type: Optional
|
|
3098
3095
|
}] }]; }, propDecorators: { sidenav: [{
|
|
3099
3096
|
type: ViewChild,
|
|
3100
3097
|
args: [MatSidenav, { static: true }]
|
|
3101
3098
|
}], toolbarTitle: [{
|
|
3102
|
-
type: Input
|
|
3103
|
-
args: ['toolbarTitle']
|
|
3099
|
+
type: Input
|
|
3104
3100
|
}], icon: [{
|
|
3105
|
-
type: Input
|
|
3106
|
-
args: ['icon']
|
|
3101
|
+
type: Input
|
|
3107
3102
|
}], logo: [{
|
|
3108
|
-
type: Input
|
|
3109
|
-
args: ['logo']
|
|
3103
|
+
type: Input
|
|
3110
3104
|
}], color: [{
|
|
3111
|
-
type: Input
|
|
3112
|
-
args: ['color']
|
|
3105
|
+
type: Input
|
|
3113
3106
|
}], mode: [{
|
|
3114
|
-
type: Input
|
|
3115
|
-
args: ['mode']
|
|
3107
|
+
type: Input
|
|
3116
3108
|
}], opened: [{
|
|
3117
|
-
type: Input
|
|
3118
|
-
args: ['opened']
|
|
3109
|
+
type: Input
|
|
3119
3110
|
}], sidenavWidth: [{
|
|
3120
|
-
type: Input
|
|
3121
|
-
args: ['sidenavWidth']
|
|
3111
|
+
type: Input
|
|
3122
3112
|
}], navigationRoute: [{
|
|
3123
|
-
type: Input
|
|
3124
|
-
args: ['navigationRoute']
|
|
3113
|
+
type: Input
|
|
3125
3114
|
}] } });
|
|
3126
3115
|
|
|
3127
3116
|
class VdLayoutNavListToggleDirective extends LayoutToggle {
|
|
3117
|
+
/**
|
|
3118
|
+
* Constructor
|
|
3119
|
+
* @param layout
|
|
3120
|
+
* @param renderer
|
|
3121
|
+
* @param elementRef
|
|
3122
|
+
*/
|
|
3128
3123
|
constructor(layout, renderer, elementRef) {
|
|
3129
3124
|
super(layout, renderer, elementRef);
|
|
3130
3125
|
}
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
|
|
3126
|
+
/**
|
|
3127
|
+
* Disables the navbar
|
|
3128
|
+
*/
|
|
3129
|
+
set vdLayoutNavListToggle(vdLayoutNavListToggle) { this.disabled = !(vdLayoutNavListToggle === '' || vdLayoutNavListToggle); }
|
|
3130
|
+
/**
|
|
3131
|
+
* Opens the navbar
|
|
3132
|
+
*/
|
|
3134
3133
|
onClick() {
|
|
3135
3134
|
this._layout.toggle();
|
|
3136
3135
|
}
|
|
@@ -3139,9 +3138,7 @@ class VdLayoutNavListToggleDirective extends LayoutToggle {
|
|
|
3139
3138
|
/** @nocollapse */ VdLayoutNavListToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListToggleDirective, selector: "[vdLayoutNavListToggle]", inputs: { vdLayoutNavListToggle: "vdLayoutNavListToggle" }, usesInheritance: true, ngImport: i0 });
|
|
3140
3139
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListToggleDirective, decorators: [{
|
|
3141
3140
|
type: Directive,
|
|
3142
|
-
args: [{
|
|
3143
|
-
selector: '[vdLayoutNavListToggle]',
|
|
3144
|
-
}]
|
|
3141
|
+
args: [{ selector: '[vdLayoutNavListToggle]' }]
|
|
3145
3142
|
}], ctorParameters: function () { return [{ type: VdLayoutNavListComponent, decorators: [{
|
|
3146
3143
|
type: Inject,
|
|
3147
3144
|
args: [forwardRef(() => VdLayoutNavListComponent)]
|
|
@@ -3150,12 +3147,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
3150
3147
|
args: ['vdLayoutNavListToggle']
|
|
3151
3148
|
}] } });
|
|
3152
3149
|
class VdLayoutNavListCloseDirective extends LayoutToggle {
|
|
3150
|
+
/**
|
|
3151
|
+
* Constructor
|
|
3152
|
+
* @param layout
|
|
3153
|
+
* @param renderer
|
|
3154
|
+
* @param elementRef
|
|
3155
|
+
*/
|
|
3153
3156
|
constructor(layout, renderer, elementRef) {
|
|
3154
3157
|
super(layout, renderer, elementRef);
|
|
3155
3158
|
}
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
+
/**
|
|
3160
|
+
* Disables the navbar
|
|
3161
|
+
*/
|
|
3162
|
+
set vdLayoutNavListClose(vdLayoutNavListClose) { this.disabled = !(vdLayoutNavListClose === '' || vdLayoutNavListClose); }
|
|
3163
|
+
/**
|
|
3164
|
+
* Opens the navbar
|
|
3165
|
+
*/
|
|
3159
3166
|
onClick() {
|
|
3160
3167
|
this._layout.close();
|
|
3161
3168
|
}
|
|
@@ -3164,9 +3171,7 @@ class VdLayoutNavListCloseDirective extends LayoutToggle {
|
|
|
3164
3171
|
/** @nocollapse */ VdLayoutNavListCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListCloseDirective, selector: "[vdLayoutNavListClose]", inputs: { vdLayoutNavListClose: "vdLayoutNavListClose" }, usesInheritance: true, ngImport: i0 });
|
|
3165
3172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListCloseDirective, decorators: [{
|
|
3166
3173
|
type: Directive,
|
|
3167
|
-
args: [{
|
|
3168
|
-
selector: '[vdLayoutNavListClose]',
|
|
3169
|
-
}]
|
|
3174
|
+
args: [{ selector: '[vdLayoutNavListClose]' }]
|
|
3170
3175
|
}], ctorParameters: function () { return [{ type: VdLayoutNavListComponent, decorators: [{
|
|
3171
3176
|
type: Inject,
|
|
3172
3177
|
args: [forwardRef(() => VdLayoutNavListComponent)]
|
|
@@ -3175,12 +3180,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
|
|
|
3175
3180
|
args: ['vdLayoutNavListClose']
|
|
3176
3181
|
}] } });
|
|
3177
3182
|
class VdLayoutNavListOpenDirective extends LayoutToggle {
|
|
3183
|
+
/**
|
|
3184
|
+
* Constructor
|
|
3185
|
+
* @param layout
|
|
3186
|
+
* @param renderer
|
|
3187
|
+
* @param elementRef
|
|
3188
|
+
*/
|
|
3178
3189
|
constructor(layout, renderer, elementRef) {
|
|
3179
3190
|
super(layout, renderer, elementRef);
|
|
3180
3191
|
}
|
|
3181
|
-
|
|
3182
|
-
|
|
3183
|
-
|
|
3192
|
+
/**
|
|
3193
|
+
* Disables the navbar
|
|
3194
|
+
*/
|
|
3195
|
+
set vdLayoutNavListOpen(vdLayoutNavListOpen) { this.disabled = !(vdLayoutNavListOpen === '' || vdLayoutNavListOpen); }
|
|
3196
|
+
/**
|
|
3197
|
+
* Opens the navbar
|
|
3198
|
+
*/
|
|
3184
3199
|
onClick() {
|
|
3185
3200
|
this._layout.open();
|
|
3186
3201
|
}
|
|
@@ -3189,9 +3204,7 @@ class VdLayoutNavListOpenDirective extends LayoutToggle {
|
|
|
3189
3204
|
/** @nocollapse */ VdLayoutNavListOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: VdLayoutNavListOpenDirective, selector: "[vdLayoutNavListOpen]", inputs: { vdLayoutNavListOpen: "vdLayoutNavListOpen" }, usesInheritance: true, ngImport: i0 });
|
|
3190
3205
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: VdLayoutNavListOpenDirective, decorators: [{
|
|
3191
3206
|
type: Directive,
|
|
3192
|
-
args: [{
|
|
3193
|
-
selector: '[vdLayoutNavListOpen]',
|
|
3194
|
-
}]
|
|
3207
|
+
args: [{ selector: '[vdLayoutNavListOpen]' }]
|
|
3195
3208
|
}], ctorParameters: function () { return [{ type: VdLayoutNavListComponent, decorators: [{
|
|
3196
3209
|
type: Inject,
|
|
3197
3210
|
args: [forwardRef(() => VdLayoutNavListComponent)]
|