@sumaris-net/ngx-components 2.6.26 → 2.7.0-rc2

package/src/app/shared/material/autocomplete/material.autocomplete.d.ts

@@ -3,8 +3,8 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@a
 import { BehaviorSubject, Observable } from 'rxjs';
 import { SuggestFn } from '../../services/entity-service.class';
 import { InputElement } from '../../inputs';
-import { DisplayFn, EqualsFn } from '../../form/field.model';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { DisplayFn, EqualsFn, AppFloatLabelType } from '../../form/field.model';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatSelect } from '@angular/material/select';
 import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { IonSearchbar, ModalController } from '@ionic/angular';
@@ -14,7 +14,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     protected cd: ChangeDetectorRef;
     protected modalController: ModalController;
     protected renderer: Renderer2;
-    protected document: Document;
     private viewRef;
     private formGroupDir;
     private _onChangeCallback;
@@ -27,6 +26,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     private _$filter;
     private _itemCount;
     private _reload$;
+    private _document;
     protected _readonly: boolean;
     protected _tabindex: number;
     protected _$inputItems: BehaviorSubject<any[]>;
@@ -38,7 +38,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     logPrefix: string;
     formControl: UntypedFormControl;
     formControlName: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     placeholder: string;
     suggestFn: SuggestFn<any, any>;
@@ -79,7 +79,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     matInputText: ElementRef;
     autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
-    constructor(cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, document: Document, viewRef: ViewRef, formGroupDir: FormGroupDirective);
+    constructor(cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, viewRef: ViewRef, formGroupDir: FormGroupDirective);
     get itemCount(): number;
     get canFetchMore(): boolean;
     set filter(value: any);
@@ -108,7 +108,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     filterInputTextFocusEvent(event: FocusEvent): boolean;
-    protected filterInputTextBlurEvent(event: FocusEvent): boolean;
+    protected filterInputTextBlurEvent(event: FocusEvent): void;
     protected ionSearchBarChanged(event: Event): void;
     filterMatSelectFocusEvent(event: FocusEvent): void;
     filterMatSelectBlurEvent(event: FocusEvent): boolean;
@@ -135,6 +135,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      * @private
      */
     private _fixSearchbarOverlay;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": "equals"; "logPrefix": "logPrefix"; "formControl": "formControl"; "formControlName": "formControlName"; "floatLabel": "floatLabel"; "appearance": "appearance"; "placeholder": "placeholder"; "suggestFn": "suggestFn"; "required": "required"; "mobile": "mobile"; "clearable": "clearable"; "debounceTime": "debounceTime"; "displayWith": "displayWith"; "displayAttributes": "displayAttributes"; "displayColumnSizes": "displayColumnSizes"; "displayColumnNames": "displayColumnNames"; "highlightAccent": "highlightAccent"; "showAllOnFocus": "showAllOnFocus"; "showPanelOnFocus": "showPanelOnFocus"; "autofocus": "autofocus"; "config": "config"; "i18nPrefix": "i18nPrefix"; "noResultMessage": "noResultMessage"; "classList": "class"; "panelWidth": "panelWidth"; "matAutocompletePosition": "matAutocompletePosition"; "multiple": "multiple"; "fetchMoreThreshold": "fetchMoreThreshold"; "suggestLengthThreshold": "suggestLengthThreshold"; "showLoadingSpinner": "showLoadingSpinner"; "debug": "debug"; "showSearchBar": "showSearchBar"; "stickySearchBar": "stickySearchBar"; "applyImplicitValue": "applyImplicitValue"; "filter": "filter"; "readonly": "readonly"; "tabindex": "tabindex"; "items": "items"; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/material/autocomplete/material.autocomplete.module.d.ts

@@ -6,16 +6,17 @@ import * as i4 from "@angular/cdk/scrolling";
 import * as i5 from "@angular/forms";
 import * as i6 from "../../pipes/pipes.module";
 import * as i7 from "../../directives/directives.module";
