@sumaris-net/ngx-components 2.7.0-rc1 → 2.7.0-rc10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.7.0-rc1",
+  "version": "2.7.0-rc10",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -26,7 +26,9 @@
     "rxjs": "^7.5.7"
   },
   "optionalDependencies": {
-    "localforage-cordovasqlitedriver": "~1.8.0",
+    "@awesome-cordova-plugins/core": "~6.4.0",
+    "@awesome-cordova-plugins/native-audio": "~6.3.0",
+    "@awesome-cordova-plugins/network": "~6.3.0",
     "@capacitor-community/native-audio": "^4.0.0-0",
     "@capacitor/android": "~4.8.1",
     "@capacitor/app": "~4.1.1",
@@ -40,15 +42,13 @@
     "@capacitor/keyboard": "~4.1.1",
     "@capacitor/splash-screen": "~4.2.0",
     "@capacitor/status-bar": "~4.1.1",
-    "@awesome-cordova-plugins/core": "~6.4.0",
-    "@awesome-cordova-plugins/native-audio": "~6.3.0",
-    "@awesome-cordova-plugins/network": "~6.3.0",
     "@ionic-native/audio-management": "^5.36.0",
     "@ionic-native/core": "^5.36.0",
     "@ionic-native/downloader": "^5.36.0",
     "clovelced-plugin-audiomanagement": "~1.0.2",
     "cordova-sqlite-storage": "~6.0.0",
-    "integrator-cordova-plugin-downloader": "~1.1.0"
+    "integrator-cordova-plugin-downloader": "~1.1.0",
+    "localforage-cordovasqlitedriver": "~1.8.0"
   },
   "repository": {
     "type": "git",

package/public_api.d.ts

@@ -6,8 +6,7 @@ export { SharedRoutingModule } from './src/app/shared/shared-routing.module';
 export { RxStateModule } from './src/app/shared/rx-state.module';
 export * from './src/app/shared/material/material.module';
 export * from './src/app/shared/material/boolean/boolean.module';
-export { MatBooleanField } from './src/app/shared/material/boolean/material.boolean';
-export { MatBooleanField2 } from './src/app/shared/material/boolean/material-boolean2';
+export { MatBooleanField } from './src/app/shared/material/boolean/material-boolean';
 export * from './src/app/shared/material/autocomplete/material.autocomplete.module';
 export * from './src/app/shared/material/autocomplete/material.autocomplete';
 export * from './src/app/shared/material/autocomplete/material.autocomplete.config';

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

@@ -68,6 +68,8 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     showSearchBar: boolean;
     stickySearchBar: boolean;
     applyImplicitValue: boolean | (() => boolean);
+    dropButtonTitle: string;
+    clearButtonTitle: string;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
@@ -136,5 +138,5 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      */
     private _fixSearchbarOverlay;
     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>;
+    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; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "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/boolean/boolean.module.d.ts

@@ -1,20 +1,19 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./material.boolean";
-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";
+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 "ngx-material-timepicker";
+import * as i12 from "@ngx-translate/core";
+import * as i13 from "../../directives/directives.module";
 export declare class SharedMatBooleanModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatBooleanModule, never>;
-    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 ɵ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.NgxMaterialTimepickerModule, typeof i12.TranslateModule, typeof i13.SharedDirectivesModule], [typeof i1.MatBooleanField]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatBooleanModule>;
 }

package/src/app/shared/material/boolean/{material.boolean.d.ts → material-boolean.d.ts}

