@sumaris-net/ngx-components 2.6.8 → 3.0.0-rc1

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": "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, 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": "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, 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": "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, 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/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;
@@ -28,7 +29,7 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     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": "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, 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;
@@ -28,7 +29,7 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     required: boolean;
     compact: boolean;
@@ -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": "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, never>;
 }

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

@@ -1,11 +1,12 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance } 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 * as i0 from "@angular/core";
 declare interface NgxTimePicker {
     selectedHour: {
@@ -48,7 +49,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;
@@ -95,6 +96,6 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     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 ɵ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, 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>;
 }

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

@@ -13,8 +13,10 @@ export declare class DateTestPage implements OnInit {
     memoryTimer: Subscription;
     timezone: string;
     form: UntypedFormGroup;
+    mode: 'mobile' | 'desktop' | 'memory' | 'temp';
     constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
+    toggleMode(value: any): void;
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     log(message: string): void;
@@ -26,5 +28,5 @@ export declare class DateTestPage implements OnInit {
         (value: any, replacer?: (string | number)[], space?: string | number): string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTestPage, "app-data-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTestPage, "app-data-test", never, {}, {}, never, never, false, never>;
 }

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

@@ -12,8 +12,10 @@ export declare class DateShortTestPage implements OnInit {
     memoryMobile: boolean;
     memoryTimer: Subscription;
     form: UntypedFormGroup;
+    mode: 'mobile' | 'desktop' | 'memory' | 'temp';
     constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
+    toggleMode(value: any): void;
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     log(message: string): void;
@@ -25,5 +27,5 @@ export declare class DateShortTestPage implements OnInit {
         (value: any, replacer?: (string | number)[], space?: string | number): string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<DateShortTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateShortTestPage, "app-data-short-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateShortTestPage, "app-data-short-test", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,11 +1,12 @@
 import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { Platform } from '@ionic/angular';
 import { DateAdapter } from '@angular/material/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 { Moment } from 'moment';
 import { InputElement } from '../../inputs';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { AppFloatLabelType } from '../../form/field.model';
 import * as i0 from "@angular/core";
 export declare class MatDuration implements OnInit, OnDestroy, ControlValueAccessor, InputElement {
     private dateAdapter;
@@ -26,7 +27,7 @@ export declare class MatDuration implements OnInit, OnDestroy, ControlValueAcces
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     readonly: boolean;
     required: boolean;
@@ -53,5 +54,5 @@ export declare class MatDuration implements OnInit, OnDestroy, ControlValueAcces
     protected updateTabIndex(): void;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDuration, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDuration, "mat-duration-field", never, { "disabled": "disabled"; "formControl": "formControl"; "formControlName": "formControlName"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "readonly": "readonly"; "required": "required"; "compact": "compact"; "maxDecimals": "maxDecimals"; "placeholderChar": "placeholderChar"; "tabindex": "tabindex"; "clearable": "clearable"; }, {}, never, ["[matPrefix]", "mat-error"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDuration, "mat-duration-field", never, { "disabled": "disabled"; "formControl": "formControl"; "formControlName": "formControlName"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "appearance": "appearance"; "readonly": "readonly"; "required": "required"; "compact": "compact"; "maxDecimals": "maxDecimals"; "placeholderChar": "placeholderChar"; "tabindex": "tabindex"; "clearable": "clearable"; }, {}, never, ["[matPrefix]", "mat-error"], false, never>;
 }

package/src/app/shared/material/duration/testing/mat-duration.test.d.ts

@@ -0,0 +1,22 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import 'moment-timezone';
+import * as i0 from "@angular/core";
+export declare class DurationTestPage implements OnInit {
+    protected formBuilder: UntypedFormBuilder;
+    protected cd: ChangeDetectorRef;
+    form: UntypedFormGroup;
+    mode: 'desktop' | 'temp';
+    constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    toggleMode(value: any): void;
+    loadData(): Promise<void>;
+    doSubmit(event: any): void;
+    log(message: string): void;
+    stringify: {
+        (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
+        (value: any, replacer?: (string | number)[], space?: string | number): string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<DurationTestPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DurationTestPage, "app-duration-test", never, {}, {}, never, never, false, never>;
+}

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

@@ -1,8 +1,9 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { LatLongFormatFn, LatLongFormatOptions, LatLongPattern } from './latlong.utils';
 import { TextMaskConfig } from 'angular2-text-mask';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { AppFloatLabelType } from '../../form/field.model';
 import * as i0 from "@angular/core";
 export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueAccessor {
     private formBuilder;
@@ -28,7 +29,7 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     type: 'latitude' | 'longitude';
     pattern: LatLongPattern;
     required: boolean;
-    floatLabel: FloatLabelType;
+    floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
     placeholder: string;
     tabindex: number;
@@ -62,5 +63,5 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     private checkIfTouched;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatLatLongField, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField, "mat-latlong-field", never, { "formControl": "formControl"; "formControlName": "formControlName"; "type": "type"; "pattern": "latLongPattern"; "required": "required"; "floatLabel": "floatLabel"; "appearance": "appearance"; "placeholder": "placeholder"; "tabindex": "tabindex"; "defaultSign": "defaultSign"; "maxDecimals": "maxDecimals"; "placeholderChar": "placeholderChar"; "readonly": "readonly"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField, "mat-latlong-field", never, { "formControl": "formControl"; "formControlName": "formControlName"; "type": "type"; "pattern": "latLongPattern"; "required": "required"; "floatLabel": "floatLabel"; "appearance": "appearance"; "placeholder": "placeholder"; "tabindex": "tabindex"; "defaultSign": "defaultSign"; "maxDecimals": "maxDecimals"; "placeholderChar": "placeholderChar"; "readonly": "readonly"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
 }

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

@@ -17,5 +17,5 @@ export declare class LatLongTestPage implements OnInit {
         (value: any, replacer?: (string | number)[], space?: string | number): string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<LatLongTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LatLongTestPage, "app-latlong-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LatLongTestPage, "app-latlong-test", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,25 +1,29 @@
 import { TestingPage } from '../testing/tests.page';
 import * as i0 from "@angular/core";
-import * as i1 from "./datetime/testing/mat-date-time.test";
-import * as i2 from "./datetime/testing/mat-date.test";
-import * as i3 from "./datetime/testing/mat-dateshort.test";
-import * as i4 from "./autocomplete/testing/autocomplete.test";
-import * as i5 from "./latlong/testing/latlong.test";
-import * as i6 from "./numpad/testing/numpad.test";
-import * as i7 from "./swipe/testing/swipe.test";
-import * as i8 from "./chips/testing/chips.test";
-import * as i9 from "./badge/badge.test";
-import * as i10 from "../testing/observable.test";
-import * as i11 from "@angular/common";
-import * as i12 from "@ionic/angular";
-import * as i13 from "@angular/forms";
-import * as i14 from "./material.module";
-import * as i15 from "@ngx-translate/core";
-import * as i16 from "@angular/router";
-import * as i17 from "../pipes/pipes.module";
+import * as i1 from "./testing/common.test";
+import * as i2 from "./datetime/testing/mat-date-time.test";
+import * as i3 from "./datetime/testing/mat-date.test";
+import * as i4 from "./datetime/testing/mat-dateshort.test";
+import * as i5 from "./duration/testing/mat-duration.test";
+import * as i6 from "./autocomplete/testing/autocomplete.test";
+import * as i7 from "./boolean/testing/boolean.test.page";
+import * as i8 from "./latlong/testing/latlong.test";
+import * as i9 from "./numpad/testing/numpad.test";
+import * as i10 from "./swipe/testing/swipe.test";
+import * as i11 from "./chips/testing/chips.test";
+import * as i12 from "./badge/badge.test";
+import * as i13 from "../testing/observable.test";
+import * as i14 from "@angular/common";
+import * as i15 from "@ionic/angular";
+import * as i16 from "@angular/forms";
+import * as i17 from "./material.module";
+import * as i18 from "@ngx-translate/core";
+import * as i19 from "@angular/router";
+import * as i20 from "../pipes/pipes.module";
+import * as i21 from "./badge/badge.module";
 export declare const SHARED_MATERIAL_TESTING_PAGES: TestingPage[];
 export declare class MaterialTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialTestingModule, [typeof i1.DateTimeTestPage, typeof i2.DateTestPage, typeof i3.DateShortTestPage, typeof i4.AutocompleteTestPage, typeof i5.LatLongTestPage, typeof i6.NumpadTestPage, typeof i7.SwipeTestPage, typeof i8.ChipsTestPage, typeof i9.MatBadgeTestPage, typeof i10.ObservableTestPage], [typeof i11.CommonModule, typeof i12.IonicModule, typeof i13.ReactiveFormsModule, typeof i14.SharedMaterialModule, typeof i15.TranslateModule, typeof i16.RouterModule, typeof i17.SharedPipesModule], [typeof i14.SharedMaterialModule, typeof i16.RouterModule, typeof i1.DateTimeTestPage, typeof i2.DateTestPage, typeof i3.DateShortTestPage, typeof i4.AutocompleteTestPage, typeof i5.LatLongTestPage, typeof i6.NumpadTestPage, typeof i7.SwipeTestPage, typeof i8.ChipsTestPage, typeof i10.ObservableTestPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialTestingModule, [typeof i1.MatCommonTestPage, typeof i2.DateTimeTestPage, typeof i3.DateTestPage, typeof i4.DateShortTestPage, typeof i5.DurationTestPage, typeof i6.AutocompleteTestPage, typeof i7.BooleanTestPage, typeof i8.LatLongTestPage, typeof i9.NumpadTestPage, typeof i10.SwipeTestPage, typeof i11.ChipsTestPage, typeof i12.MatBadgeTestPage, typeof i13.ObservableTestPage], [typeof i14.CommonModule, typeof i15.IonicModule, typeof i16.ReactiveFormsModule, typeof i17.SharedMaterialModule, typeof i18.TranslateModule, typeof i19.RouterModule, typeof i20.SharedPipesModule, typeof i21.SharedBadgeModule, typeof i16.FormsModule], [typeof i17.SharedMaterialModule, typeof i19.RouterModule, typeof i1.MatCommonTestPage, typeof i2.DateTimeTestPage, typeof i3.DateTestPage, typeof i4.DateShortTestPage, typeof i5.DurationTestPage, typeof i6.AutocompleteTestPage, typeof i7.BooleanTestPage, typeof i8.LatLongTestPage, typeof i9.NumpadTestPage, typeof i10.SwipeTestPage, typeof i11.ChipsTestPage, typeof i12.MatBadgeTestPage, typeof i13.ObservableTestPage]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MaterialTestingModule>;
 }

package/src/app/shared/material/numpad/numpad.append-to-input.directive.d.ts

@@ -18,5 +18,5 @@ export declare class AppendToInputDirective implements AfterViewInit {
     private defineElementYByDirection;
     private defineElementXByDirection;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppendToInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AppendToInputDirective, "[appendNumpadToInput]", never, { "inputElement": "appendNumpadToInput"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AppendToInputDirective, "[appendNumpadToInput]", never, { "inputElement": "appendNumpadToInput"; }, {}, never, never, false, never>;
 }

package/src/app/shared/material/numpad/numpad.component.d.ts

@@ -22,5 +22,5 @@ export declare class MatNumpadComponent implements MatNumpadRef {
     open(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatNumpadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatNumpadComponent, "mat-numpad", never, { "keymap": "keymap"; "decimal": "decimal"; "appendToInput": "appendToInput"; "disableAnimation": "disableAnimation"; "noBackdrop": "noBackdrop"; "position": "position"; }, { "keypress": "keypress"; "closed": "closed"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatNumpadComponent, "mat-numpad", never, { "keymap": "keymap"; "decimal": "decimal"; "appendToInput": "appendToInput"; "disableAnimation": "disableAnimation"; "noBackdrop": "noBackdrop"; "position": "position"; }, { "keypress": "keypress"; "closed": "closed"; }, never, never, false, never>;
 }

package/src/app/shared/material/numpad/numpad.container.d.ts

@@ -36,5 +36,5 @@ export declare class MatNumpadContainerComponent implements OnInit, OnDestroy, M
     protected defineFilteredKeymap(): MatNumpadKeymap;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatNumpadContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatNumpadContainerComponent, "mat-numpad-container", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatNumpadContainerComponent, "mat-numpad-container", never, {}, {}, never, never, false, never>;
 }

package/src/app/shared/material/numpad/numpad.content.d.ts

@@ -3,5 +3,5 @@ export declare class MatNumpadContent {
     appendToInput: boolean;
     inputElement: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatNumpadContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatNumpadContent, "mat-numpad-content", never, { "appendToInput": "appendToInput"; "inputElement": "inputElement"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatNumpadContent, "mat-numpad-content", never, { "appendToInput": "appendToInput"; "inputElement": "inputElement"; }, {}, never, ["*"], false, never>;
 }

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

@@ -31,5 +31,5 @@ export declare class NumpadDirective implements ControlValueAccessor, OnDestroy,
     private applyingKey;
     private updateInputValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumpadDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumpadDirective, "[matNumpad]", never, { "keymap": "keymap"; "numpad": "matNumpad"; "value": "value"; "disabled": "disabled"; "decimal": "decimal"; "disableClick": "disableClick"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumpadDirective, "[matNumpad]", never, { "keymap": "keymap"; "numpad": "matNumpad"; "value": "value"; "disabled": "disabled"; "decimal": "decimal"; "disableClick": "disableClick"; }, {}, never, never, false, never>;
 }

package/src/app/shared/material/numpad/numpad.dom-service.d.ts

@@ -6,11 +6,11 @@ export declare class MatNumpadDomService {
     private cfr;
     private appRef;
     private injector;
-    private document;
     private componentRef;
-    constructor(cfr: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, document: any);
+    private _document;
+    constructor(cfr: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
     appendNumpadToBody(numpadType: Type<MatNumpadContainerComponent>, config: MatNumpadConfig): void;
     destroyNumpad(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatNumpadDomService, [null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatNumpadDomService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MatNumpadDomService>;
 }

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

@@ -9,5 +9,5 @@ export declare class NumpadTestPage implements OnInit {
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumpadTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumpadTestPage, "app-numpad-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumpadTestPage, "app-numpad-test", never, {}, {}, never, never, false, never>;
 }

package/src/app/shared/material/paginator/material.paginator-i18n.d.ts

@@ -3,9 +3,6 @@ import { MatPaginatorIntl } from '@angular/material/paginator';
 import * as i0 from "@angular/core";
 export declare class MatPaginatorI18n extends MatPaginatorIntl {
     private translate;
-    itemsPerPageLabel: string;
-    nextPageLabel: string;
-    previousPageLabel: string;
     ofLabel: string;
     constructor(translate: TranslateService);
     getRangeLabel: (page: number, pageSize: number, length: number) => string;