-import * as i8 from "@angular/material/core";
-import * as i9 from "@angular/material/autocomplete";
-import * as i10 from "@angular/material/form-field";
-import * as i11 from "@angular/material/input";
-import * as i12 from "@angular/material/icon";
-import * as i13 from "@angular/material/button";
-import * as i14 from "@angular/material/select";
-import * as i15 from "@ngx-translate/core";
+import * as i8 from "../../rx-state.module";
+import * as i9 from "@angular/material/core";
+import * as i10 from "@angular/material/autocomplete";
+import * as i11 from "@angular/material/form-field";
+import * as i12 from "@angular/material/input";
+import * as i13 from "@angular/material/icon";
+import * as i14 from "@angular/material/button";
+import * as i15 from "@angular/material/select";
+import * as i16 from "@ngx-translate/core";
 export declare class SharedMatAutocompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatAutocompleteModule, [typeof i1.MatAutocompleteField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ScrollingModule, typeof i5.ReactiveFormsModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.MatCommonModule, typeof i9.MatAutocompleteModule, typeof i10.MatFormFieldModule, typeof i11.MatInputModule, typeof i12.MatIconModule, typeof i13.MatButtonModule, typeof i14.MatSelectModule, typeof i15.TranslateModule], [typeof i9.MatAutocompleteModule, typeof i1.MatAutocompleteField]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatAutocompleteModule, [typeof i1.MatAutocompleteField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ScrollingModule, typeof i5.ReactiveFormsModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.RxStateModule, typeof i9.MatCommonModule, typeof i10.MatAutocompleteModule, typeof i11.MatFormFieldModule, typeof i12.MatInputModule, typeof i13.MatIconModule, typeof i14.MatButtonModule, typeof i15.MatSelectModule, typeof i16.TranslateModule], [typeof i10.MatAutocompleteModule, typeof i1.MatAutocompleteField]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatAutocompleteModule>;
 }

package/src/app/shared/material/autocomplete/testing/autocomplete.test.d.ts