@@ -1,23 +1,18 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
-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 { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 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 MatBooleanField implements OnInit, ControlValueAccessor, InputElement {
-    private translate;
-    private formBuilder;
     private cd;
     private formGroupDir;
-    private _onChangeCallback;
-    private _onTouchedCallback;
-    private _writing;
-    _value: boolean;
-    _tabindex: number;
-    showRadio: boolean;
+    yesButton: MatRadioButton;
+    noButton: MatRadioButton;
+    checkboxButton: MatCheckbox;
+    fakeInput: ElementRef;
     disabled: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -37,22 +32,23 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     noIcon: string;
     onPressEnter: EventEmitter<any>;
     onBlur: EventEmitter<FocusEvent>;
-    set tabindex(value: number);
+    showRadio: boolean;
+    _value: boolean;
+    _tabindex: number;
+    private _onChangeCallback;
+    private _onTouchedCallback;
+    private _writing;
+    constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     get tabindex(): number;
+    set tabindex(value: number);
     get value(): any;
     set value(v: any);
-    yesButton: MatRadioButton;
-    noButton: MatRadioButton;
-    checkboxButton: MatCheckbox;
-    fakeInput: ElementRef;
-    constructor(translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     writeValue(value: any, event?: Event): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    _onBlur(event: FocusEvent): void;
-    _onFocusFakeInput(event: FocusEvent): void;
+    onFocusFakeInput(event: FocusEvent): void;
     focus(): void;
     onRadioValueChanged(event: MatRadioChange): void;
     onCheckboxValueChanged(event: MatCheckboxChange): void;
@@ -62,6 +58,6 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
      */
     private updateTabIndex;
     private markForCheck;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, { optional: true; }]>;
     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/datetime/datetime.module.d.ts

@@ -19,6 +19,6 @@ 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.MaskitoModule, 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.MaskitoDirective, 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

@@ -7,6 +7,7 @@ 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 { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
 export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement {
     private dateAdapter;
@@ -24,7 +25,8 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     textControl: UntypedFormControl;
     datePattern: string;
     locale: string;
-    readonly dateMask: (string | RegExp)[];
+    maskitoOptions: MaskitoOptions;
+    datePlaceholder: string;
     mobile: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -33,7 +35,6 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     appearance: MatFormFieldAppearance;
     required: boolean;
     compact: boolean;
-    placeholderChar: string;
     autofocus: boolean;
     startDate: Moment | null;
     clearable: boolean;
@@ -70,6 +71,7 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
+    private updateMaskOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDate, [null, null, null, null, { optional: true; }]>;
-    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>;
+    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; }; "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

@@ -7,6 +7,7 @@ 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 { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
 export declare class MatDateShort implements OnInit, ControlValueAccessor, InputElement, AfterViewInit, OnDestroy {
     private dateAdapter;
@@ -24,7 +25,8 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     textControl: UntypedFormControl;
     datePattern: string;
     locale: string;
-    readonly yearMask: RegExp[];
+    maskitoOptions: MaskitoOptions;
+    yearPlaceholder: string;
     mobile: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -33,7 +35,6 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     appearance: MatFormFieldAppearance;
     required: boolean;
     compact: boolean;
-    placeholderChar: string;
     autofocus: boolean;
     startDate: Moment | null;
     clearable: boolean;
@@ -71,6 +72,7 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
+    private updateMaskOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDateShort, [null, null, null, null, { optional: true; }]>;
-    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>;
+    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; }; "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

@@ -7,7 +7,7 @@ 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 { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
 declare interface NgxTimePicker {
     selectedHour: {
@@ -38,13 +38,16 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _controlName;
     private _required;
     protected _subscriptSizing: SubscriptSizing | null;
-    dayControl: UntypedFormControl;
-    hourControl: UntypedFormControl;
+    dateControl: UntypedFormControl;
+    timeControl: UntypedFormControl;
     displayPattern: string;
-    dayPattern: string;
+    datePattern: string;
+    timePattern: string;
     locale: string;
-    readonly dayMask: MaskitoMask;
-    readonly hourMask: MaskitoMask;
+    maskitoDateOptions: MaskitoOptions;
+    maskitoTimeOptions: MaskitoOptions;
+    datePlaceholder: string;
+    timePlaceholder: string;
     get subscriptSizing(): SubscriptSizing;
     set subscriptSizing(value: SubscriptSizing);
     set formControl(value: UntypedFormControl);
@@ -58,7 +61,6 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     appearance: MatFormFieldAppearance;
     mobile: boolean;
     compact: boolean;
-    placeholderChar: string;
     autofocus: boolean;
     startDate: Moment | null;
     clearable: boolean;
@@ -102,7 +104,9 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
+    private updateDateMaskOptions;
+    private updateTimeMaskOptions;
     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>;
+    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; }; "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/latlong/material.latlong.d.ts

@@ -3,7 +3,7 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFo
 import { LatLongFormatFn, LatLongFormatOptions, LatLongPattern } from './latlong.utils';
 import { MatError, MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { AppFloatLabelType } from '../../form/field.model';
-import { MaskitoMask } from '@maskito/core/lib/types/mask';
+import { MaskitoMask } from '@maskito/core';
 import * as i0 from "@angular/core";
 export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueAccessor {
     private formBuilder;

package/src/app/shared/named-filter/named-filter-selector.component.d.ts

@@ -25,6 +25,8 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     showButtons: boolean;
     exportFileNamePrefix: string;
     autocompleteConfig: MatAutocompleteFieldConfig;
+    dropButtonTitle: string;
+    clearButtonTitle: string;
     filterSelected: EventEmitter<any>;
     filterDeleted: EventEmitter<NamedFilter<NamedFilter<any>>>;
     autocompleteField: MatAutocompleteField;
@@ -40,8 +42,9 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     delete(): Promise<void>;
     export(): Promise<void>;
     import(event: Event): Promise<void>;
+    refresh(value: NamedFilter): void;
     protected onFilterChanges(value: NamedFilter | string): Promise<void>;
     protected setControlValue(value: NamedFilter): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NamedFilterSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NamedFilterSelector, "app-named-filter-selector", never, { "entityName": { "alias": "entityName"; "required": false; }; "filterContentProvider": { "alias": "filterContentProvider"; "required": false; }; "filterImportCallback": { "alias": "filterImportCallback"; "required": false; }; "filterFormDirty": { "alias": "filterFormDirty"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "exportFileNamePrefix": { "alias": "exportFileNamePrefix"; "required": false; }; "autocompleteConfig": { "alias": "autocompleteConfig"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NamedFilterSelector, "app-named-filter-selector", never, { "entityName": { "alias": "entityName"; "required": false; }; "filterContentProvider": { "alias": "filterContentProvider"; "required": false; }; "filterImportCallback": { "alias": "filterImportCallback"; "required": false; }; "filterFormDirty": { "alias": "filterFormDirty"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "exportFileNamePrefix": { "alias": "exportFileNamePrefix"; "required": false; }; "autocompleteConfig": { "alias": "autocompleteConfig"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; }, never, never, false, never>;
 }

package/src/app/shared/pipes/maskito.pipe.d.ts

@@ -1,16 +1,9 @@
 import { PipeTransform } from '@angular/core';
-import { MaskitoOptions, MaskitoPlugin } from '@maskito/core';
-import { MaskitoMask } from '@maskito/core/lib/types/mask';
+import { MaskitoMask, MaskitoOptions, MaskitoPlugin } from '@maskito/core';
 import * as i0 from "@angular/core";
 export declare class MaskitoPlaceholderPipe implements PipeTransform {
     transform(placeholder: string, mask: MaskitoMask, defaultPrefix?: string): MaskitoOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaskitoPlaceholderPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<MaskitoPlaceholderPipe, "maskitoPlaceholder", false>;
 }
-export declare class MaskitoDatePipe implements PipeTransform {
-    transform(baseOptions: MaskitoOptions, pattern: string, separator?: string): MaskitoOptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MaskitoDatePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MaskitoDatePipe, "maskitoDate", false>;
-}
 export declare function maskitoPrefixPlugin(prefix: string, placeholder?: string): MaskitoPlugin;
-export declare function maskitoRestorePlaceholderOnFocus(placeholder: string): MaskitoPlugin;

package/src/app/shared/pipes/pipes.module.d.ts

@@ -23,6 +23,6 @@ import * as i21 from "@ionic/angular";
 import * as i22 from "@ngx-translate/core";
 export declare class SharedPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.ReferentialToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i19.MaskitoDatePipe], [typeof i20.CommonModule, typeof i21.IonicModule, typeof i22.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.ReferentialToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i19.MaskitoDatePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.ReferentialToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe], [typeof i20.CommonModule, typeof i21.IonicModule, typeof i22.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.ReferentialToStringPipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/theme/_ngx-components.scss

@@ -111,7 +111,7 @@ html {
 // Main Menu
 // --------------------------------------------------
 .split-pane-md.split-pane-visible > .split-pane-side {
-  max-width: $app-menu-width !important;
+  max-width: #{$app-menu-width} !important;
 }
 
 ion-menu.menu-side-left {
@@ -131,12 +131,15 @@ ion-menu.menu-side-left {
 // --------------------------------------------------
 .form-container,
 form.form-container {
-  color: $app-form-color;
+  color: #{$app-form-color};
+  --mdc-filled-text-field-container-color: #{$app-form-field-background-color};
+  --mdc-filled-text-field-disabled-container-color: #{$app-form-field-background-color};
+  --mat-form-field-state-layer-color: #{$app-form-field-focus-background-color};
   @include font-size(16px);
 
   .mat-form-field-disabled,
   .mat-mdc-input-element:disabled {
-    color: $app-form-color-disabled !important;
+    color: #{$app-form-color-disabled} !important;
   }
 
   .mat-form-field-disabled {
@@ -159,13 +162,6 @@ form.form-container {
       }
     }
 
-    .mdc-text-field {
-      background-color: $app-form-field-background-color;
-    }
-    .mat-mdc-form-field-focus-overlay {
-      background-color: $app-form-field-focus-background-color;
-    }
-
     ion-icon[matPrefix],
     mat-icon[matPrefix],
     .mat-mdc-form-field-icon-prefix {
@@ -223,10 +219,11 @@ form.form-container {
     }
 
     // Used to customize mat-boolean-field
-    &.mat-boolean2-field-checkbox {
+    &.mat-boolean-field-checkbox {
+      --mdc-checkbox-state-layer-size: 20px;
 
       .mat-mdc-form-field-infix {
-        padding-top: 8px;
+        padding-top: 16px;
       }
 
       .mdc-floating-label {
@@ -236,20 +233,19 @@ form.form-container {
       }
     }
 
-    &.mat-boolean2-field-radio {
-      //margin-top: -2px; // Fix alignment
+    &.mat-boolean-field-radio {
+      --mdc-radio-state-layer-size: 20px;
 
       .mat-mdc-radio-button {
         padding-left: 8px;
-
-        .mdc-radio {
-          //--mdc-radio-state-layer-size: 20px;
-        }
       }
     }
 
-    &.mat-boolean2-field-button {
-      //margin-top: -4px; // Fix alignment
+    &.mat-boolean-field-button {
+      .mat-mdc-form-field-infix {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
     }
   }
 

package/src/theme/_ngx-components.table.scss

@@ -24,6 +24,10 @@
   --mdc-typography-body1-letter-spacing: 0.0178571429em;
   --mat-table-row-item-label-text-size: 14px;
 
+  --mdc-filled-text-field-container-color: #{$app-form-field-background-color};
+  --mdc-filled-text-field-disabled-container-color: #{$app-form-field-background-color};
+  --mat-form-field-state-layer-color: #{$app-form-field-focus-background-color};
+
   .mat-mdc-header-cell {
     color: var(--ion-color-primary);
 
@@ -293,11 +297,6 @@
 
       .mdc-text-field {
         padding-inline: 0;
-        background-color: $app-form-field-background-color;
-      }
-
-      .mat-mdc-form-field-focus-overlay {
-        background-color: $app-form-field-focus-background-color;
       }
 
       // Prefix