@messaia/cdk 13.3.10 → 13.4.0-legacy

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

@@ -1,228 +1,65 @@
 @mixin vd-general-utilities() {
     body {
-
         // Angular 4 added tabindex to everything, this style removes the outline:
         [tabindex]:focus {
             outline: none;
         }
-
         .radius-none {
             border-radius: 0;
         }
-
         .overflow-hidden {
             overflow: hidden;
         }
-
         .overflow-auto {
             overflow: auto;
         }
-
         .overflow-visible {
             overflow: visible;
         }
-
         .block {
             display: block;
         }
-
         .inline-block {
             display: inline-block;
         }
-
         .relative {
             position: relative;
         }
-
         .fixed {
             position: fixed;
         }
-
         .height-auto {
             min-height: 0;
         }
-
         .z-3 {
             z-index: 3;
         }
-
         .z-2 {
             z-index: 2;
         }
-
         .z-1 {
             z-index: 1;
         }
-
         .focus-weight:focus {
             outline: 0;
             font-weight: 700;
         }
-
         .cursor-pointer:hover {
             cursor: pointer;
         }
     }
 }
 
-.table-empty {
-    min-height: 48px;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    padding-left: 24px;
-
-    .mat-cell {
-        font-style: italic;
-        color: #8c8c8c;
-    }
-}
-
-.loading-progress {
-    height: 3px;
-
-    .mat-progress-bar {
-        height: 3px;
-    }
-}
-
-/* #region Layout & Commons */
-
-.main-container {
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-
-    .main-toolbar {
-        z-index: 2;
-
-        .mat-icon-button {
-            margin-left: 0;
-        }
-    }
-
-    .main-sidenav.mat-drawer-side,
-    .mat-drawer-container {
-        background-color: #e8e8e8;
-        border-right: none;
-    }
-
-    .main-sidenav {
-        max-width: 290px;
-        min-width: 290px;
-        display: flex;
-
-        .mat-drawer-inner-container {
-            display: flex;
-            flex-direction: column;
-        }
-
-        .mat-nav-list {
-            padding-top: 16px;
-
-            a {
-                font-size: 14px;
-            }
-        }
-
-        .mat-list-item-content {
-            mat-icon {
-                margin-left: 4px;
-                margin-right: 18px;
-                color: #737373;
-                fill: #737373;
-            }
-        }
-
-        .main-footer {
-            font-size: 13px;
-            margin: 12px 15px 12px 24px;
-            color: #909090;
-        }
-    }
-
-    .app-name {
-        margin-left: 8px;
-    }
-
-    .sidenav-container {
-        flex: 1;
-    }
-
-    .content-center {
-        margin: 0 auto;
-    }
-
-    &.mobile {
-        .main-toolbar {
-            position: fixed;
-            z-index: 2;
-        }
-
-        .sidenav-container {
-            flex: 1 0 auto;
-        }
-    }
-}
-
-.panel-wrap {
-    padding: 8px;
-    background: #e0e0e0;
-
-    .mat-expansion-panel-spacing {
-        margin: 8px 0;
-    }
-}
-
-vd-layout-footer-inner {
-    .mat-paginator {
-        background-color: transparent;
-        min-height: 48px;
-
-        .mat-paginator-page-size {
-            @media (max-width: 599px) {
-                display: none;
-            }
-        }
-    }
-
-    &.pagination {
-        &.vd-layout-footer {
-            padding: 0;
-        }
-
-        .mat-fab-bottom-left {
-            bottom: 28px;
-
-            &.mat-mini-fab {
-                bottom: 36px;
-                left: 22px;
-            }
-        }
-    }
-}
-
-/* #endregion */
-
-/* #region MatFormField  */
-
 mat-form-field {
-    min-width: auto !important;
-
-    .mat-form-field-infix {
-        width: auto;
-    }
-
     &.mat-form-field-appearance-outline {
-
         &.mat-form-field-disabled,
         &.mat-form-field-readonly {
+            .mat-form-field-outline {
+                color: rgba(0, 0, 0, 0.1);
+            }
+
             .mat-form-field-label {
-                opacity: 0.7;
+                color: rgba(0, 0, 0, 0.38);
             }
 
             .mat-form-field-flex:hover {
@@ -237,266 +74,8 @@ mat-form-field {
             }
 
             .mat-input-element {
-                opacity: 0.6;
-            }
-
-            .mat-input-element,
-            .mat-form-field-infix::after {
-                cursor: default;
-            }
-        }
-
-        &.icon-select {
-            .mat-form-field-flex {
-                min-height: 55.56px;
-            }
-
-            &.mat-form-field-should-float {
-                .mat-form-field-infix {
-                    padding: 0.59em 0 0.58em 0;
-
-                    .mat-select-arrow-wrapper {
-                        transform: translateY(-15%);
-                    }
-                }
-            }
-        }
-    }
-}
-
-/* #endregion */
-
-/* #region  MatToolbar */
-
-mat-toolbar {
-    &[dense] {
-        height: 52px;
-    }
-
-    [mat-icon-button] {
-        &.vd-layout-menu-button {
-            margin-right: 0px;
-        }
-    }
-}
-
-/* #endregion */
-
-/* #region  MatExpansionPanel */
-
-mat-expansion-panel {
-    .mat-expansion-panel-header {
-        padding: 0 16px;
-
-        &.new-panel {
-            background-color: #fff1d9;
-        }
-
-        .mat-expansion-panel-header-title {
-            align-items: center;
-        }
-    }
-
-    @media (max-width: 599px) {
-        .mat-expansion-panel-body {
-            padding: 0 8px 8px;
-        }
-    }
-
-    .mat-expansion-panel-body {
-        padding: 0 8px 16px;
-    }
-
-    .mat-action-row {
-        padding: 8px 8px 8px 8px;
-
-        &.pagination {
-            padding: 0;
-        }
-    }
-
-    &.wrap {
-        >.mat-expansion-panel-content {
-            >.mat-expansion-panel-body {
-                background: #e0e0e0;
-                padding: 10px;
-
-                .panel-content {
-                    background: white;
-                }
-
-                .mat-card {
-                    margin-left: 0;
-                    margin-right: 0;
-
-                    .mat-card-title {
-                        font-size: 20px;
-                    }
-                }
+                color: rgba(0, 0, 0, 0.64);
             }
         }
     }
-
-    &.flat,
-    &.no-margin {
-        >.mat-expansion-panel-content {
-            >.mat-expansion-panel-body {
-                padding: 0;
-            }
-        }
-    }
-}
-
-/* #endregion */
-
-/* #region  MatStep */
-
-.mat-step {
-    font-size: 0.9rem;
-
-    .wrap {
-        mat-card-content {
-            padding: 8px;
-            background: #e0e0e0;
-        }
-    }
-
-    .mat-step-label {
-        display: flex;
-        width: 100%;
-
-        .mat-step-text-label {
-            display: flex;
-            align-items: center;
-            width: 100%;
-        }
-    }
-
-    .sub-card {
-        .mat-card {
-            .mat-card-title {
-                font-size: 20px;
-            }
-        }
-    }
-
-    @media (max-width: 599px) {
-        .mat-vertical-stepper-header {
-            padding: 24px 8px;
-        }
-
-        .mat-vertical-content-container {
-            margin-left: 20px;
-        }
-
-        .mat-vertical-content {
-            padding: 0 8px 8px 8px;
-        }
-    }
-}
-
-/* #endregion */
-
-/* #region  MatCard */
-
-mat-card {
-
-    .mat-card-actions,
-    .mat-card-content,
-    .mat-card-subtitle,
-    .mat-card-title {
-        display: block;
-        margin-bottom: 16px;
-    }
-
-    .mat-card-title {
-        font-size: 24px;
-        font-weight: 400;
-    }
-}
-
-/* #endregion */
-
-/* #region  MatDialog */
-
-.dialog-full-screen {
-    @media (max-width: 599px) {
-        max-width: 100% !important;
-        height: 100%;
-
-        .mat-dialog-container {
-            max-width: 100vw;
-            max-height: 100vh;
-            height: 100%;
-            width: 100%;
-
-            .mat-dialog-content {
-                max-height: 100% !important;
-            }
-        }
-    }
-}
-
-/* #endregion */
-
-/* #region  MatSidenav */
-
-mat-sidenav {
-    .mat-toolbar {
-        padding-right: 0;
-        font-size: 1.1em;
-    }
-
-    .mat-drawer-inner-container {
-        display: flex;
-        flex-direction: column;
-    }
-}
-
-/* #endregion */
-
-/* #region  MatSidenavContent */
-
-mat-sidenav-content {
-    .mat-toolbar {
-        font-size: 1.1em;
-    }
-}
-
-/* #endregion */
-
-/* #region  MatDialog */
-
-.mat-dialog-container {
-    .mat-form-field-appearance-outline {
-        .mat-form-field-infix {
-            padding: 0.77em 0 0.77em 0;
-        }
-    }
-}
-
-/* #endregion */
-
-/* #region MatPaginator */
-
-mat-paginator {
-    .mat-paginator-container {
-        .mat-form-field-appearance-outline {
-            margin: 4px 0 0 4px;
-
-            .mat-form-field-wrapper {
-                padding-bottom: 0;
-            }
-
-            .mat-form-field-infix {
-                padding: 0.7em 0 0.7em 0;
-            }
-
-            .mat-form-field-flex {
-                padding: 0 .45em 0 .45em;
-            }
-        }
-    }
-}
-
-/* #endregion */
+}

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

