@messaia/cdk 14.0.0 → 15.0.0-rc02

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

@@ -1,5 +1,5 @@
 import { FocusMonitor } from "@angular/cdk/a11y";
-import { DoCheck, ElementRef, OnDestroy } from "@angular/core";
+import { ChangeDetectorRef, DoCheck, ElementRef, OnDestroy } from "@angular/core";
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from "@angular/forms";
 import { ErrorStateMatcher } from "@angular/material/core";
 import { MatFormFieldControl } from "@angular/material/form-field";
@@ -35,6 +35,7 @@ export declare abstract class AbstractMatFormField<T> extends _AbstractMatFormFi
     readonly _defaultErrorStateMatcher: ErrorStateMatcher;
     protected readonly _focusMonitor: FocusMonitor;
     protected readonly _elementRef: ElementRef;
+    protected readonly changeDetectorRef: ChangeDetectorRef;
     /**
      * The value of the control.
      */
@@ -125,7 +126,7 @@ export declare abstract class AbstractMatFormField<T> extends _AbstractMatFormFi
      * @param _focusMonitor
      * @param _elementRef
      */
-    constructor(controlType: string, ngControl: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _defaultErrorStateMatcher: ErrorStateMatcher, _focusMonitor: FocusMonitor, _elementRef: ElementRef);
+    constructor(controlType: string, ngControl: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _defaultErrorStateMatcher: ErrorStateMatcher, _focusMonitor: FocusMonitor, _elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
     /**
      * Registers a function called when the control value changes.
      */
@@ -150,6 +151,10 @@ export declare abstract class AbstractMatFormField<T> extends _AbstractMatFormFi
      * Whether the control is focused.
      */
     focused: boolean;
+    /**
+     * Whether the control is touched.
+     */
+    touched: boolean;
     /**
      * Whether the control is focused.
      */
@@ -186,6 +191,6 @@ export declare abstract class AbstractMatFormField<T> extends _AbstractMatFormFi
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractMatFormField<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractMatFormField<any>, never, never, { "placeholder": "placeholder"; "required": "required"; "readonly": "readonly"; "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractMatFormField<any>, never, never, { "placeholder": "placeholder"; "required": "required"; "readonly": "readonly"; "disabled": "disabled"; }, {}, never, never, false, never>;
 }
 export {};

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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessorBase<any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/forms/models/form-field-definition.d.ts

@@ -56,6 +56,9 @@ export declare class FormFieldDefinition<TEntity = any, TProperty = any> {
     select?: (x: TEntity, f?: FormGroup, ctx?: IGenericFormBaseComponent<TEntity>) => any;
     suffixButtons?: SuffixButton<TProperty, IGenericFormBaseComponent<TEntity>>[];
     triggerTemplate?: (x: TProperty[] | TProperty, y?: TEntity, f?: FormGroup, ctx?: IGenericFormBaseComponent<TEntity>) => any;
+    triggerMapper?: (x: TProperty, y?: TEntity, f?: FormGroup, ctx?: IGenericFormBaseComponent<TEntity>) => any;
+    triggerCssClass?: string;
+    triggerMode?: 'chip';
     type?: FormFieldType;
     wrapped?: boolean;
     /**

package/lib/forms/validators/empty-string-reset.directive.d.ts

@@ -9,5 +9,5 @@ export declare class EmptyStringResetDirective implements Validator {
         [key: string]: any;
     } | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStringResetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EmptyStringResetDirective, "[ngModel],[formControlName],[formControl]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EmptyStringResetDirective, "[ngModel],[formControlName],[formControl]", never, {}, {}, never, never, false, never>;
 }

package/lib/forms/validators/equal-validator.directive.d.ts

@@ -16,5 +16,5 @@ export declare class EqualValidator implements Validator {
         [key: string]: any;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<EqualValidator, [{ attribute: "validateEqual"; }, { attribute: "reverse"; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EqualValidator, "[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EqualValidator, "[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]", never, {}, {}, never, never, false, never>;
 }

package/lib/forms/validators/native-element-injector.directive.d.ts

@@ -13,5 +13,5 @@ export declare class NativeElementInjectorDirective {
      */
     constructor(el: ElementRef, control: NgControl, model: NgModel);
     static ɵfac: i0.ɵɵFactoryDeclaration<NativeElementInjectorDirective, [null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NativeElementInjectorDirective, "[ngModel]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NativeElementInjectorDirective, "[ngModel]", never, {}, {}, never, never, false, never>;
 }

package/lib/forms/validators/unique-validator-directive.d.ts

@@ -32,5 +32,5 @@ export declare class UniqueValidatorDirective implements Validator {
         [key: string]: any;
     } | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<UniqueValidatorDirective, [null, { attribute: "unique"; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<UniqueValidatorDirective, "[unique]", never, { "uniqueProperty": "uniqueProperty"; "uniqueId": "uniqueId"; "uniqueParams": "uniqueParams"; "invert": "invert"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UniqueValidatorDirective, "[unique]", never, { "uniqueProperty": "uniqueProperty"; "uniqueId": "uniqueId"; "uniqueParams": "uniqueParams"; "invert": "invert"; }, {}, never, never, false, never>;
 }

package/lib/layout/_layout-theme.scss

@@ -1,4 +1,4 @@
-// @use '~@angular/material' as mat;
+//@use '~@angular/material' as mat;
 @import '../common/styles/elevation';
 @import '../common/styles/theme-functions';
 @import '../common/styles/typography-functions';
@@ -43,6 +43,10 @@
 	$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.get-color-from-palette($background, app-bar);
+	$accent-color: mat-color($accent);
 
 	.mat-drawer-container {
 		background-color: mat.get-color-from-palette($background, status-bar);
@@ -67,14 +71,17 @@
 			@include mat.elevation(1);
 			z-index: 1;
 
-			.mat-tab-nav-bar {
+			.mat-mdc-tab-nav-bar {
 				height: 100%;
 				flex-direction: row;
 				align-items: center;
 
+				/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
+				/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
 				.mat-tab-link-container {
 					height: 100%;
 
+					/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
 					.mat-tab-list {
 						display: flex;
 						justify-content: center;
@@ -83,6 +90,10 @@
 				}
 			}
 		}
+
+		.mat-toolbar {
+			background: mat-color($background, 'card');
+		}
 	}
 
 	.mat-drawer-side.vd-layout-sidenav {
@@ -121,4 +132,124 @@
 			}
 		}
 	}
+
+	/* #region MatNavList */
+
+	mat-nav-list {
+		a[mat-list-item] {
+			.mat-mdc-list-item-title {
+				font-size: 14px;
+			}
+
+			&.active {
+				background: rgba(0, 0, 0, .04);
+
+				mat-icon[mat-list-avatar] {
+					background-color: $accent-color;
+					color: mat-color($accent, default-contrast)
+				}
+
+				.mat-mdc-list-item-icon {
+					color: $accent-color;
+				}
+			}
+		}
+	}
+
+	/* #endregion */
+
+	/* #region MatTable */
+
+	.mat-mdc-table {
+		.mat-mdc-row {
+
+			&:hover,
+			&:active {
+				background-color: $background-color !important;
+			}
+		}
+
+		.mat-mdc-header-row {
+			mat-form-field {
+				&.filter-not-empty {
+					.mdc-text-field--outlined {
+
+						.mdc-notched-outline__leading,
+						.mdc-notched-outline__notch,
+						.mdc-notched-outline__trailing {
+							border-color: $accent-color;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	/* #endregion */
+
+	/* #region  SnackBar */
+
+	.snack-bar-container {
+		&.error {
+			background-color: mat-color($warn);
+			white-space: pre-line;
+
+			.mat-simple-snackbar-action {
+				color: white;
+			}
+		}
+
+		&.warn {
+			background-color: $accent-color;
+
+			.mat-simple-snackbar-action {
+				color: white;
+			}
+		}
+
+		&.primary {
+			background-color: mat-color($primary);
+
+			.mat-simple-snackbar-action {
+				color: white;
+			}
+		}
+	}
+
+	/* #endregion */
+
+	mat-form-field {
+
+		.mdc-text-field--outlined {
+			&:not(.mdc-text-field--disabled) {
+				&:not(.mdc-text-field--invalid) {
+
+					.mdc-notched-outline__leading,
+					.mdc-notched-outline__notch,
+					.mdc-notched-outline__trailing {
+						border-color: if($is-dark, rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.14));
+					}
+				}
+			}
+		}
+
+		&.mat-form-field-disabled,
+		&.mat-form-field-readonly {
+			.mdc-text-field--outlined {
+				background-color: if($is-dark, #3c3c3c, mdc-color-palette.$grey-50)
+			}
+		}
+	}
+
+	/* #region Others */
+
+	.panel-wrap {
+		background-color: $background-color;
+	}
+
+	.loading-progress {
+		background-color: $background-color;
+	}
+
+	/* #endregion */
 }

package/lib/layout/dynamic-menu/dynamic-menu.component.d.ts

@@ -19,5 +19,5 @@ export declare class VdDynamicMenuComponent {
      */
     context: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdDynamicMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicMenuComponent, "vd-dynamic-menu", never, { "items": "items"; "data": "data"; "context": "context"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicMenuComponent, "vd-dynamic-menu", never, { "items": "items"; "data": "data"; "context": "context"; }, {}, never, never, false, never>;
 }

package/lib/layout/layout-card-over/layout-card-over.component.d.ts

@@ -27,5 +27,5 @@ export declare class VdLayoutCardOverComponent {
      */
     color: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutCardOverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutCardOverComponent, "vd-layout-card-over", never, { "cardTitle": "cardTitle"; "cardSubtitle": "cardSubtitle"; "cardWidth": "cardWidth"; "color": "color"; }, {}, never, ["*", "[vd-after-card]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutCardOverComponent, "vd-layout-card-over", never, { "cardTitle": "cardTitle"; "cardSubtitle": "cardSubtitle"; "cardWidth": "cardWidth"; "color": "color"; }, {}, never, ["*", "[vd-after-card]"], false, never>;
 }

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

@@ -13,5 +13,5 @@ export declare class VdLayoutFooterComponent {
     get color(): 'primary' | 'accent' | 'warn';
     constructor(_renderer: Renderer2, _elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutFooterComponent, "vd-layout-footer,vd-layout-footer-inner", never, { "color": "color"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutFooterComponent, "vd-layout-footer,vd-layout-footer-inner", never, { "color": "color"; }, {}, never, ["*"], false, never>;
 }

package/lib/layout/layout-manage-list/layout-manage-list.component.d.ts

@@ -96,5 +96,5 @@ export declare class VdLayoutManageListComponent implements ILayoutTogglable, On
      */
     close(): Promise<MatDrawerToggleResult>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutManageListComponent, "vd-layout-manage-list", never, { "title": "title"; "closable": "closable"; "menuItems": "menuItems"; "mode": "mode"; "sideGt": "sideGt"; "opened": "opened"; "openedGt": "openedGt"; "sidenavWidth": "sidenavWidth"; "sidenavGtXsWidth": "sidenavGtXsWidth"; }, {}, never, ["mat-toolbar[vd-sidenav-content]", "[vd-sidenav-content]", "vd-menu", "mat-toolbar", "vd-list-toolbar", "*", "vd-layout-footer-inner"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutManageListComponent, "vd-layout-manage-list", never, { "title": "title"; "closable": "closable"; "menuItems": "menuItems"; "mode": "mode"; "sideGt": "sideGt"; "opened": "opened"; "openedGt": "openedGt"; "sidenavWidth": "sidenavWidth"; "sidenavGtXsWidth": "sidenavGtXsWidth"; }, {}, never, ["mat-toolbar[vd-sidenav-content]", "[vd-sidenav-content]", "vd-menu", "mat-toolbar", "vd-list-toolbar", "*", "vd-layout-footer-inner"], false, never>;
 }

package/lib/layout/layout-manage-list/layout-manage-list.directives.d.ts

@@ -19,7 +19,7 @@ export declare class VdLayoutManageListToggleDirective extends LayoutToggle {
      */
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListToggleDirective, "[vdLayoutManageListToggle]", never, { "vdLayoutManageListToggle": "vdLayoutManageListToggle"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListToggleDirective, "[vdLayoutManageListToggle]", never, { "vdLayoutManageListToggle": "vdLayoutManageListToggle"; }, {}, never, never, false, never>;
 }
 export declare class VdLayoutManageListCloseDirective extends LayoutToggle {
     /**
@@ -38,7 +38,7 @@ export declare class VdLayoutManageListCloseDirective extends LayoutToggle {
      */
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListCloseDirective, "[vdLayoutManageListClose]", never, { "vdLayoutManageListClose": "vdLayoutManageListClose"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListCloseDirective, "[vdLayoutManageListClose]", never, { "vdLayoutManageListClose": "vdLayoutManageListClose"; }, {}, never, never, false, never>;
 }
 export declare class VdLayoutManageListOpenDirective extends LayoutToggle {
     /**
@@ -57,5 +57,5 @@ export declare class VdLayoutManageListOpenDirective extends LayoutToggle {
      */
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListOpenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListOpenDirective, "[vdLayoutManageListOpen]", never, { "vdLayoutManageListOpen": "vdLayoutManageListOpen"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListOpenDirective, "[vdLayoutManageListOpen]", never, { "vdLayoutManageListOpen": "vdLayoutManageListOpen"; }, {}, never, never, false, never>;
 }

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

@@ -89,5 +89,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": "toolbarTitle"; "editMode": "editMode"; "actions": "actions"; "data": "data"; "context": "context"; "icon": "icon"; "logo": "logo"; "color": "color"; "hideToggle": "hideToggle"; "backNavigationRoute": "backNavigationRoute"; "navigationRoute": "navigationRoute"; }, { "reload": "reload"; }, never, ["[vd-menu-button]", "[vd-toolbar-content]", "[vd-toolbar-content-right]", "*", "vd-layout-footer"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutNavComponent, "vd-layout-nav", never, { "toolbarTitle": "toolbarTitle"; "editMode": "editMode"; "actions": "actions"; "data": "data"; "context": "context"; "icon": "icon"; "logo": "logo"; "color": "color"; "hideToggle": "hideToggle"; "backNavigationRoute": "backNavigationRoute"; "navigationRoute": "navigationRoute"; }, { "reload": "reload"; }, never, ["[vd-menu-button]", "[vd-toolbar-content]", "[vd-toolbar-content-right]", "*", "vd-layout-footer"], false, never>;
 }

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

@@ -93,5 +93,5 @@ export declare class VdLayoutNavListComponent implements ILayoutTogglable {
      */
     close(): Promise<MatDrawerToggleResult>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutNavListComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutNavListComponent, "vd-layout-nav-list", never, { "toolbarTitle": "toolbarTitle"; "icon": "icon"; "logo": "logo"; "color": "color"; "mode": "mode"; "opened": "opened"; "sidenavWidth": "sidenavWidth"; "navigationRoute": "navigationRoute"; }, {}, never, ["[vd-menu-button]", "[vd-sidenav-toolbar-content]", "[vd-sidenav-content]", "mat-toolbar", "vd-toolbar-content", "*", "vd-layout-footer-inner", "vd-layout-footer"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutNavListComponent, "vd-layout-nav-list", never, { "toolbarTitle": "toolbarTitle"; "icon": "icon"; "logo": "logo"; "color": "color"; "mode": "mode"; "opened": "opened"; "sidenavWidth": "sidenavWidth"; "navigationRoute": "navigationRoute"; }, {}, never, ["[vd-menu-button]", "[vd-sidenav-toolbar-content]", "[vd-sidenav-content]", "mat-toolbar", "vd-toolbar-content", "*", "vd-layout-footer-inner", "vd-layout-footer"], false, never>;
 }

package/lib/layout/layout-nav-list/layout-nav-list.directives.d.ts

@@ -19,7 +19,7 @@ export declare class VdLayoutNavListToggleDirective extends LayoutToggle {
      */
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutNavListToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutNavListToggleDirective, "[vdLayoutNavListToggle]", never, { "vdLayoutNavListToggle": "vdLayoutNavListToggle"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutNavListToggleDirective, "[vdLayoutNavListToggle]", never, { "vdLayoutNavListToggle": "vdLayoutNavListToggle"; }, {}, never, never, false, never>;
 }
 export declare class VdLayoutNavListCloseDirective extends LayoutToggle {
     /**
@@ -38,7 +38,7 @@ export declare class VdLayoutNavListCloseDirective extends LayoutToggle {
      */
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutNavListCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutNavListCloseDirective, "[vdLayoutNavListClose]", never, { "vdLayoutNavListClose": "vdLayoutNavListClose"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutNavListCloseDirective, "[vdLayoutNavListClose]", never, { "vdLayoutNavListClose": "vdLayoutNavListClose"; }, {}, never, never, false, never>;
 }
 export declare class VdLayoutNavListOpenDirective extends LayoutToggle {
     /**
@@ -57,5 +57,5 @@ export declare class VdLayoutNavListOpenDirective extends LayoutToggle {
      */
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutNavListOpenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutNavListOpenDirective, "[vdLayoutNavListOpen]", never, { "vdLayoutNavListOpen": "vdLayoutNavListOpen"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutNavListOpenDirective, "[vdLayoutNavListOpen]", never, { "vdLayoutNavListOpen": "vdLayoutNavListOpen"; }, {}, never, never, false, never>;
 }

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

@@ -33,5 +33,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, { "hideWhenOpened": "hideWhenOpened"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutToggle, never, never, { "hideWhenOpened": "hideWhenOpened"; }, {}, never, never, false, never>;
 }

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

@@ -52,5 +52,5 @@ export declare class VdLayoutComponent implements ILayoutTogglable {
      */
     close(): Promise<MatDrawerToggleResult>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutComponent, "vd-layout", never, { "mode": "mode"; "opened": "opened"; "sidenavWidth": "sidenavWidth"; }, {}, never, ["vd-navigation-drawer", "[vd-sidenav-content]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutComponent, "vd-layout", never, { "mode": "mode"; "opened": "opened"; "sidenavWidth": "sidenavWidth"; }, {}, never, ["vd-navigation-drawer", "[vd-sidenav-content]", "*"], false, never>;
 }

package/lib/layout/layout.directives.d.ts

@@ -7,19 +7,19 @@ export declare class VdLayoutToggleDirective extends LayoutToggle {
     constructor(layout: VdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutToggleDirective, "[vdLayoutToggle]", never, { "vdLayoutToggle": "vdLayoutToggle"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutToggleDirective, "[vdLayoutToggle]", never, { "vdLayoutToggle": "vdLayoutToggle"; }, {}, never, never, false, never>;
 }
 export declare class VdLayoutCloseDirective extends LayoutToggle {
     set vdLayoutClose(vdLayoutClose: boolean);
     constructor(layout: VdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutCloseDirective, "[vdLayoutClose]", never, { "vdLayoutClose": "vdLayoutClose"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutCloseDirective, "[vdLayoutClose]", never, { "vdLayoutClose": "vdLayoutClose"; }, {}, never, never, false, never>;
 }
 export declare class VdLayoutOpenDirective extends LayoutToggle {
     set vdLayoutClose(vdLayoutOpen: boolean);
     constructor(layout: VdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutOpenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutOpenDirective, "[vdLayoutOpen]", never, { "vdLayoutClose": "vdLayoutOpen"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutOpenDirective, "[vdLayoutOpen]", never, { "vdLayoutClose": "vdLayoutOpen"; }, {}, never, never, false, never>;
 }

package/lib/layout/list-toolbar/list-toolbar.component.d.ts

@@ -19,5 +19,5 @@ export declare class VdListToolbarComponent {
      */
     actions: ActionItem[];
     static ɵfac: i0.ɵɵFactoryDeclaration<VdListToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdListToolbarComponent, "vd-list-toolbar", never, { "subtitle": "subtitle"; "backButton": "backButton"; "actions": "actions"; }, { "back": "back"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdListToolbarComponent, "vd-list-toolbar", never, { "subtitle": "subtitle"; "backButton": "backButton"; "actions": "actions"; }, { "back": "back"; }, never, never, false, never>;
 }

package/lib/layout/navigation-drawer/navigation-drawer.component.d.ts

@@ -7,11 +7,11 @@ import { VdLayoutComponent } from '../layout.component';
 import * as i0 from "@angular/core";
 export declare class VdNavigationDrawerMenuDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdNavigationDrawerMenuDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdNavigationDrawerMenuDirective, "[vd-navigation-drawer-menu]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdNavigationDrawerMenuDirective, "[vd-navigation-drawer-menu]", never, {}, {}, never, never, false, never>;
 }
 export declare class VdNavigationDrawerToolbarDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdNavigationDrawerToolbarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdNavigationDrawerToolbarDirective, "[vd-navigation-drawer-toolbar]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdNavigationDrawerToolbarDirective, "[vd-navigation-drawer-toolbar]", never, {}, {}, never, never, false, never>;
 }
 export declare class VdNavigationDrawerComponent implements OnInit, OnDestroy {
     private _layout;
@@ -135,5 +135,5 @@ export declare class VdNavigationDrawerComponent implements OnInit, OnDestroy {
      */
     close(): Promise<MatDrawerToggleResult>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdNavigationDrawerComponent, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdNavigationDrawerComponent, "vd-navigation-drawer", never, { "sidenavTitle": "sidenavTitle"; "icon": "icon"; "logo": "logo"; "avatar": "avatar"; "color": "color"; "navigationRoute": "navigationRoute"; "backgroundUrl": "backgroundUrl"; "name": "name"; "email": "email"; }, {}, ["_drawerMenu", "_toolbar"], ["[vd-navigation-drawer-toolbar]", "*", "[vd-navigation-drawer-menu]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdNavigationDrawerComponent, "vd-navigation-drawer", never, { "sidenavTitle": "sidenavTitle"; "icon": "icon"; "logo": "logo"; "avatar": "avatar"; "color": "color"; "navigationRoute": "navigationRoute"; "backgroundUrl": "backgroundUrl"; "name": "name"; "email": "email"; }, {}, ["_drawerMenu", "_toolbar"], ["[vd-navigation-drawer-toolbar]", "*", "[vd-navigation-drawer-menu]"], false, never>;
 }

package/lib/media/directives/media-toggle.directive.d.ts

@@ -40,5 +40,5 @@ export declare class VdMediaToggleDirective implements OnInit, OnDestroy {
     private _changeClasses;
     private _changeStyles;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdMediaToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdMediaToggleDirective, "[vdMediaToggle]", never, { "query": "vdMediaToggle"; "attributes": "mediaAttributes"; "classes": "mediaClasses"; "styles": "mediaStyles"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdMediaToggleDirective, "[vdMediaToggle]", never, { "query": "vdMediaToggle"; "attributes": "mediaAttributes"; "classes": "mediaClasses"; "styles": "mediaStyles"; }, {}, never, never, false, never>;
 }

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

@@ -24,5 +24,5 @@ export declare class VdMenuComponent {
      */
     itemClicked($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdMenuComponent, "vd-menu", never, { "items": "items"; "activeExact": "activeExact"; "avatar": "avatar"; }, { "onClick": "click"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdMenuComponent, "vd-menu", never, { "items": "items"; "activeExact": "activeExact"; "avatar": "avatar"; }, { "onClick": "click"; }, never, never, false, never>;
 }

package/lib/search/vd-search-box/vd-search-box.component.d.ts

@@ -56,5 +56,5 @@ export declare class VdSearchBoxComponent {
     handleSearch(value: string): void;
     handleClear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdSearchBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdSearchBoxComponent, "vd-search-box", never, { "backIcon": "backIcon"; "showUnderline": "showUnderline"; "debounce": "debounce"; "alwaysVisible": "alwaysVisible"; "placeholder": "placeholder"; }, { "onSearchDebounce": "searchDebounce"; "onSearch": "search"; "onClear": "clear"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdSearchBoxComponent, "vd-search-box", never, { "backIcon": "backIcon"; "showUnderline": "showUnderline"; "debounce": "debounce"; "alwaysVisible": "alwaysVisible"; "placeholder": "placeholder"; }, { "onSearchDebounce": "searchDebounce"; "onSearch": "search"; "onClear": "clear"; }, never, never, false, never>;
 }

package/lib/search/vd-search-input/vd-search-input.component.d.ts

@@ -53,5 +53,5 @@ export declare class VdSearchInputComponent implements OnInit {
     clearSearch(): void;
     private _searchTermChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdSearchInputComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdSearchInputComponent, "vd-search-input", never, { "showUnderline": "showUnderline"; "debounce": "debounce"; "placeholder": "placeholder"; }, { "onSearchDebounce": "searchDebounce"; "onSearch": "search"; "onClear": "clear"; "onBlur": "blur"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdSearchInputComponent, "vd-search-input", never, { "showUnderline": "showUnderline"; "debounce": "debounce"; "placeholder": "placeholder"; }, { "onSearchDebounce": "searchDebounce"; "onSearch": "search"; "onClear": "clear"; "onBlur": "blur"; }, never, never, false, never>;
 }

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

@@ -1,6 +1,6 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { HttpClient } from '@angular/common/http';
-import { AfterViewInit, ElementRef, EventEmitter, Injector } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector } from '@angular/core';
 import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { ErrorStateMatcher, MatOption } from '@angular/material/core';
 import { MatSelect } from '@angular/material/select';
@@ -49,7 +49,6 @@ export declare class VdSelectComponent extends AbstractMatFormField<any> impleme
     set disabled(disabled: any);
     /**
      * Sets the disabled.
-     * @param disabled
      */
     get disabled(): any;
     /**
@@ -61,6 +60,24 @@ export declare class VdSelectComponent extends AbstractMatFormField<any> impleme
      */
     get sorted(): boolean;
     set sorted(multi: boolean);
+    /**
+     * Trigger css class
+     */
+    _triggerCssClass: string;
+    /**
+     * Trigger css class
+     */
+    get triggerCssClass(): string;
+    set triggerCssClass(triggerCssClass: string);
+    /**
+     * Trigger mode
+     */
+    _triggerMode: string;
+    /**
+     * Trigger mode
+     */
+    get triggerMode(): any;
+    set triggerMode(triggerMode: any);
     /**
      * textPrefix?: any
      */
@@ -186,7 +203,7 @@ export declare class VdSelectComponent extends AbstractMatFormField<any> impleme
      * @param focusMonitor
      * @param elementRef
      */
-    constructor(injector: Injector, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, focusMonitor: FocusMonitor, elementRef: ElementRef);
+    constructor(injector: Injector, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, focusMonitor: FocusMonitor, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
     /**
      * Lifecycle hook that is called after a component's
      * view has been fully initialized.
@@ -238,6 +255,6 @@ export declare class VdSelectComponent extends AbstractMatFormField<any> impleme
      * @returns
      */
     getTriggerValues(options: MatOption | MatOption[]): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VdSelectComponent, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdSelectComponent, "vd-select", never, { "multiple": "multiple"; "disabled": "disabled"; "sorted": "sorted"; "textPrefix": "textPrefix"; "endpoint": "endpoint"; "params": "params"; "projection": "projection"; "enum": "enum"; "key": "key"; "text": "text"; "prefix": "prefix"; "options": "options"; "filteredOptions": "filteredOptions"; "filterable": "filterable"; "cache": "cache"; "sortBy": "sortBy"; "mapper": "mapper"; "compareWith": "compareWith"; "searchField": "searchField"; }, { "onValueChange": "change"; "onItemChange": "itemChange"; "onSelected": "selected"; "onItemSelected": "itemSelected"; "onLaunch": "launch"; }, ["optionTemplate", "triggerTemplate"], never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdSelectComponent, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdSelectComponent, "vd-select", never, { "multiple": "multiple"; "disabled": "disabled"; "sorted": "sorted"; "triggerCssClass": "triggerCssClass"; "triggerMode": "triggerMode"; "textPrefix": "textPrefix"; "endpoint": "endpoint"; "params": "params"; "projection": "projection"; "enum": "enum"; "key": "key"; "text": "text"; "prefix": "prefix"; "options": "options"; "filteredOptions": "filteredOptions"; "filterable": "filterable"; "cache": "cache"; "sortBy": "sortBy"; "mapper": "mapper"; "compareWith": "compareWith"; "searchField": "searchField"; }, { "onValueChange": "change"; "onItemChange": "itemChange"; "onSelected": "selected"; "onItemSelected": "itemSelected"; "onLaunch": "launch"; }, ["optionTemplate", "triggerTemplate"], never, false, never>;
 }

package/lib/select/directives/vd-select-option.directive.d.ts

@@ -12,5 +12,5 @@ export declare class VdSelectOptionDirective extends CdkPortal {
      */
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<VdSelectOptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdSelectOptionDirective, "[vd-select-option]ng-template", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdSelectOptionDirective, "[vd-select-option]ng-template", never, {}, {}, never, never, false, never>;
 }

package/lib/select/directives/vd-select-trigger.directive.d.ts

@@ -12,5 +12,5 @@ export declare class VdSelectTriggerDirective extends CdkPortal {
      */
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<VdSelectTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdSelectTriggerDirective, "[vd-select-trigger]ng-template", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdSelectTriggerDirective, "[vd-select-trigger]ng-template", never, {}, {}, never, never, false, never>;
 }

package/lib/table/components/dynamic-table/dynamic-table.component.d.ts

@@ -264,5 +264,5 @@ export declare class VdDynamicTableComponent implements OnInit, AfterViewChecked
      */
     ngAfterViewChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdDynamicTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicTableComponent, "vd-dynamic-table", never, { "dataSource": "dataSource"; "data": "data"; "classType": "classType"; "context": "context"; "dataSourceFilter": "dataSourceFilter"; "static": "static"; "filterable": "filterable"; "paginable": "paginable"; "selectable": "selectable"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "stickyHeader": "stickyHeader"; "stickyFilter": "stickyFilter"; "rowNgClass": "rowNgClass"; "detailsTemplate": "detailsTemplate"; "readonly": "readonly"; "selectAllFilter": "selectAllFilter"; "columns": "columns"; "rowMenuItems": "rowMenuItems"; "excludedColumns": "excludedColumns"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; }, { "rowClick": "rowClick"; }, ["templateRef"], ["[table-footer]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicTableComponent, "vd-dynamic-table", never, { "dataSource": "dataSource"; "data": "data"; "classType": "classType"; "context": "context"; "dataSourceFilter": "dataSourceFilter"; "static": "static"; "filterable": "filterable"; "paginable": "paginable"; "selectable": "selectable"; "sortActive": "sortActive"; "sortDirection": "sortDirection"; "stickyHeader": "stickyHeader"; "stickyFilter": "stickyFilter"; "rowNgClass": "rowNgClass"; "detailsTemplate": "detailsTemplate"; "readonly": "readonly"; "selectAllFilter": "selectAllFilter"; "columns": "columns"; "rowMenuItems": "rowMenuItems"; "excludedColumns": "excludedColumns"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; }, { "rowClick": "rowClick"; }, ["templateRef"], ["[table-footer]"], false, never>;
 }

package/lib/table/components/filter-clear.component.d.ts

@@ -12,5 +12,5 @@ export declare class FilterClearComponent {
      */
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterClearComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterClearComponent, "mat-header-cell[filter-clear], [mat-header-cell][filter-clear], [filter-clear]", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterClearComponent, "mat-header-cell[filter-clear], [mat-header-cell][filter-clear], [filter-clear]", never, {}, {}, never, never, false, never>;
 }

package/lib/table/components/filter-date.component.d.ts

@@ -24,6 +24,15 @@ export declare class FilterDateComponent implements ControlValueAccessor {
      */
     get value(): any;
     set value(v: any);
+    /**
+     * Whether the control is focused.
+     */
+    focused: boolean;
+    /**
+     * Whether the control is focused.
+     */
+    onFocusIn(): void;
+    onFocusOut(): void;
     /**
      * Constructor
      * @param table
@@ -66,5 +75,5 @@ export declare class FilterDateComponent implements ControlValueAccessor {
      */
     private pad;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "mat-header-cell[filter-date], [mat-header-cell][filter-date], [filter-date]", never, { "field": "field"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "mat-header-cell[filter-date], [mat-header-cell][filter-date], [filter-date]", never, { "field": "field"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never, false, never>;
 }