@@ -40,6 +40,6 @@ export declare class AutocompleteTestPage implements OnInit, AfterViewInit {
     updateFilter(autocompleteField: MatAutocompleteField, fieldName: string): void;
     stringify(value: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTestPage, "app-autocomplete-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTestPage, "app-autocomplete-test", never, {}, {}, never, never, false, never>;
 }
 export {};

package/src/app/shared/material/badge/badge.directive.d.ts

@@ -33,5 +33,5 @@ export declare class BadgeDirective extends MatBadge implements AfterViewInit, O
     ngOnDestroy(): void;
     private updateView;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, [null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[appBadge], [appBadgeIcon], [appBadgeMatIcon]", never, { "content": "appBadge"; "disabled": "appBadgeDisabled"; "color": "appBadgeColor"; "size": "appBadgeSize"; "fill": "appBadgeFill"; "hidden": "appBadgeHidden"; "overlap": "appBadgeOverlap"; "position": "appBadgePosition"; "appBadgeColor": "appBadgeColor"; "appBadgeFill": "appBadgeFill"; "appBadgeMatIcon": "appBadgeMatIcon"; "appBadgeIcon": "appBadgeIcon"; "appBadgeHidden": "appBadgeHidden"; "appBadgeOverlap": "appBadgeOverlap"; "appBadgePosition": "appBadgePosition"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[appBadge], [appBadgeIcon], [appBadgeMatIcon]", never, { "content": { "alias": "appBadge"; "required": false; }; "disabled": { "alias": "appBadgeDisabled"; "required": false; }; "color": { "alias": "appBadgeColor"; "required": false; }; "size": { "alias": "appBadgeSize"; "required": false; }; "fill": { "alias": "appBadgeFill"; "required": false; }; "hidden": { "alias": "appBadgeHidden"; "required": false; }; "overlap": { "alias": "appBadgeOverlap"; "required": false; }; "position": { "alias": "appBadgePosition"; "required": false; }; "appBadgeColor": { "alias": "appBadgeColor"; "required": false; }; "appBadgeFill": { "alias": "appBadgeFill"; "required": false; }; "appBadgeMatIcon": { "alias": "appBadgeMatIcon"; "required": false; }; "appBadgeIcon": { "alias": "appBadgeIcon"; "required": false; }; "appBadgeHidden": { "alias": "appBadgeHidden"; "required": false; }; "appBadgeOverlap": { "alias": "appBadgeOverlap"; "required": false; }; "appBadgePosition": { "alias": "appBadgePosition"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/app/shared/material/badge/badge.test.d.ts

@@ -17,5 +17,5 @@ export declare class MatBadgeTestPage {
     onInputChanged(event: any): void;
     onMatBadgeContentChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatBadgeTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatBadgeTestPage, "mat-badge-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatBadgeTestPage, "mat-badge-test", never, {}, {}, never, never, false, never>;
 }

package/src/app/shared/material/boolean/boolean.module.d.ts

@@ -1,19 +1,20 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./material.boolean";
-import * as i2 from "@angular/common";
-import * as i3 from "@ionic/angular";
-import * as i4 from "@angular/forms";
-import * as i5 from "../../pipes/pipes.module";
-import * as i6 from "@angular/material/core";
-import * as i7 from "@angular/material/form-field";
-import * as i8 from "@angular/material/input";
-import * as i9 from "@angular/material/radio";
-import * as i10 from "@angular/material/checkbox";
-import * as i11 from "angular2-text-mask";
+import * as i2 from "./material-boolean2";
+import * as i3 from "@angular/common";
+import * as i4 from "@ionic/angular";
+import * as i5 from "@angular/forms";
+import * as i6 from "../../pipes/pipes.module";
+import * as i7 from "@angular/material/core";
+import * as i8 from "@angular/material/form-field";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/material/radio";
+import * as i11 from "@angular/material/checkbox";
 import * as i12 from "ngx-material-timepicker";
 import * as i13 from "@ngx-translate/core";
+import * as i14 from "../../directives/directives.module";
 export declare class SharedMatBooleanModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatBooleanModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatBooleanModule, [typeof i1.MatBooleanField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.MatCommonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatRadioModule, typeof i10.MatCheckboxModule, typeof i11.TextMaskModule, typeof i12.NgxMaterialTimepickerModule, typeof i13.TranslateModule], [typeof i1.MatBooleanField]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatBooleanModule, [typeof i1.MatBooleanField, typeof i2.MatBooleanField2], [typeof i3.CommonModule, typeof i4.IonicModule, typeof i5.ReactiveFormsModule, typeof i6.SharedPipesModule, typeof i7.MatCommonModule, typeof i8.MatFormFieldModule, typeof i9.MatInputModule, typeof i10.MatRadioModule, typeof i11.MatCheckboxModule, typeof i12.NgxMaterialTimepickerModule, typeof i13.TranslateModule, typeof i14.SharedDirectivesModule], [typeof i1.MatBooleanField, typeof i2.MatBooleanField2]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatBooleanModule>;
 }

package/src/app/shared/material/boolean/material-boolean2.d.ts

@@ -0,0 +1,66 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
+import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
+import { InputElement } from '../../inputs';
+import { AppFloatLabelType } from '../../form/field.model';
+import * as i0 from "@angular/core";
+export declare class MatBooleanField2 implements OnInit, ControlValueAccessor, InputElement {
+    private translate;
+    private formBuilder;
+    private cd;
+    private formGroupDir;
+    yesButton: MatRadioButton;
+    noButton: MatRadioButton;
+    checkboxButton: MatCheckbox;
+    fakeInput: ElementRef;
+    disabled: boolean;
+    formControl: UntypedFormControl;
+    formControlName: string;
+    placeholder: string;
+    floatLabel: AppFloatLabelType;
+    appearance: MatFormFieldAppearance;
+    readonly: boolean;
+    required: boolean;
+    compact: boolean;
+    style: 'radio' | 'checkbox' | 'button';
+    buttonsColCount: number;
+    classList: string;
+    yesLabel: string;
+    noLabel: string;
+    showButtonIcons: boolean;
+    yesIcon: string;
+    noIcon: string;
+    onPressEnter: EventEmitter<any>;
+    onBlur: EventEmitter<FocusEvent>;
+    showRadio: boolean;
+    _value: boolean;
+    _tabindex: number;
+    private _onChangeCallback;
+    private _onTouchedCallback;
+    private _writing;
+    constructor(translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    get tabindex(): number;
+    set tabindex(value: number);
+    get value(): any;
+    set value(v: any);
+    ngOnInit(): void;
+    writeValue(value: any, event?: Event): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onFocusFakeInput(event: FocusEvent): void;
+    focus(): void;
+    onRadioValueChanged(event: MatRadioChange): void;
+    onCheckboxValueChanged(event: MatCheckboxChange): void;
+    private checkIfTouched;
+    /**
+     * This is a special case, because, this component has a temporary component displayed before the first focus event
+     */
+    private updateTabIndex;
+    private markForCheck;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField2, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField2, "mat-boolean2-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onPressEnter": "keyup.enter"; "onBlur": "onBlur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
+}

package/src/app/shared/material/boolean/material.boolean.d.ts

@@ -1,10 +1,11 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
-import { ControlValueAccessor, UntypedFormBuilder, UntypedFormControl, FormGroupDirective } from '@angular/forms';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { InputElement } from '../../inputs';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
+import { AppFloatLabelType } from '../../form/field.model';
 import * as i0 from "@angular/core";
 export declare class MatBooleanField implements OnInit, ControlValueAccessor, InputElement {
     private translate;
@@ -21,7 +22,7 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     readonly: boolean;
     required: boolean;
@@ -62,5 +63,5 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     private updateTabIndex;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-field", never, { "disabled": "disabled"; "formControl": "formControl"; "formControlName": "formControlName"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "readonly": "readonly"; "required": "required"; "compact": "compact"; "style": "style"; "buttonsColCount": "buttonsColCount"; "classList": "class"; "yesLabel": "yesLabel"; "noLabel": "noLabel"; "showButtonIcons": "showButtonIcons"; "yesIcon": "yesIcon"; "noIcon": "noIcon"; "tabindex": "tabindex"; "value": "value"; }, { "onPressEnter": "keyup.enter"; "onBlur": "onBlur"; }, never, ["[matPrefix]", "[matSuffix]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onPressEnter": "keyup.enter"; "onBlur": "onBlur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/material/boolean/testing/boolean.test.page.d.ts

@@ -0,0 +1,21 @@
+import { AfterViewInit, ChangeDetectorRef, Injector, OnInit } from '@angular/core';
+import { AppForm } from '../../../../core/form/form.class';
+import { UntypedFormBuilder } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class BooleanTestPage extends AppForm<any> implements OnInit, AfterViewInit {
+    protected injector: Injector;
+    protected formBuilder: UntypedFormBuilder;
+    protected cd: ChangeDetectorRef;
+    stringify: {
+        (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
+        (value: any, replacer?: (string | number)[], space?: string | number): string;
+    };
+    mode: 'radio' | 'checkbox' | 'button';
+    styles: string[];
+    constructor(injector: Injector, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    toggleMode(value: any): void;
+    protected markForCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanTestPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BooleanTestPage, "app-boolean-test-page", never, {}, {}, never, never, false, never>;
+}

package/src/app/shared/material/chips/material.chips.d.ts

@@ -1,14 +1,13 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, UntypedFormControl, FormGroupDirective } from '@angular/forms';
+import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
-import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { InputElement } from '../../inputs';
 import { SuggestFn } from '../../services/entity-service.class';
-import { DisplayFn, EqualsFn } from '../../form/field.model';
-import { PredefinedColors } from '@ionic/core';
+import { DisplayFn, EqualsFn, AppFloatLabelType } from '../../form/field.model';
 import { ThemePalette } from '@angular/material/core';
 import { MatAutocompleteFieldConfig } from '../autocomplete/material.autocomplete.config';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import * as i0 from "@angular/core";
 export declare class MatChipsField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
     protected cd: ChangeDetectorRef;
@@ -19,7 +18,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     logPrefix: string;
     formControl: UntypedFormControl;
     formControlName: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     placeholder: string;
     suggestFn: SuggestFn<any, any>;
@@ -46,7 +45,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     fetchMoreThreshold: string;
     suggestLengthThreshold: number;
     showLoadingSpinner: boolean;
-    chipColor: ThemePalette | PredefinedColors;
+    chipColor: ThemePalette;
     debug: boolean;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
@@ -108,7 +107,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     filterInputTextFocusEvent(event: FocusEvent): boolean;
-    protected filterInputTextBlurEvent(event: FocusEvent): boolean;
+    protected filterInputTextBlurEvent(event: FocusEvent): void;
     filterChipsFocusEvent(event: FocusEvent): void;
     clearValue(event: Event): void;
     _initAutocompleteInfiniteScroll(threshold?: string): void;
@@ -122,5 +121,5 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     private markForCheck;
     private markAsLoading;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsField, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipsField, "mat-chips-field", never, { "equals": "equals"; "logPrefix": "logPrefix"; "formControl": "formControl"; "formControlName": "formControlName"; "floatLabel": "floatLabel"; "appearance": "appearance"; "placeholder": "placeholder"; "suggestFn": "suggestFn"; "required": "required"; "mobile": "mobile"; "readonly": "readonly"; "clearable": "clearable"; "debounceTime": "debounceTime"; "displayWith": "displayWith"; "displayAttributes": "displayAttributes"; "displayColumnSizes": "displayColumnSizes"; "displayColumnNames": "displayColumnNames"; "highlightAccent": "highlightAccent"; "showAllOnFocus": "showAllOnFocus"; "showPanelOnFocus": "showPanelOnFocus"; "autofocus": "autofocus"; "config": "config"; "i18nPrefix": "i18nPrefix"; "noResultMessage": "noResultMessage"; "classList": "class"; "panelWidth": "panelWidth"; "matAutocompletePosition": "matAutocompletePosition"; "itemSize": "itemSize"; "fetchMoreThreshold": "fetchMoreThreshold"; "suggestLengthThreshold": "suggestLengthThreshold"; "showLoadingSpinner": "showLoadingSpinner"; "chipColor": "chipColor"; "debug": "debug"; "filter": "filter"; "tabindex": "tabindex"; "items": "items"; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipsField, "mat-chips-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/material/chips/testing/chips.test.d.ts

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { LoadResult } from '../../../services/entity-service.class';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatAutocompleteConfigHolder } from '../../autocomplete/material.autocomplete.config';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 declare class EntityTestClass {
     id: number;
@@ -26,6 +26,6 @@ export declare class ChipsTestPage implements OnInit {
     equals(o1: EntityTestClass, o2: EntityTestClass): boolean;
     stringify(value: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsTestPage, "app-chips-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsTestPage, "app-chips-test", never, {}, {}, never, never, false, never>;
 }
 export {};

package/src/app/shared/material/datetime/datetime.module.d.ts

@@ -13,12 +13,12 @@ import * as i11 from "@angular/material/icon";
 import * as i12 from "@angular/material/button";
 import * as i13 from "@angular/material/datepicker";
 import * as i14 from "@angular/material-moment-adapter";
-import * as i15 from "angular2-text-mask";
+import * as i15 from "@maskito/angular";
 import * as i16 from "ngx-material-timepicker";
 import * as i17 from "@ngx-translate/core";
 import * as i18 from "../../directives/directives.module";
 export declare class SharedMatDateTimeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatDateTimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDateTimeModule, [typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort], [typeof i4.CommonModule, typeof i5.IonicModule, typeof i6.ReactiveFormsModule, typeof i7.SharedPipesModule, typeof i8.MatCommonModule, typeof i9.MatFormFieldModule, typeof i10.MatInputModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.MatDatepickerModule, typeof i14.MatMomentDateModule, typeof i15.TextMaskModule, typeof i16.NgxMaterialTimepickerModule, typeof i17.TranslateModule, typeof i18.SharedDirectivesModule], [typeof i11.MatIconModule, typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDateTimeModule, [typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort], [typeof i4.CommonModule, typeof i5.IonicModule, typeof i6.ReactiveFormsModule, typeof i7.SharedPipesModule, typeof i8.MatCommonModule, typeof i9.MatFormFieldModule, typeof i10.MatInputModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.MatDatepickerModule, typeof i14.MatMomentDateModule, typeof i15.MaskitoModule, typeof i16.NgxMaterialTimepickerModule, typeof i17.TranslateModule, typeof i18.SharedDirectivesModule], [typeof i11.MatIconModule, typeof i1.MatDate, typeof i2.MatDateTime, typeof i3.MatDateShort]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatDateTimeModule>;
 }

package/src/app/shared/material/datetime/material.date.d.ts

@@ -3,9 +3,10 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFo
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
+import { AppFloatLabelType } from '../../form/field.model';
 import * as i0 from "@angular/core";
 export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement {
     private dateAdapter;
@@ -23,12 +24,12 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     textControl: UntypedFormControl;
     datePattern: string;
     locale: string;
-    readonly mask: (string | RegExp)[];
+    readonly dateMask: (string | RegExp)[];
     mobile: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     required: boolean;
     compact: boolean;
@@ -70,5 +71,5 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     private markAsDirty;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDate, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDate, "mat-date-field", never, { "mobile": "mobile"; "formControl": "formControl"; "formControlName": "formControlName"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "required": "required"; "compact": "compact"; "placeholderChar": "placeholderChar"; "autofocus": "autofocus"; "startDate": "startDate"; "clearable": "clearable"; "timezone": "timezone"; "datePickerFilter": "datePickerFilter"; "readonly": "readonly"; "tabindex": "tabindex"; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDate, "mat-date-field", never, { "mobile": { "alias": "mobile"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/material/datetime/material.dateshort.d.ts

@@ -1,13 +1,14 @@
-import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
+import { AppFloatLabelType } from '../../form/field.model';
 import * as i0 from "@angular/core";
-export declare class MatDateShort implements OnInit, ControlValueAccessor, InputElement {
+export declare class MatDateShort implements OnInit, ControlValueAccessor, InputElement, AfterViewInit, OnDestroy {
     private dateAdapter;
     private translate;
     private formBuilder;
@@ -23,12 +24,12 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     textControl: UntypedFormControl;
     datePattern: string;
     locale: string;
-    readonly mask: RegExp[];
+    readonly yearMask: RegExp[];
     mobile: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     required: boolean;
     compact: boolean;
@@ -55,7 +56,7 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     setDisabledState(isDisabled: boolean): void;
     openDatePicker(): void;
     focus(): void;
-    clear(): void;
+    clear(event?: Event): void;
     protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
     protected _openDatePickerIfMobile(event: Event): void;
     protected _checkIfTouched(opts?: {
@@ -71,5 +72,5 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     private markAsDirty;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDateShort, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateShort, "mat-date-short-field", never, { "mobile": "mobile"; "formControl": "formControl"; "formControlName": "formControlName"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "required": "required"; "compact": "compact"; "placeholderChar": "placeholderChar"; "autofocus": "autofocus"; "startDate": "startDate"; "clearable": "clearable"; "datePickerFilter": "datePickerFilter"; "readonly": "readonly"; "tabindex": "tabindex"; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateShort, "mat-date-short-field", never, { "mobile": { "alias": "mobile"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/material/datetime/material.datetime.d.ts

@@ -1,11 +1,13 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatError, MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
+import { AppFloatLabelType } from '../../form/field.model';
+import { MaskitoMask } from '@maskito/core/lib/types/mask';
 import * as i0 from "@angular/core";
 declare interface NgxTimePicker {
     selectedHour: {
@@ -23,6 +25,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private formBuilder;
     private cd;
     private formGroupDir;
+    private _defaults?;
     private _onChangeCallback;
     private _onTouchedCallback;
     private _subscription;
@@ -34,13 +37,16 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _formControl;
     private _controlName;
     private _required;
+    protected _subscriptSizing: SubscriptSizing | null;
     dayControl: UntypedFormControl;
     hourControl: UntypedFormControl;
     displayPattern: string;
     dayPattern: string;
     locale: string;
-    readonly dayMask: (string | RegExp)[];
-    readonly hourMask: (string | RegExp)[];
+    readonly dayMask: MaskitoMask;
+    readonly hourMask: MaskitoMask;
+    get subscriptSizing(): SubscriptSizing;
+    set subscriptSizing(value: SubscriptSizing);
     set formControl(value: UntypedFormControl);
     get formControl(): UntypedFormControl;
     set formControlName(value: string);
@@ -48,7 +54,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     set required(value: boolean | any);
     get required(): boolean | any;
     placeholder: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     mobile: boolean;
     compact: boolean;
@@ -66,8 +72,10 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
     matInputs: QueryList<ElementRef>;
-    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    matError: MatError;
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, _defaults?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
+    _getDisplayedMessages(): 'error' | 'hint';
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     writeValue(value: any): void;
@@ -77,7 +85,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     openDatePicker(event?: Event, datePicker?: MatDatepicker<any>): void;
     openTimePicker(event?: Event): void;
     focus(): void;
-    clear(): void;
+    clear(event?: Event): void;
     protected _setFormControlName(controlName: string): void;
     protected _setFormControl(control: UntypedFormControl): void;
     protected _updateControlValidators(control: UntypedFormControl, required: boolean): void;
@@ -94,7 +102,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "formControl": "formControl"; "formControlName": "formControlName"; "required": "required"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "mobile": "mobile"; "compact": "compact"; "placeholderChar": "placeholderChar"; "autofocus": "autofocus"; "startDate": "startDate"; "clearable": "clearable"; "datePickerFilter": "datePickerFilter"; "readonly": "readonly"; "tabindex": "tabindex"; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["matError"], ["mat-error", "mat-hint", "[matPrefix]"], false, never>;
 }
 export {};

package/src/app/shared/material/datetime/testing/mat-date-time.test.d.ts

@@ -2,6 +2,8 @@ import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { Platform } from '@ionic/angular';
 import { Subscription } from 'rxjs';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatCheckboxChange } from '@angular/material/checkbox';
 import * as i0 from "@angular/core";
 export declare class DateTimeTestPage implements OnInit {
     protected platform: Platform;
@@ -13,9 +15,13 @@ export declare class DateTimeTestPage implements OnInit {
     memoryMobile: boolean;
     memoryTimer: Subscription;
     form: UntypedFormGroup;
+    mode: 'mobile' | 'desktop' | 'memory' | 'temp';
+    mobileApparence: MatFormFieldAppearance;
     noTimeProperty: string;
     constructor(platform: Platform, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
+    toggleMode(value: any): void;
+    toggleMobileApparence(event: MatCheckboxChange): void;
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     log(message: string): void;
@@ -27,5 +33,5 @@ export declare class DateTimeTestPage implements OnInit {
         (value: any, replacer?: (string | number)[], space?: string | number): string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeTestPage, "app-data-time-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeTestPage, "app-data-time-test", never, {}, {}, never, never, false, never>;
 }