@messaia/cdk 18.2.3 → 19.0.0-rc02

package/lib/forms/helpers/abstract-select-form-field.component.d.ts

@@ -1,232 +1,309 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
 import { HttpClient } from '@angular/common/http';
-import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnInit } from '@angular/core';
-import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { ErrorStateMatcher } from '@angular/material/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { EnumMetadata } from '../../common/models/enum-metadata';
 import { Icon } from '../../common/models/icon';
 import { AbstractMatFormField } from '../../forms/helpers/abstract-mat-form-field';
 import * as i0 from "@angular/core";
 export declare abstract class AbstractSelectFormField<T> extends AbstractMatFormField<T> implements OnInit {
-    protected injector: Injector;
     /**
-     * A BehaviorSubject that tracks changes to the endpoint data.
+     * @property _endpointChange
+     * @description A BehaviorSubject that tracks changes to the endpoint data.
+     * @type {BehaviorSubject<any[]>}
      */
     private _endpointChange;
     /**
-     * A BehaviorSubject that tracks changes to the enum data.
+     * @property _enumChange
+     * @description A BehaviorSubject that tracks changes to the enum data.
+     * @type {BehaviorSubject<any[]>}
      */
     private _enumChange;
     /**
-     * The HTTP client service used to fetch data from an API.
+     * @property _http
+     * @description The HTTP client service used to fetch data from an API.
+     * @type {HttpClient | undefined}
      */
     protected _http?: HttpClient;
     /**
-     * Whether the default option should be selected by default.
+     * @property _defaultOption
+     * @description Whether the default option should be selected by default.
+     * @type {boolean}
      */
     protected _defaultOption: boolean;
     /**
-     * Whether multiple selection is enabled.
+     * @property _multiple
+     * @description Whether multiple selection is enabled.
+     * @type {boolean}
      */
     protected _multiple: boolean;
     /**
-     * Whether the options should be sorted.
+     * @property _sorted
+     * @description Whether the options should be sorted.
+     * @type {boolean}
      */
     protected _sorted: boolean;
     /**
-     * The API endpoint or a function returning the endpoint URL.
+     * @property _endpoint
+     * @description The API endpoint or a function returning the endpoint URL.
+     * @type {string | Function | undefined}
      */
     protected _endpoint?: string | Function;
     /**
-     * Parameters to be sent with the API request.
+     * @property _params
+     * @description Parameters to be sent with the API request.
+     * @type {any}
      */
     protected _params: any;
     /**
-     * Projection fields to be included in the API request.
+     * @property _projection
+     * @description Projection fields to be included in the API request.
+     * @type {string | string[] | undefined}
      */
     protected _projection?: string | string[];
     /**
-     * Whether to load data automatically.
+     * @property _loadData
+     * @description Whether to load data automatically.
+     * @type {boolean}
      */
     protected _loadData: boolean;
     /**
-     * A filter function to apply to the enum data.
+     * @property _enumFilter
+     * @description A filter function to apply to the enum data.
+     * @type {Function | undefined}
      */
     protected _enumFilter?: Function;
     /**
-     * A function to compare option values with the selected values.
+     * @property _compareWith
+     * @description A function to compare option values with the selected values.
+     * @type {(o1: any, o2: any) => boolean | undefined}
      */
     private _compareWith?;
     /**
-     * A function to compare option values with the selected values.
+     * @property defaultCompareWith
+     * @description A function to compare option values with the selected values.
+     * @type {(o1: any, o2: any) => boolean}
      */
     defaultCompareWith: (o1: any, o2: any) => boolean;
     /**
-     * The enumeration data or endpoint for the options.
+     * @property enum
+     * @description The enumeration data or endpoint for the options.
+     * @type {any}
      */
     enum: any;
     /**
-     * Metadata for enum types.
-     * @property
+     * @property enumMetadata
+     * @description Metadata for enum types.
+     * @type {{ [key in any]: EnumMetadata } | undefined}
      */
     enumMetadata?: {
         [key in any]: EnumMetadata;
     };
     /**
-     * Optional prefix text to display.
+     * @property textPrefix
+     * @description Optional prefix text to display.
+     * @type {string}
      */
     textPrefix: string;
     /**
-     * The property name in the option object for the text to display.
-     * This is used to determine which property of the option object to show as the option's text.
+     * @property optionTextProperty
+     * @description The property name in the option object for the text to display.
+     * @type {string}
      */
     optionTextProperty: string;
     /**
-     * The property name in the option object for the value of the options.
-     * This is used to identify the unique value for each option.
+     * @property optionValueProperty
+     * @description The property name in the option object for the value of the options.
+     * @type {string}
      */
     optionValueProperty: string;
     /**
-     * The key for the Material icon to display.
+     * @property matIconKey
+     * @description The key for the Material icon to display.
+     * @type {string | undefined}
      */
     matIconKey?: string;
     /**
-     * The key for the SVG icon to display.
+     * @property svgIconKey
+     * @description The key for the SVG icon to display.
+     * @type {string | undefined}
      */
     svgIconKey?: string;
     /**
-     * Font set name for font icon.
+     * @property fontSet
+     * @description Font set name for font icon.
+     * @type {string}
      */
     fontSet?: string;
     /**
-     * Optional prefix to display before the options.
+     * @property prefix
+     * @description Optional prefix to display before the options.
+     * @type {any}
      */
     prefix: any;
     /**
-     * The list of available options.
+     * @property options
+     * @description The list of available options.
+     * @type {any}
      */
     options: any;
     /**
-     * The list of filtered options.
+     * @property filteredOptions
+     * @description The list of filtered options.
+     * @type {any}
      */
     filteredOptions: any;
     /**
-     * Whether the options can be filtered.
+     * @property filterable
+     * @description Whether the options can be filtered.
+     * @type {boolean}
      */
     filterable: boolean;
     /**
-     * Whether to cache the options.
+     * @property cache
+     * @description Whether to cache the options.
+     * @type {boolean}
      */
     cache: boolean;
     /**
-     * Whether to select the first option by default.
+     * @property selectFirst
+     * @description Whether to select the first option by default.
+     * @type {boolean}
      */
     selectFirst: boolean;
     /**
-     * The field by which to sort the options.
+     * @property sortBy
+     * @description The field by which to sort the options.
+     * @type {string | undefined}
      */
     sortBy?: string;
     /**
-     * A function to map the options before displaying.
+     * @property mapper
+     * @description A function to map the options before displaying.
+     * @type {(x: any[]) => any | undefined}
      */
     mapper?: (x: any[]) => any;
     /**
-     * A function to return the icon for a given option.
+     * @property optionIcon
+     * @description A function to return the icon for a given option.
+     * @type {(x: any) => Icon<T, any> | undefined}
      */
     optionIcon?: (x: any) => Icon<T, any>;
     /**
-     * Whether the default option should be selected.
+     * @property defaultOption
+     * @description Whether the default option should be selected.
+     * @type {boolean}
      */
     get defaultOption(): boolean;
     set defaultOption(defaultOption: boolean);
     /**
-     * Whether multiple selection is enabled.
+     * @property multiple
+     * @description Whether multiple selection is enabled.
+     * @type {boolean}
      */
     get multiple(): boolean;
     set multiple(multi: boolean);
     /**
-     * Whether the options should be sorted.
+     * @property sorted
+     * @description Whether the options should be sorted.
+     * @type {boolean}
      */
     get sorted(): boolean;
     set sorted(sorted: boolean);
     /**
-     * The API endpoint or a function returning the endpoint URL.
+     * @property endpoint
+     * @description The API endpoint or a function returning the endpoint URL.
+     * @type {string | Function | undefined}
      */
     get endpoint(): string | Function | undefined;
     set endpoint(endpoint: string | Function);
     /**
-     * Parameters to be sent with the API request.
+     * @property params
+     * @description Parameters to be sent with the API request.
+     * @type {any}
      */
     get params(): any;
     set params(params: any);
     /**
-     * Projection fields to be included in the API request.
+     * @property projection
+     * @description Projection fields to be included in the API request.
+     * @type {string | string[]}
      */
     get projection(): string | string[];
     set projection(projection: string | string[] | undefined);
     /**
-     * Whether to load data automatically.
+     * @property loadData
+     * @description Whether to load data automatically.
+     * @type {boolean}
      */
     get loadData(): boolean;
     set loadData(loadData: boolean);
     /**
-     * A filter function to apply to the enum data.
+     * @property enumFilter
+     * @description A filter function to apply to the enum data.
+     * @type {Function | undefined}
      */
     get enumFilter(): Function | undefined;
     set enumFilter(enumFilter: Function);
     /**
-     * Whether the control is disabled.
+     * @property disabled
+     * @description Whether the control is disabled.
+     * @type {boolean}
      */
     get disabled(): any;
     set disabled(disabled: any);
     /**
-     * Gets the currently selected value(s).
+     * @property currentValue
+     * @description Gets the currently selected value(s).
+     * @type {any}
      */
     get currentValue(): any;
     /**
-     * A function to compare the option values with the selected values. The first argument
-     * is a value from an option. The second is a value from the selection. A boolean
-     * should be returned.
+     * @property compareWith
+     * @description A function to compare the option values with the selected values.
+     * @type {((o1: any, o2: any) => boolean) | undefined}
      */
     get compareWith(): ((o1: any, o2: any) => boolean) | undefined;
     set compareWith(fn: ((o1: any, o2: any) => boolean) | undefined);
     /**
-     * change?: function
+     * @property onValueChange
+     * @description change?: function
+     * @type {EventEmitter<any>}
      */
     onValueChange: EventEmitter<any>;
     /**
-     * itemChange?: function
+     * @property onItemChange
+     * @description itemChange?: function
+     * @type {EventEmitter<any>}
      */
     onItemChange: EventEmitter<any>;
     /**
-     * selected?: function
+     * @property onSelected
+     * @description selected?: function
+     * @type {EventEmitter<any>}
      */
     onSelected: EventEmitter<any>;
     /**
-     * itemSelected?: function
+     * @property onItemSelected
+     * @description itemSelected?: function
+     * @type {EventEmitter<any>}
      */
     onItemSelected: EventEmitter<any>;
     /**
-     * launch?: function
+     * @property onLaunch
+     * @description launch?: function
+     * @type {EventEmitter<any>}
      */
     onLaunch: EventEmitter<any>;
     /**
-     * searchField?: function
+     * @property searchField
+     * @description searchField?: function
+     * @type {(x: any) => string | undefined}
      */
     searchField?: (x: any) => string;
     /**
      * Constructor
      * @param controlType
-     * @param injector
-     * @param ngControl
-     * @param parentForm
-     * @param parentFormGroup
-     * @param defaultErrorStateMatcher
-     * @param focusMonitor
-     * @param elementRef
-     * @param changeDetectorRef
      */
-    constructor(controlType: string, injector: Injector, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, focusMonitor: FocusMonitor, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
+    constructor(controlType: string);
     /**
      * Lifecycle hook that is called after a component's
      * view has been fully initialized.
@@ -277,5 +354,5 @@ export declare abstract class AbstractSelectFormField<T> extends AbstractMatForm
      */
     log(message: any, ...optionalParams: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSelectFormField<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelectFormField<any>, never, never, { "enum": { "alias": "enum"; "required": false; }; "enumMetadata": { "alias": "enumMetadata"; "required": false; }; "textPrefix": { "alias": "textPrefix"; "required": false; }; "optionTextProperty": { "alias": "optionTextProperty"; "required": false; }; "optionValueProperty": { "alias": "optionValueProperty"; "required": false; }; "matIconKey": { "alias": "matIconKey"; "required": false; }; "svgIconKey": { "alias": "svgIconKey"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filteredOptions": { "alias": "filteredOptions"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "selectFirst": { "alias": "selectFirst"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "sorted": { "alias": "sorted"; "required": false; }; "endpoint": { "alias": "endpoint"; "required": false; }; "params": { "alias": "params"; "required": false; }; "projection": { "alias": "projection"; "required": false; }; "loadData": { "alias": "loadData"; "required": false; }; "enumFilter": { "alias": "enumFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "searchField": { "alias": "searchField"; "required": false; }; }, { "onValueChange": "change"; "onItemChange": "itemChange"; "onSelected": "selected"; "onItemSelected": "itemSelected"; "onLaunch": "launch"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelectFormField<any>, never, never, { "enum": { "alias": "enum"; "required": false; }; "enumMetadata": { "alias": "enumMetadata"; "required": false; }; "textPrefix": { "alias": "textPrefix"; "required": false; }; "optionTextProperty": { "alias": "optionTextProperty"; "required": false; }; "optionValueProperty": { "alias": "optionValueProperty"; "required": false; }; "matIconKey": { "alias": "matIconKey"; "required": false; }; "svgIconKey": { "alias": "svgIconKey"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filteredOptions": { "alias": "filteredOptions"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "selectFirst": { "alias": "selectFirst"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "sorted": { "alias": "sorted"; "required": false; }; "endpoint": { "alias": "endpoint"; "required": false; }; "params": { "alias": "params"; "required": false; }; "projection": { "alias": "projection"; "required": false; }; "loadData": { "alias": "loadData"; "required": false; }; "enumFilter": { "alias": "enumFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "searchField": { "alias": "searchField"; "required": false; }; }, { "onValueChange": "change"; "onItemChange": "itemChange"; "onSelected": "selected"; "onItemSelected": "itemSelected"; "onLaunch": "launch"; }, never, never, true, never>;
 }

package/lib/forms/helpers/value-accessor-base.d.ts

@@ -88,5 +88,5 @@ export declare class ValueAccessorBase<T> extends MatFormFieldControl<any> imple
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessorBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessorBase<any>, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessorBase<any>, never, never, {}, {}, never, never, true, never>;
 }

package/lib/layout/_m2-layout-theme.scss

@@ -1,55 +1,19 @@
-//@use '~@angular/material' as mat;
-@import '../common/styles/elevation';
-@import '../common/styles/theme-functions';
-@import '../common/styles/m2/theme-functions';
-@import '../common/styles/typography-functions';
-
-@mixin vd-layout-typography($config) {
-	vd-navigation-drawer {
-		.vd-navigation-drawer-title {
-			font: {
-				family: vd-font-family($config);
-				size: vd-font-size($config, subheading-2);
-			}
-		}
-
-		.vd-navigation-drawer-name {
-			overflow: hidden;
-			text-overflow: ellipsis;
-
-			font: {
-				family: vd-font-family($config);
-				size: vd-font-size($config, body-1);
-				weight: 500;
-			}
-
-			line-height: vd-line-height($config, body-1);
-		}
-
-		.vd-navigation-drawer-menu-toggle {
-			font: {
-				family: vd-font-family($config);
-				size: vd-font-size($config, body-2);
-				weight: 400;
-			}
-
-			line-height: vd-line-height($config, body-2);
-		}
-	}
-}
+@use "@angular/material" as mat;
+@use 'sass:map';
 
 @mixin vd-layout-theme($theme) {
-	$primary: map-get($theme, primary);
-	$accent: map-get($theme, accent);
-	$warn: map-get($theme, warn);
-	$background: map-get($theme, background);
-	$foreground: map-get($theme, foreground);
+	$primary: map.get($theme, primary);
+	$accent: map.get($theme, accent);
+	$warn: map.get($theme, warn);
+	$background: map.get($theme, background);
+	$foreground: map.get($theme, foreground);
 	$is-dark: map.get($theme, is-dark);
 
 	$background-color: mat.m2-get-color-from-palette($background, app-bar);
 
-	$primary-color: mat-color($primary);
-	$accent-color: mat-color($accent);
+	$primary-color: mat.m2-get-color-from-palette($primary);
+	$accent-color: mat.m2-get-color-from-palette($accent);
+	$warn-color: mat.m2-get-color-from-palette($warn);
 
 	.mat-drawer-container {
 		background-color: mat.m2-get-color-from-palette($background, if($is-dark, app-bar, status-bar)) !important;
@@ -167,11 +131,11 @@
 			&.active,
 			&:active,
 			&:focus {
-				background-color: rgba(mat-color($primary), 0.2);
+				background-color: rgba($primary-color, 0.2);
 
 				mat-icon[mat-list-avatar] {
 					background-color: $accent-color;
-					color: mat-color($accent, default-contrast)
+					color: $accent-color;
 				}
 
 				.mat-mdc-list-item-icon {
@@ -231,7 +195,7 @@
 	mat-snack-bar-container {
 		&.error {
 			.mdc-snackbar__surface {
-				background-color: mat-color($warn);
+				background-color: $warn-color;
 				white-space: pre-line;
 
 				.mat-mdc-simple-snackbar-action {
@@ -252,7 +216,7 @@
 
 		&.primary {
 			.mdc-snackbar__surface {
-				background-color: mat-color($primary);
+				background-color: $primary-color;
 
 				.mat-mdc-simple-snackbar-action {
 					color: white;

package/lib/layout/layout-nav/layout-nav.component.d.ts

@@ -27,6 +27,12 @@ export declare class VdLayoutNavComponent {
      * context: any
      */
     context: any;
+    /**
+     * hideToolbar?: boolean
+     *
+     * Whether to hide the toolbar or not.
+     */
+    hideToolbar: boolean;
     /**
      * reload: EventEmitter<any>
      */
@@ -89,5 +95,5 @@ export declare class VdLayoutNavComponent {
      */
     handleNavigationClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutNavComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutNavComponent, "vd-layout-nav", never, { "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "data": { "alias": "data"; "required": false; }; "context": { "alias": "context"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "color": { "alias": "color"; "required": false; }; "hideToggle": { "alias": "hideToggle"; "required": false; }; "backNavigationRoute": { "alias": "backNavigationRoute"; "required": false; }; "navigationRoute": { "alias": "navigationRoute"; "required": false; }; }, { "reload": "reload"; }, never, ["[vd-menu-button]", "[vd-toolbar-content]", "[vd-toolbar-content-right]", "*", "vd-layout-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutNavComponent, "vd-layout-nav", never, { "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "data": { "alias": "data"; "required": false; }; "context": { "alias": "context"; "required": false; }; "hideToolbar": { "alias": "hideToolbar"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "color": { "alias": "color"; "required": false; }; "hideToggle": { "alias": "hideToggle"; "required": false; }; "backNavigationRoute": { "alias": "backNavigationRoute"; "required": false; }; "navigationRoute": { "alias": "navigationRoute"; "required": false; }; }, { "reload": "reload"; }, never, ["[vd-menu-button]", "[vd-toolbar-content]", "[vd-toolbar-content-right]", "*", "vd-layout-footer"], false, never>;
 }

package/lib/layout/layout-toggle.class.d.ts

@@ -42,5 +42,5 @@ export declare abstract class LayoutToggle implements AfterViewInit, OnDestroy {
     abstract onClick(): void;
     private _toggleVisibility;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutToggle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutToggle, never, never, { "disabled": { "alias": "disabled"; "required": false; }; "hideWhenOpened": { "alias": "hideWhenOpened"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutToggle, never, never, { "disabled": { "alias": "disabled"; "required": false; }; "hideWhenOpened": { "alias": "hideWhenOpened"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/list/components/list.component.d.ts

@@ -1,13 +1,9 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { ChangeDetectorRef, ElementRef, Injector } from '@angular/core';
-import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { ErrorStateMatcher } from '@angular/material/core';
+import { ElementRef } from '@angular/core';
 import { MatSelectionList } from '@angular/material/list';
 import { AbstractSelectFormField } from '../../forms/helpers/abstract-select-form-field.component';
 import { VdListOptionDirective } from '../directives/vd-list-option.directive';
 import * as i0 from "@angular/core";
 export declare class VdListComponent extends AbstractSelectFormField<any> {
-    protected injector: Injector;
     /**
      * Option template
      */
@@ -26,20 +22,12 @@ export declare class VdListComponent extends AbstractSelectFormField<any> {
     get empty(): boolean;
     /**
      * Constructor
-     * @param injector
-     * @param ngControl
-     * @param parentForm
-     * @param parentFormGroup
-     * @param defaultErrorStateMatcher
-     * @param focusMonitor
-     * @param elementRef
-     * @param changeDetectorRef
      */
-    constructor(injector: Injector, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, focusMonitor: FocusMonitor, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
+    constructor();
     /**
      * Sets control focus
      */
     focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VdListComponent, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VdListComponent, "vd-list", never, {}, {}, ["optionTemplate"], never, false, never>;
 }

package/lib/menu/components/menu.component.d.ts

@@ -1,7 +1,9 @@
 import { EventEmitter } from '@angular/core';
+import { VdMediaService } from '../../media/media.module';
 import { MenuItem } from '../models/menu-item';
 import * as i0 from "@angular/core";
 export declare class VdMenuComponent {
+    private media;
     /**
      * Menu items
      */
@@ -18,6 +20,10 @@ export declare class VdMenuComponent {
      * Items with avatars
      */
     avatar: boolean;
+    /**
+     * Mini variant
+     */
+    mobile: boolean;
     /**
      * click?: function
      * Event emitted when a menu item is clicked.
@@ -34,6 +40,15 @@ export declare class VdMenuComponent {
      * Event emitted when the cursor of the mouse is moved out of it.
      */
     onMouseLeave: EventEmitter<any>;
+    /**
+     * Constructor
+     */
+    constructor(media: VdMediaService);
+    /**
+     * Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+     * Add 'implements OnInit' to the class.
+     */
+    ngOnInit(): void;
     /**
      * Event emitted when a meni item is clicked.
      */
@@ -48,5 +63,5 @@ export declare class VdMenuComponent {
      */
     itemMouseLeave($event: any, item: MenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdMenuComponent, "vd-menu", never, { "items": { "alias": "items"; "required": false; }; "activeExact": { "alias": "activeExact"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; }, { "onClick": "click"; "onMouseEnter": "over"; "onMouseLeave": "out"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdMenuComponent, "vd-menu", never, { "items": { "alias": "items"; "required": false; }; "activeExact": { "alias": "activeExact"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; }, { "onClick": "click"; "onMouseEnter": "over"; "onMouseLeave": "out"; }, never, never, false, never>;
 }

package/lib/menu/menu.module.d.ts

@@ -6,7 +6,8 @@ import * as i3 from "@angular/common";
 import * as i4 from "@angular/router";
 import * as i5 from "@angular/material/icon";
 import * as i6 from "@angular/material/list";
-import * as i7 from "../common/common.module";
+import * as i7 from "@angular/material/expansion";
+import * as i8 from "../common/common.module";
 export { VdMenuComponent } from './components/menu.component';
 export { MenuScope } from './enums/menu-scope';
 export { Menu } from './models/menu';
@@ -24,6 +25,6 @@ export { MenuResolve, SubMenuResolve } from './services/menu.resolve';
 export { MenuService };
 export declare class VdMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VdMenuModule, [typeof i1.VdMenuComponent, typeof i2.VdDelayedHoverDirective], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.MatIconModule, typeof i6.MatListModule, typeof i7.VdCommonModule], [typeof i1.VdMenuComponent, typeof i2.VdDelayedHoverDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VdMenuModule, [typeof i1.VdMenuComponent, typeof i2.VdDelayedHoverDirective], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.MatIconModule, typeof i6.MatListModule, typeof i7.MatExpansionModule, typeof i8.VdCommonModule], [typeof i1.VdMenuComponent, typeof i2.VdDelayedHoverDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<VdMenuModule>;
 }