@messaia/cdk 14.0.0 → 15.0.0-rc02

package/lib/common/styles/utilities/_general.scss

@@ -72,7 +72,7 @@
     box-sizing: border-box;
     padding-left: 24px;
 
-    .mat-cell {
+    .mat-mdc-cell {
         font-style: italic;
         color: #8c8c8c;
     }
@@ -81,7 +81,7 @@
 .loading-progress {
     height: 3px;
 
-    .mat-progress-bar {
+    .mat-mdc-progress-bar {
         height: 3px;
     }
 }
@@ -100,7 +100,7 @@
     .main-toolbar {
         z-index: 2;
 
-        .mat-icon-button {
+        .mat-mdc-icon-button {
             margin-left: 0;
         }
     }
@@ -115,13 +115,14 @@
         max-width: 290px;
         min-width: 290px;
         display: flex;
+        background-color: red;
 
         .mat-drawer-inner-container {
             display: flex;
             flex-direction: column;
         }
 
-        .mat-nav-list {
+        mat-nav-list {
             padding-top: 16px;
 
             a {
@@ -129,7 +130,8 @@
             }
         }
 
-        .mat-list-item-content {
+        /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/
+        .mat-mdc-list-item {
             mat-icon {
                 margin-left: 4px;
                 margin-right: 18px;
@@ -179,11 +181,11 @@
 }
 
 vd-layout-footer-inner {
-    .mat-paginator {
+    .mat-mdc-paginator {
         background-color: transparent;
         min-height: 48px;
 
-        .mat-paginator-page-size {
+        .mat-mdc-paginator-page-size {
             @media (max-width: 599px) {
                 display: none;
             }
@@ -198,7 +200,7 @@ vd-layout-footer-inner {
         .mat-fab-bottom-left {
             bottom: 28px;
 
-            &.mat-mini-fab {
+            &.mat-mdc-mini-fab {
                 bottom: 36px;
                 left: 22px;
             }
@@ -213,33 +215,55 @@ vd-layout-footer-inner {
 mat-form-field {
     min-width: auto !important;
 
-    .mat-form-field-infix {
+    .mat-mdc-form-field-infix {
         width: auto;
+        min-height: 50px;
+        padding-top: 13px !important;
+        padding-bottom: 13px !important;
     }
 
+    .mat-mdc-text-field-wrapper {
+        .mat-mdc-floating-label:not(.mdc-floating-label--float-above) {
+            top: 25px !important;
+        }
+    }
+
+    .mat-mdc-select-arrow-wrapper {
+        height: 20px;
+    }
+
+    //-------------------------------------
     &.mat-form-field-appearance-outline {
 
         &.mat-form-field-disabled,
         &.mat-form-field-readonly {
+
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
             .mat-form-field-label {
                 opacity: 0.7;
             }
 
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
             .mat-form-field-flex:hover {
+
+                /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
                 .mat-form-field-outline {
                     opacity: 1;
                     transition: none;
                 }
 
+                /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
                 .mat-form-field-outline-thick {
                     opacity: 0;
                 }
             }
 
-            .mat-input-element {
+            .mat-mdc-input-element {
                 opacity: 0.6;
             }
 
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
             .mat-input-element,
             .mat-form-field-infix::after {
                 cursor: default;
@@ -247,14 +271,23 @@ mat-form-field {
         }
 
         &.icon-select {
+
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
             .mat-form-field-flex {
                 min-height: 55.56px;
             }
 
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+            /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
             &.mat-form-field-should-float {
+
+                /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
+                /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
                 .mat-form-field-infix {
                     padding: 0.59em 0 0.58em 0;
 
+                    /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
                     .mat-select-arrow-wrapper {
                         transform: translateY(-15%);
                     }
@@ -325,11 +358,11 @@ mat-expansion-panel {
                     background: white;
                 }
 
-                .mat-card {
+                .mat-mdc-card {
                     margin-left: 0;
                     margin-right: 0;
 
-                    .mat-card-title {
+                    .mat-mdc-card-title {
                         font-size: 20px;
                     }
                 }
@@ -355,6 +388,8 @@ mat-expansion-panel {
     font-size: 0.9rem;
 
     .wrap {
+
+        /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
         mat-card-content {
             padding: 8px;
             background: #e0e0e0;
@@ -373,8 +408,8 @@ mat-expansion-panel {
     }
 
     .sub-card {
-        .mat-card {
-            .mat-card-title {
+        .mat-mdc-card {
+            .mat-mdc-card-title {
                 font-size: 20px;
             }
         }
@@ -399,17 +434,19 @@ mat-expansion-panel {
 
 /* #region  MatCard */
 
+/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
+/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
 mat-card {
 
-    .mat-card-actions,
-    .mat-card-content,
-    .mat-card-subtitle,
-    .mat-card-title {
+    .mat-mdc-card-actions,
+    .mat-mdc-card-content,
+    .mat-mdc-card-subtitle,
+    .mat-mdc-card-title {
         display: block;
         margin-bottom: 16px;
     }
 
-    .mat-card-title {
+    .mat-mdc-card-title {
         font-size: 24px;
         font-weight: 400;
     }
@@ -424,13 +461,13 @@ mat-card {
         max-width: 100% !important;
         height: 100%;
 
-        .mat-dialog-container {
+        .mat-mdc-dialog-container {
             max-width: 100vw;
             max-height: 100vh;
             height: 100%;
             width: 100%;
 
-            .mat-dialog-content {
+            .mat-mdc-dialog-content {
                 max-height: 100% !important;
             }
         }
@@ -451,6 +488,16 @@ mat-sidenav {
         display: flex;
         flex-direction: column;
     }
+
+    mat-nav-list {
+        .mat-mdc-list-item {
+            .mat-mdc-list-item-icon {
+                margin-right: 18px;
+                color: #737373;
+                fill: #737373;
+            }
+        }
+    }
 }
 
 /* #endregion */
@@ -467,8 +514,10 @@ mat-sidenav-content {
 
 /* #region  MatDialog */
 
-.mat-dialog-container {
+.mat-mdc-dialog-container {
     .mat-form-field-appearance-outline {
+
+        /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
         .mat-form-field-infix {
             padding: 0.77em 0 0.77em 0;
         }
@@ -480,22 +529,139 @@ mat-sidenav-content {
 /* #region MatPaginator */
 
 mat-paginator {
-    .mat-paginator-container {
-        .mat-form-field-appearance-outline {
-            margin: 4px 0 0 4px;
+    mat-form-field {
+        .mat-mdc-form-field-infix {
+            padding-top: 8px !important;
+            padding-bottom: 8px !important;
+        }
+    }
+}
+
+/* #endregion */
+
+/* #region MatTable */
 
-            .mat-form-field-wrapper {
-                padding-bottom: 0;
+.mat-mdc-table {
+    overflow: auto;
+    width: 100%;
+    border-collapse: separate;
+    table-layout: auto;
+
+    .mat-mdc-header-row,
+    .mat-mdc-row {
+        cursor: default;
+
+        .mat-mdc-cell,
+        .mat-mdc-header-cell {
+            text-overflow: ellipsis;
+            overflow: hidden;
+            padding-left: 0;
+
+            &:first-of-type {
+                padding-left: 16px;
             }
 
-            .mat-form-field-infix {
-                padding: 0.7em 0 0.7em 0;
+            &.right {
+                display: flex;
+                justify-content: flex-end;
+                text-align: right;
             }
 
-            .mat-form-field-flex {
-                padding: 0 .45em 0 .45em;
+            .mat-sort-header-content {
+                text-align: left;
+            }
+        }
+
+        .cdk-column-select,
+        .cdk-column-filter-select {
+            width: 46px;
+            max-width: 46px;
+            padding-left: 4px !important;
+            padding-right: 6px;
+            overflow: initial;
+        }
+
+        .cdk-column-filter-action,
+        .cdk-column-action {
+            width: 46px;
+            max-width: 46px;
+            margin-right: 8px;
+            padding-right: 0;
+
+            .mdc-icon-button {
+                width: 42px;
+                height: 42px;
+                padding: 9px
+            }
+        }
+
+        .cdk-column-id,
+        .cdk-column-filter-id {
+            width: 75px;
+            max-width: 75px;
+            text-align: right;
+            justify-content: flex-end;
+
+            .vd-table-filter {
+                margin-right: 0px;
+            }
+        }
+
+        .cdk-column-filter-date,
+        .cdk-column-filter-createdDate,
+        .cdk-column-filter-updatedDate,
+        .cdk-column-date,
+        .cdk-column-createdDate,
+        .cdk-column-updatedDate {
+            width: 94px;
+            max-width: 94px;
+            justify-content: flex-end;
+            text-align: right;
+        }
+
+        mat-form-field {
+            flex: 1;
+            display: flex;
+            align-items: flex-start;
+            width: 100%;
+
+            .mat-mdc-form-field-infix {
+                min-height: 30px;
+                padding: 4px 4px !important;
+            }
+
+            .mat-mdc-text-field-wrapper {
+                padding: 0 3px;
+            }
+
+            .mat-mdc-form-field-subscript-wrapper {
+                display: none;
             }
         }
+
+        >span:empty:after {
+            content: 'k. A.';
+            opacity: 0.6;
+            font-style: italic;
+            font-size: 0.9em;
+        }
+
+        &.succeeded {
+            border-left: 3px solid rgb(0, 167, 64);
+        }
+
+        &.warn {
+            border-left: 3px solid rgb(253, 165, 0);
+        }
+
+        &.error {
+            border-left: 3px solid rgba(255, 0, 0, 0.637);
+        }
+    }
+
+    .cdk-column-emptyResult {
+        font-style: italic;
+        color: #8c8c8c;
     }
 }
 

package/lib/common/theming/_all-theme.scss

@@ -1,5 +1,9 @@
 @use '@angular/material' as mat;
+@use '@material/theme/theme-color' as mdc-theme-color;
+@use '@material/theme/color-palette' as mdc-color-palette;
 @use "sass:math";
+@use 'sass:color';
+@use 'sass:map';
 
 @import '../styles/common-theme';
 @import '../../layout/layout-theme';

package/lib/dialogs/alert-dialog/alert-dialog.component.d.ts

@@ -16,5 +16,5 @@ export declare class VdAlertDialogComponent {
      */
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdAlertDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdAlertDialogComponent, "vd-alert-dialog", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdAlertDialogComponent, "vd-alert-dialog", never, {}, {}, never, never, false, never>;
 }

package/lib/dialogs/confirm-dialog/confirm-dialog.component.d.ts

@@ -20,5 +20,5 @@ export declare class VdConfirmDialogComponent {
      */
     accept(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdConfirmDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdConfirmDialogComponent, "vd-confirm-dialog", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdConfirmDialogComponent, "vd-confirm-dialog", never, {}, {}, never, never, false, never>;
 }

package/lib/dialogs/dialog.component.d.ts

@@ -3,15 +3,15 @@ import { AfterContentInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class VdDialogTitleDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdDialogTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdDialogTitleDirective, "vd-dialog-title", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdDialogTitleDirective, "vd-dialog-title", never, {}, {}, never, never, false, never>;
 }
 export declare class VdDialogContentDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdDialogContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdDialogContentDirective, "vd-dialog-content", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdDialogContentDirective, "vd-dialog-content", never, {}, {}, never, never, false, never>;
 }
 export declare class VdDialogActionsDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<VdDialogActionsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdDialogActionsDirective, "vd-dialog-actions", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdDialogActionsDirective, "vd-dialog-actions", never, {}, {}, never, never, false, never>;
 }
 export declare class VdDialogComponent implements AfterContentInit {
     dialogTitle: QueryList<VdDialogTitleDirective>;
@@ -19,5 +19,5 @@ export declare class VdDialogComponent implements AfterContentInit {
     dialogActions: QueryList<VdDialogActionsDirective>;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdDialogComponent, "vd-dialog", never, {}, {}, ["dialogTitle", "dialogContent", "dialogActions"], ["vd-dialog-title", "vd-dialog-content", "vd-dialog-actions"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdDialogComponent, "vd-dialog", never, {}, {}, ["dialogTitle", "dialogContent", "dialogActions"], ["vd-dialog-title", "vd-dialog-content", "vd-dialog-actions"], false, never>;
 }

package/lib/dialogs/prompt-dialog/prompt-dialog.component.d.ts

@@ -21,5 +21,5 @@ export declare class VdPromptDialogComponent {
      */
     accept(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdPromptDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdPromptDialogComponent, "vd-prompt-dialog", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdPromptDialogComponent, "vd-prompt-dialog", never, {}, {}, never, never, false, never>;
 }

package/lib/file/file-input.component.d.ts

@@ -187,5 +187,5 @@ export declare class VdFileInputComponent implements MatFormFieldControl<any>, C
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdFileInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdFileInputComponent, "[vd-file-input]", never, { "accept": "accept"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "disabled": "disabled"; "errorState": "errorState"; }, { "onSelect": "select"; "onClear": "clear"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdFileInputComponent, "[vd-file-input]", never, { "accept": "accept"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "disabled": "disabled"; "errorState": "errorState"; }, { "onSelect": "select"; "onClear": "clear"; }, never, never, false, never>;
 }

package/lib/form-validators/directives/base-directive.d.ts

@@ -4,5 +4,5 @@ export declare abstract class BaseDirective {
     applyValidations(controls: any, model?: any): void;
     private setValidatorConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDirective, never, never, { "model": "model"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDirective, never, never, { "model": "model"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/control-host.directive.d.ts

@@ -7,5 +7,5 @@ export declare class ControlHostDirective implements OnDestroy {
     set portal(context: any);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ControlHostDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ControlHostDirective, "[controlHost]", never, { "portal": "controlHost"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ControlHostDirective, "[controlHost]", never, { "portal": "controlHost"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/html-control-template.directive.d.ts

@@ -5,5 +5,5 @@ export declare class HtmlControlTemplateDirective {
     type: string;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<HtmlControlTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HtmlControlTemplateDirective, "[htmlControlTemplate]", never, { "type": "htmlControlTemplate"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HtmlControlTemplateDirective, "[htmlControlTemplate]", never, { "type": "htmlControlTemplate"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/rx-form.directive.d.ts

@@ -14,5 +14,5 @@ export declare class RxwebFormDirective extends BaseDirective implements AfterCo
     private setConditionalValidator;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RxwebFormDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RxwebFormDirective, "[formGroup],[rxwebForm]", never, { "formGroup": "formGroup"; "ngForm": "rxwebForm"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RxwebFormDirective, "[formGroup],[rxwebForm]", never, { "formGroup": "formGroup"; "ngForm": "rxwebForm"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/template-validations/async-validation.directive.d.ts

@@ -17,5 +17,5 @@ export declare class AsyncValidationDirective implements AsyncValidator {
      */
     validate(control: AbstractControl): Promise<ValidationErrors | null> | Observable<ValidationErrors | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AsyncValidationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AsyncValidationDirective, "[ngModel],[formControlName],[formControl]", never, { "async": "async"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AsyncValidationDirective, "[ngModel],[formControlName],[formControl]", never, { "async": "async"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/template-validations/base-validator.directive.d.ts

@@ -13,5 +13,5 @@ export declare class BaseValidator extends ControlExpressionProcess {
     };
     protected setEventName(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseValidator, never, never, { "formControl": "formControl"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseValidator, never, never, { "formControl": "formControl"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/template-validations/control-expression-process.d.ts

@@ -14,5 +14,5 @@ export declare abstract class ControlExpressionProcess {
     };
     setModelConfig(control: AbstractControl): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ControlExpressionProcess, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ControlExpressionProcess, never, never, { "name": "name"; "formControlName": "formControlName"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ControlExpressionProcess, never, never, { "name": "name"; "formControlName": "formControlName"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/template-validations/file-control.directive.d.ts

@@ -25,5 +25,5 @@ export declare class FileControlDirective implements Validator {
         [key: string]: any;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<FileControlDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FileControlDirective, "input[type=file]", never, { "writeFile": "writeFile"; "extension": "extension"; "fileSize": "fileSize"; "file": "file"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FileControlDirective, "input[type=file]", never, { "writeFile": "writeFile"; "extension": "extension"; "fileSize": "fileSize"; "file": "file"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/template-validations/image-file-control.directive.d.ts

@@ -13,5 +13,5 @@ export declare class ImageFileControlDirective implements AsyncValidator {
     setConfig(control: AbstractControl): void;
     validate(control: AbstractControl): Promise<ValidationErrors | null> | Observable<ValidationErrors | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageFileControlDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageFileControlDirective, "input[type=file]", never, { "image": "image"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageFileControlDirective, "input[type=file]", never, { "image": "image"; }, {}, never, never, false, never>;
 }

package/lib/form-validators/directives/template-validations/rxformcontrol.directive.d.ts

@@ -85,5 +85,5 @@ export declare class RxFormControlDirective extends BaseValidator implements OnI
     };
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RxFormControlDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RxFormControlDirective, "[ngModel],[formControlName],[formControl]", never, { "rxalpha": "rxalpha"; "rxalphaNumeric": "rxalphaNumeric"; "rxascii": "rxascii"; "rxcompare": "rxcompare"; "rxcompose": "rxcompose"; "rxcontains": "rxcontains"; "rxcreditCard": "rxcreditCard"; "rxdataUri": "rxdataUri"; "rxdifferent": "rxdifferent"; "rxdigit": "rxdigit"; "rxemail": "rxemail"; "rxendsWith": "rxendsWith"; "rxeven": "rxeven"; "rxextension": "rxextension"; "rxfactor": "rxfactor"; "rxfileSize": "rxfileSize"; "rxgreaterThanEqualTo": "rxgreaterThanEqualTo"; "rxgreaterThan": "rxgreaterThan"; "rxhexColor": "rxhexColor"; "rxjson": "rxjson"; "rxlatitude": "rxlatitude"; "rxlatLong": "rxlatLong"; "rxleapYear": "rxleapYear"; "rxlessThan": "rxlessThan"; "rxlessThanEqualTo": "rxlessThanEqualTo"; "rxlongitude": "rxlongitude"; "rxlowerCase": "rxlowerCase"; "rxmac": "rxmac"; "rxmaxDate": "rxmaxDate"; "rxmaxLength": "rxmaxLength"; "rxmaxNumber": "rxmaxNumber"; "rxminDate": "rxminDate"; "rxminLength": "rxminLength"; "rxminNumber": "rxminNumber"; "rxnumeric": "rxnumeric"; "rxodd": "rxodd"; "rxpassword": "rxpassword"; "rxport": "rxport"; "rxprimeNumber": "rxprimeNumber"; "rxrequired": "rxrequired"; "rxrange": "rxrange"; "rxrule": "rxrule"; "rxstartsWith": "rxstartsWith"; "rxtime": "rxtime"; "rxupperCase": "rxupperCase"; "rxurl": "rxurl"; "rxunique": "rxunique"; "rxnotEmpty": "rxnotEmpty"; "rxcusip": "rxcusip"; "rxgrid": "rxgrid"; "rxdate": "rxdate"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RxFormControlDirective, "[ngModel],[formControlName],[formControl]", never, { "rxalpha": "rxalpha"; "rxalphaNumeric": "rxalphaNumeric"; "rxascii": "rxascii"; "rxcompare": "rxcompare"; "rxcompose": "rxcompose"; "rxcontains": "rxcontains"; "rxcreditCard": "rxcreditCard"; "rxdataUri": "rxdataUri"; "rxdifferent": "rxdifferent"; "rxdigit": "rxdigit"; "rxemail": "rxemail"; "rxendsWith": "rxendsWith"; "rxeven": "rxeven"; "rxextension": "rxextension"; "rxfactor": "rxfactor"; "rxfileSize": "rxfileSize"; "rxgreaterThanEqualTo": "rxgreaterThanEqualTo"; "rxgreaterThan": "rxgreaterThan"; "rxhexColor": "rxhexColor"; "rxjson": "rxjson"; "rxlatitude": "rxlatitude"; "rxlatLong": "rxlatLong"; "rxleapYear": "rxleapYear"; "rxlessThan": "rxlessThan"; "rxlessThanEqualTo": "rxlessThanEqualTo"; "rxlongitude": "rxlongitude"; "rxlowerCase": "rxlowerCase"; "rxmac": "rxmac"; "rxmaxDate": "rxmaxDate"; "rxmaxLength": "rxmaxLength"; "rxmaxNumber": "rxmaxNumber"; "rxminDate": "rxminDate"; "rxminLength": "rxminLength"; "rxminNumber": "rxminNumber"; "rxnumeric": "rxnumeric"; "rxodd": "rxodd"; "rxpassword": "rxpassword"; "rxport": "rxport"; "rxprimeNumber": "rxprimeNumber"; "rxrequired": "rxrequired"; "rxrange": "rxrange"; "rxrule": "rxrule"; "rxstartsWith": "rxstartsWith"; "rxtime": "rxtime"; "rxupperCase": "rxupperCase"; "rxurl": "rxurl"; "rxunique": "rxunique"; "rxnotEmpty": "rxnotEmpty"; "rxcusip": "rxcusip"; "rxgrid": "rxgrid"; "rxdate": "rxdate"; }, {}, never, never, false, never>;
 }

package/lib/forms/components/generic-form/generic-form.component.d.ts

@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
 export declare class VdEditorDirective extends CdkPortal {
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<VdEditorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdEditorDirective, "[vd-editor]ng-template", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdEditorDirective, "[vd-editor]ng-template", never, {}, {}, never, never, false, never>;
 }
 /**
  * VdCodeDirective class
@@ -22,7 +22,7 @@ export declare class VdEditorDirective extends CdkPortal {
 export declare class VdCodeDirective extends CdkPortal {
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<VdCodeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdCodeDirective, "[vd-code]ng-template", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdCodeDirective, "[vd-code]ng-template", never, {}, {}, never, never, false, never>;
 }
 /**
  * VdFileDirective class
@@ -30,7 +30,7 @@ export declare class VdCodeDirective extends CdkPortal {
 export declare class VdFileDirective extends CdkPortal {
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<VdFileDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdFileDirective, "[vd-file]ng-template", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdFileDirective, "[vd-file]ng-template", never, {}, {}, never, never, false, never>;
 }
 /**
  * VdCustomDirective class
@@ -38,7 +38,7 @@ export declare class VdFileDirective extends CdkPortal {
 export declare class VdCustomDirective extends CdkPortal {
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<VdCustomDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VdCustomDirective, "[vd-custom]ng-template", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdCustomDirective, "[vd-custom]ng-template", never, {}, {}, never, never, false, never>;
 }
 export declare class VdGenericFormComponent implements OnInit {
     /**
@@ -161,5 +161,5 @@ export declare class VdGenericFormComponent implements OnInit {
      */
     protected buildFields(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdGenericFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdGenericFormComponent, "vd-generic-form", never, { "formGroup": "formGroup"; "classType": "classType"; "formDefinition": "formDefinition"; "fieldGroups": "fieldGroups"; "groupName": "groupName"; "fieldSets": "fieldSets"; "context": "context"; "debugValue": "debugValue"; "readonly": "readonly"; "separatorKeysCodes": "separatorKeysCodes"; }, {}, ["editorTemplate", "codeTemplate", "fileTemplate", "customTemplate", "bottom", "customFields"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdGenericFormComponent, "vd-generic-form", never, { "formGroup": "formGroup"; "classType": "classType"; "formDefinition": "formDefinition"; "fieldGroups": "fieldGroups"; "groupName": "groupName"; "fieldSets": "fieldSets"; "context": "context"; "debugValue": "debugValue"; "readonly": "readonly"; "separatorKeysCodes": "separatorKeysCodes"; }, {}, ["editorTemplate", "codeTemplate", "fileTemplate", "customTemplate", "bottom", "customFields"], never, false, never>;
 }

package/lib/forms/directives/mat-form-field-editor.directive.d.ts

@@ -80,6 +80,6 @@ export declare class MatFormFieldEditorDirective extends _AbstractMatFormFieldBa
     setDescribedByIds(ids: string[]): void;
     onContainerClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatFormFieldEditorDirective, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { self: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormFieldEditorDirective, "[tinyMatFormControl]", never, { "disabled": "disabled"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "value": "value"; "errorStateMatcher": "errorStateMatcher"; }, { "editorChange": "editorChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormFieldEditorDirective, "[tinyMatFormControl]", never, { "disabled": "disabled"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "value": "value"; "errorStateMatcher": "errorStateMatcher"; }, { "editorChange": "editorChange"; }, never, never, false, never>;
 }
 export {};

package/lib/forms/directives/mat-form-field-readonly.directive.d.ts

@@ -12,5 +12,5 @@ export declare class MatFormFieldReadonlyDirective {
      */
     isReadonlyInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatFormFieldReadonlyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormFieldReadonlyDirective, "mat-form-field", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormFieldReadonlyDirective, "mat-form-field", never, {}, {}, never, never, false, never>;
 }