@@ -5,7 +5,7 @@ import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { FormFieldType } from '../../enums/form-field-type';
 import { FormFieldDefinition } from '../../models/form-field-definition';
-import { FormFieldGroupDefinition } from '../../models/form-field-group-definition';
+import { FormFieldGroup } from '../../models/form-field-group';
 import * as i0 from "@angular/core";
 /**
  * VdEditorDirective class
@@ -44,14 +44,10 @@ export declare class VdGenericFormComponent implements OnInit {
      * form: FormGroup
      */
     formGroup: FormGroup;
-    /**
-     * classType: any
-     */
-    classType: any;
     /**
      * fieldGroups: FormFieldGroup[]
      */
-    fieldGroups: FormFieldGroupDefinition[];
+    fieldGroups: FormFieldGroup[];
     /**
      * Group name
      */
@@ -131,12 +127,6 @@ export declare class VdGenericFormComponent implements OnInit {
      * @param value
      */
     private _addChip;
-    /**
-     * Check if the specified object is a function
-     * @param obj
-     * @returns
-     */
-    isFunction(obj: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<VdGenericFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdGenericFormComponent, "vd-generic-form", never, { "formGroup": "formGroup"; "classType": "classType"; "fieldGroups": "fieldGroups"; "groupName": "groupName"; "context": "context"; "separatorKeysCodes": "separatorKeysCodes"; }, {}, ["editorTemplate", "codeTemplate", "fileTemplate", "customTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdGenericFormComponent, "vd-generic-form", never, { "formGroup": "formGroup"; "fieldGroups": "fieldGroups"; "groupName": "groupName"; "context": "context"; "separatorKeysCodes": "separatorKeysCodes"; }, {}, ["editorTemplate", "codeTemplate", "fileTemplate", "customTemplate"], never>;
 }

package/lib/forms/constants/constants.d.ts

@@ -1,2 +1 @@
-export declare const formFieldsMetadataKey = "custom::vdFormFields";
-export declare const formFieldGroupsMetadataKey = "custom:vdFormFieldGroups";
+export declare const formFieldGroupMetadataKey: unique symbol;

package/lib/forms/forms.module.d.ts

@@ -23,14 +23,14 @@ import * as i18 from "@angular/material/slide-toggle";
 import * as i19 from "@angular/material/core";
 import * as i20 from "@angular/material/autocomplete";
 import * as i21 from "@angular/material/chips";
-export { formFieldGroupsMetadataKey, formFieldsMetadataKey } from './constants/constants';
+export { formFieldGroupMetadataKey } from './constants/constants';
 export { FormFieldType } from './enums/form-field-type';
-export { FormField, FormFieldGroup } from './functions/decorators';
+export { FormField, FormGroup } from './functions/decorators';
 export { getFormGroups } from './functions/functions';
 export { AbstractMatFormField } from './helpers/abstract-mat-form-field';
 export { ValueAccessorBase } from './helpers/value-accessor-base';
 export { FormFieldDefinition } from './models/form-field-definition';
-export { FormFieldGroupDefinition } from './models/form-field-group-definition';
+export { FormFieldGroup } from './models/form-field-group';
 export { EqualValidator } from './validators/equal-validator.directive';
 export { NativeElementInjectorDirective, UniqueValidatorDirective, MatFormFieldEditorDirective };
 export declare class VdFormsModule {

package/lib/forms/functions/decorators.d.ts

@@ -1,15 +1,20 @@
 import { Type } from "@angular/core";
 import { FormFieldDefinition } from "../models/form-field-definition";
-import { FormFieldGroupDefinition } from "../models/form-field-group-definition";
 /**
  * Property decorator to create form fields
  * @param args
  * @returns
  */
-export declare function FormField<T = any>(args: Partial<FormFieldDefinition<T>>): Function;
+export declare function FormFieldOld(args: Partial<FormFieldDefinition>): Function;
 /**
  * Property decorator to create form fields
  * @param args
  * @returns
  */
-export declare function FormFieldGroup<T = any>(type: Type<T>, args?: Partial<FormFieldGroupDefinition<T>>): Function;
+export declare function FormField(args: Partial<FormFieldDefinition>): Function;
+/**
+ * Property decorator to create form fields
+ * @param args
+ * @returns
+ */
+export declare function FormGroup<T>(type: Type<T>, header: string, name?: string): Function;

package/lib/forms/functions/functions.d.ts

@@ -1,14 +1,14 @@
-import { FormFieldGroupDefinition } from "../models/form-field-group-definition";
+import { FormFieldGroup } from "../models/form-field-group";
 /**
  * Gets poperties decoarated with @FormField grouped by row
  * @param origin
  * @returns
  * @deprecated
  */
-export declare function getFormGroupsOld(origin: object): FormFieldGroupDefinition[];
+export declare function getFormGroupsOld(origin: object): FormFieldGroup[];
 /**
  * Gets poperties decoarated with @FormField grouped by row
  * @param origin
  * @returns
  */
-export declare function getFormGroups(origin: object): FormFieldGroupDefinition[];
+export declare function getFormGroups(origin: object): FormFieldGroup[];

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

@@ -1,33 +1,24 @@
 import { FocusMonitor } from "@angular/cdk/a11y";
-import { ChangeDetectorRef, DoCheck, ElementRef, OnDestroy } from "@angular/core";
+import { 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";
-import { Subject } from "rxjs";
 import * as i0 from "@angular/core";
-declare const _AbstractMatFormFieldBase: import("@angular/material/core")._Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core")._AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & {
-    new (_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl): {
-        /**
-         * Emits whenever the component state changes and should cause the parent
-         * form-field to update. Implemented as part of `MatFormFieldControl`.
-         * @docs-private
-         */
-        readonly stateChanges: Subject<void>;
-        _defaultErrorStateMatcher: ErrorStateMatcher;
-        _parentForm: NgForm;
-        _parentFormGroup: FormGroupDirective;
-        /**
-         * Form control bound to the component.
-         * Implemented as part of `MatFormFieldControl`.
-         * @docs-private
-         */
-        ngControl: NgControl;
-    };
-};
+/**
+ * _AbstractMatFormField class
+ */
+declare class _AbstractMatFormField {
+    _defaultErrorStateMatcher: ErrorStateMatcher;
+    _parentForm: NgForm;
+    _parentFormGroup: FormGroupDirective;
+    ngControl: NgControl;
+    constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
+}
+declare const AbstractMatFormField_base: import("@angular/material/core")._Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core")._AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & typeof _AbstractMatFormField;
 /**
  * AbstractMatFormField class
  */
-export declare abstract class AbstractMatFormField<T> extends _AbstractMatFormFieldBase implements DoCheck, OnDestroy, ControlValueAccessor, MatFormFieldControl<T> {
+export declare abstract class AbstractMatFormField<T> extends AbstractMatFormField_base implements DoCheck, OnDestroy, ControlValueAccessor, MatFormFieldControl<T> {
     readonly controlType: string;
     readonly ngControl: NgControl;
     readonly _parentForm: NgForm;
@@ -35,7 +26,6 @@ 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.
      */
@@ -126,7 +116,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, changeDetectorRef: ChangeDetectorRef);
+    constructor(controlType: string, ngControl: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _defaultErrorStateMatcher: ErrorStateMatcher, _focusMonitor: FocusMonitor, _elementRef: ElementRef);
     /**
      * Registers a function called when the control value changes.
      */
@@ -151,10 +141,6 @@ 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.
      */