@sumaris-net/ngx-components 2.8.3-beta9 → 2.8.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.8.3-beta9",
+  "version": "2.8.4",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/app/core/account/account.page.d.ts

@@ -5,9 +5,9 @@ import { Account } from '../services/model/account.model';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { AccountValidatorService } from '../services/validator/account.validator';
 import { AppForm } from '../form/form.class';
+import { CanLeave } from '../form/form.utils';
 import { FormFieldDefinition } from '../../shared/form/field.model';
 import { LocaleConfig } from '../services/model/settings.model';
-import { CanLeave } from '../../shared/guard/component-dirty.guard';
 import { NetworkService } from '../services/network.service';
 import { MatTabGroup } from '@angular/material/tabs';
 import { ConfigService } from '../services/config.service';
@@ -57,7 +57,7 @@ export declare class AccountPage extends AppForm<Account> implements OnInit, OnD
     startListenChanges(): void;
     stopListenChanges(): void;
     sendConfirmationEmail(event: MouseEvent): Promise<boolean>;
-    save(event: any): Promise<boolean>;
+    save(event?: Event): Promise<boolean>;
     enable(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;

package/src/app/core/form/buttons/form-buttons-bar.component.d.ts

@@ -14,6 +14,7 @@ export declare class FormButtonsBarComponent implements FormButtonsBarToken, OnD
     private _subscription;
     disabled: boolean;
     disabledCancel: boolean;
+    disabledEscape: boolean;
     classList: string;
     saveButtonColor: PredefinedColors;
     backText: string;
@@ -23,8 +24,6 @@ export declare class FormButtonsBarComponent implements FormButtonsBarToken, OnD
     showCancel: boolean;
     showNext: boolean;
     showSave: boolean;
-    showSaveAndClose: boolean;
-    showSaveAndNext: boolean;
     onCancel: EventEmitter<Event>;
     onSave: EventEmitter<Event>;
     onNext: EventEmitter<Event>;
@@ -34,5 +33,5 @@ export declare class FormButtonsBarComponent implements FormButtonsBarToken, OnD
     constructor(hotkeys: Hotkeys, menu: MenuService);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormButtonsBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormButtonsBarComponent, "app-form-buttons-bar", never, { "disabled": { "alias": "disabled"; "required": false; }; "disabledCancel": { "alias": "disabledCancel"; "required": false; }; "classList": { "alias": "classList"; "required": false; }; "saveButtonColor": { "alias": "saveButtonColor"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "nextText": { "alias": "nextText"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "showNext": { "alias": "showNext"; "required": false; }; "showSave": { "alias": "showSave"; "required": false; }; "showSaveAndClose": { "alias": "showSaveAndClose"; "required": false; }; "showSaveAndNext": { "alias": "showSaveAndNext"; "required": false; }; }, { "onCancel": "onCancel"; "onSave": "onSave"; "onNext": "onNext"; "onBack": "onBack"; "onSaveAndClose": "onSaveAndClose"; "onSaveAndNext": "onSaveAndNext"; }, never, ["*", "[slot=end]", "[slot=afterSave]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormButtonsBarComponent, "app-form-buttons-bar", never, { "disabled": { "alias": "disabled"; "required": false; }; "disabledCancel": { "alias": "disabledCancel"; "required": false; }; "disabledEscape": { "alias": "disabledEscape"; "required": false; }; "classList": { "alias": "classList"; "required": false; }; "saveButtonColor": { "alias": "saveButtonColor"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "nextText": { "alias": "nextText"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "showNext": { "alias": "showNext"; "required": false; }; "showSave": { "alias": "showSave"; "required": false; }; }, { "onCancel": "onCancel"; "onSave": "onSave"; "onNext": "onNext"; "onBack": "onBack"; "onSaveAndClose": "onSaveAndClose"; "onSaveAndNext": "onSaveAndNext"; }, never, ["*", "[slot=end]", "[slot=afterSave]"], false, never>;
 }

package/src/app/core/form/entity/editor.class.d.ts

@@ -4,13 +4,12 @@ import { AlertController, IonContent, NavController, ToastController } from '@io
 import { TranslateService } from '@ngx-translate/core';
 import { BehaviorSubject } from 'rxjs';
 import { FormButtonsBarToken } from '../buttons/form-buttons-bar.component';
-import { IAppForm, IAppFormGetter } from '../form.utils';
+import { CanLeave, CanSave, IAppForm, IAppFormGetter } from '../form.utils';
 import { ShowToastOptions } from '../../../shared/toast/toasts';
 import { ToolbarToken } from '../../../shared/toolbar/toolbar';
-import { CanLeave } from '../../../shared/guard/component-dirty.guard';
 import { AppFormContainer, IAppFormContainer } from '../form-container.class';
 import * as i0 from "@angular/core";
-export interface IAppEditor<T> extends CanLeave, IAppFormContainer<T> {
+export interface IAppEditor<T> extends IAppFormContainer<T>, CanSave, CanLeave {
     save(event?: Event, options?: any): Promise<boolean>;
     cancel(event?: Event): Promise<void>;
 }

package/src/app/core/form/form-container.class.d.ts

@@ -6,10 +6,12 @@ import { AppTable } from '../table/table.class';
 import { AppForm } from './form.class';
 import { AppEditor } from './entity/editor.class';
 import { AbstractControl } from '@angular/forms';
+import { AppAsyncTable } from '../table/async-table.class';
 import * as i0 from "@angular/core";
 export interface IAppFormContainer<T = any> extends IAppForm<T> {
     children: IAppForm[];
     tables: AppTable<any>[];
+    asyncTables: AppAsyncTable<any>[];
     forms: AppForm<any>[];
     editors: AppEditor<any>[];
     addForm(path: string, form?: IAppForm | IAppFormGetter): void;
@@ -30,6 +32,7 @@ export declare abstract class AppFormContainer<T = any> implements IAppFormConta
     readonly errorSubject: BehaviorSubject<string>;
     get children(): IAppForm[];
     get tables(): AppTable<any>[];
+    get asyncTables(): AppAsyncTable<any>[];
     get forms(): AppForm<any>[];
     get editors(): AppEditor<any>[];
     get error(): string;

package/src/app/core/form/form.utils.d.ts

@@ -76,6 +76,14 @@ export interface IAppForm<T = any> {
         emitEvent?: boolean;
     }): void;
 }
+export interface CanSave {
+    dirty: boolean;
+    valid: boolean;
+    save(): Promise<boolean>;
+}
+export interface CanLeave extends CanSave {
+    cancel(event?: Event): Promise<void>;
+}
 /**
  * A form that do nothing
  */
@@ -191,6 +199,7 @@ export declare class AppFormProvider<F extends IAppForm = IAppForm> implements I
         onlySelf?: boolean;
         emitEvent?: boolean;
     }): void;
+    save(): Promise<boolean>;
 }
 export interface FormArrayHelperOptions {
     allowEmptyArray: boolean;
@@ -336,6 +345,7 @@ export declare class AppFormUtils {
     static updateValueAndValidity: typeof updateValueAndValidity;
     static getFormErrors: typeof getFormErrors;
     static isForm(object: any): object is IAppForm;
+    static canSave(object: any): object is IAppForm & CanSave;
     static addValueInArray: typeof addValueInArray;
     static removeValueInArray: typeof removeValueInArray;
     static resizeArray: typeof resizeArray;

package/src/app/core/services/model/referential.model.d.ts

@@ -66,6 +66,7 @@ export declare const MINIFY_ENTITY_FOR_LOCAL_STORAGE: ReferentialAsObjectOptions
 export declare const MINIFY_ENTITY_FOR_POD: ReferentialAsObjectOptions;
 export declare class ReferentialRef<T extends ReferentialRef<any, ID> = ReferentialRef<any, any>, ID = number, O extends ReferentialAsObjectOptions = ReferentialAsObjectOptions, FO = any> extends Entity<T, ID, O, FO> implements IReferentialRef<T, ID> {
     static fromObject: (source: any, opts?: any) => ReferentialRef;
+    static clone(source: any): ReferentialRef;
     label: string;
     name: string;
     description: string;

package/src/app/core/settings/settings.page.d.ts

@@ -3,7 +3,7 @@ import { AccountService } from '../services/account.service';
 import { LocaleConfig, LocalSettings, UsageMode } from '../services/model/settings.model';
 import { UntypedFormArray, UntypedFormBuilder } from '@angular/forms';
 import { AppForm } from '../form/form.class';
-import { FormArrayHelper } from '../form/form.utils';
+import { CanLeave, FormArrayHelper } from '../form/form.utils';
 import { TranslateService } from '@ngx-translate/core';
 import { LocalSettingsValidatorService } from '../services/validator/local-settings.validator';
 import { PlatformService } from '../services/platform.service';
@@ -12,7 +12,6 @@ import { LocalSettingsService } from '../services/local-settings.service';
 import { FormFieldDefinition, FormFieldDefinitionMap } from '../../shared/form/field.model';
 import { AlertController, NavController } from '@ionic/angular';
 import { Property } from '../../shared/types';
-import { CanLeave } from '../../shared/guard/component-dirty.guard';
 import { ISelectPeerModalOptions } from '../peer/select-peer.modal';
 import { IMenuItem } from '../menu/menu.model';
 import * as i0 from "@angular/core";

package/src/app/core/table/async-table.class.d.ts

@@ -9,7 +9,7 @@ import { AlertController, ModalController, NavController, ToastController } from
 import { ActivatedRoute, Router } from '@angular/router';
 import { ColumnItem } from './table-select-columns.component';
 import { Location } from '@angular/common';
-import { IAppForm } from '../form/form.utils';
+import { CanSave, IAppForm } from '../form/form.utils';
 import { LocalSettingsService } from '../services/local-settings.service';
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
@@ -23,7 +23,7 @@ import { SaveActionType } from './table.model';
 import { AsyncTableElement } from '@e-is/ngx-material-table';
 import { EntitiesAsyncTableDataSource } from './entities-async-table-datasource.class';
 import * as i0 from "@angular/core";
-export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, IFormControlPathTranslator {
+export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormControlPathTranslator {
     protected columns: string[];
     protected _dataSource?: EntitiesAsyncTableDataSource<T, F, ID>;
     private _filter?;

package/src/app/core/table/entities-async-table-datasource.class.d.ts

@@ -66,6 +66,7 @@ export declare class EntitiesAsyncTableDataSource<T extends IEntity<T, ID>, F =
     getEditingRows(): R[];
     getSingleEditingRow(): R;
     hasSomeEditingRow(): boolean;
+    hasSomeDirtyRow(): boolean;
     createNew(insertAt?: number, opts?: {
         editing: boolean;
     }): Promise<R | undefined>;

package/src/app/core/table/entities-table-datasource.class.d.ts

@@ -80,6 +80,7 @@ export declare class EntitiesTableDataSource<T extends IEntity<T, ID>, F = any,
     getRow(id: number): R;
     getRows(): R[];
     hasSomeEditingRow(): boolean;
+    hasSomeDirtyRow(): boolean;
     createNew(insertAt?: number, opts?: {
         editing: boolean;
     }): Promise<R | undefined>;

package/src/app/core/table/table.class.d.ts

@@ -9,7 +9,7 @@ import { AlertController, ModalController, NavController, ToastController } from
 import { ActivatedRoute, Router } from '@angular/router';
 import { ColumnItem } from './table-select-columns.component';
 import { Location } from '@angular/common';
-import { IAppForm } from '../form/form.utils';
+import { CanSave, IAppForm } from '../form/form.utils';
 import { LocalSettingsService } from '../services/local-settings.service';
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
@@ -23,7 +23,7 @@ import { SaveActionType } from './table.model';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTable } from '@angular/material/table';
 import * as i0 from "@angular/core";
-export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, IFormControlPathTranslator {
+export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormControlPathTranslator {
     protected columns: string[];
     protected _dataSource?: EntitiesTableDataSource<T, F, ID>;
     private _filter?;

package/src/app/shared/dates.d.ts

@@ -1,5 +1,5 @@
-import { Duration, Moment, unitOfTime } from 'moment';
 import * as momentImported from 'moment';
+import { Duration, Moment, unitOfTime } from 'moment';
 export declare const DATE_UNIX_TIMESTAMP = "X";
 export declare const DATE_UNIX_MS_TIMESTAMP = "x";
 export declare const MOMENT_NO_TIME_PROPERTY = "_hasNoTime";
@@ -13,6 +13,7 @@ export declare class DateUtils {
     static max(date1: Moment | string, date2: Moment | string): Moment;
     static equals(date1: Moment | string, date2: Moment | string): boolean;
     static isSame(date1: Moment | string, date2: Moment | string, granularity?: unitOfTime.StartOf): boolean;
+    static compare(date1: Moment | string, date2: Moment | string, granularity?: unitOfTime.StartOf): number;
     /**
      * Create a copy of a date, without time fields (always return a new Moment object, or undefined).
      * Same implementation as the Java class Dates.resetTime() (see any SUMARiS like Pod)
@@ -36,6 +37,6 @@ export declare class DateUtils {
 }
 export declare function toDateISOString(value: any): string | undefined;
 export declare function fromDateISOString(value: any): Moment | undefined;
-export declare function fromUnixTimestamp(timeInSec: number): Moment;
-export declare function fromUnixMsTimestamp(timeInMs: number): Moment;
+export declare function fromUnixTimestamp(timeInSec: number): momentImported.Moment;
+export declare function fromUnixMsTimestamp(timeInMs: number): momentImported.Moment;
 export declare function toDuration(value: number, unit?: unitOfTime.DurationConstructor): Duration;

package/src/app/shared/functions.d.ts

@@ -9,6 +9,8 @@ export declare function isNotEmptyArray<T>(obj: T[] | null | undefined): boolean
 export declare function firstArrayValue<T>(obj: T[] | null | undefined): T | undefined;
 export declare function lastArrayValue<T>(obj: T[] | null | undefined): T | undefined;
 export declare function isEmptyArray<T>(obj: T[] | null | undefined): boolean;
+export declare function arrayResize<T>(array: T[] | null | undefined, size: number, defaultValue?: T): T[];
+export declare function newArray<T>(size: number, defaultValue?: T): T[];
 export declare function isNotNilBoolean(obj: any | null | undefined): obj is boolean;
 export declare function isNotNilString(obj: any | null | undefined): obj is string;
 export declare function isBlankString(obj: any | null | undefined): obj is string;

package/src/app/shared/guard/component-dirty.guard.d.ts

@@ -1,13 +1,8 @@
 import { ActivatedRouteSnapshot, CanDeactivate, RouterStateSnapshot, UrlTree } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { AlertController } from '@ionic/angular';
+import { CanLeave } from '../../core/form/form.utils';
 import * as i0 from "@angular/core";
-export interface CanLeave {
-    dirty: boolean;
-    valid: boolean;
-    save(event?: Event, options?: any): Promise<boolean>;
-    cancel(event?: Event): Promise<void>;
-}
 export declare class ComponentDirtyGuard implements CanDeactivate<CanLeave> {
     protected translate: TranslateService;
     protected alertCtrl: AlertController;

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

@@ -140,5 +140,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; }; "subscriptSizing": { "alias": "subscriptSizing"; "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>;
+    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; }; "subscriptSizing": { "alias": "subscriptSizing"; "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, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
 }

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

@@ -12,8 +12,10 @@ 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";
+import * as i14 from "@angular/material/icon";
+import * as i15 from "@angular/material/button";
 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.NgxMaterialTimepickerModule, typeof i12.TranslateModule, typeof i13.SharedDirectivesModule], [typeof i1.MatBooleanField]>;
+    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 i14.MatIcon, typeof i15.MatIconButton], [typeof i1.MatBooleanField]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatBooleanModule>;
 }

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

@@ -9,6 +9,13 @@ import * as i0 from "@angular/core";
 export declare class MatBooleanField implements OnInit, ControlValueAccessor, InputElement {
     private cd;
     private formGroupDir;
+    private _onChangeCallback;
+    private _onTouchedCallback;
+    private _writing;
+    protected _value: boolean;
+    protected _tabindex: number;
+    protected _showRadio: boolean;
+    protected _focused: boolean;
     yesButton: MatRadioButton;
     noButton: MatRadioButton;
     checkboxButton: MatCheckbox;
@@ -31,19 +38,16 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     showButtonIcons: boolean;
     yesIcon: string;
     noIcon: string;
-    showRadio: boolean;
+    clearable: boolean;
+    set tabindex(value: number);
+    get tabindex(): number;
+    set showRadio(v: any);
+    get showRadio(): any;
+    set value(v: any);
+    get value(): any;
     onPressEnter: EventEmitter<any>;
     onBlur: EventEmitter<FocusEvent>;
-    protected _value: boolean;
-    protected _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);
     ngOnInit(): void;
     writeValue(value: any, event?: Event): void;
     registerOnChange(fn: any): void;
@@ -54,11 +58,16 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     onRadioValueChanged(event: MatRadioChange): void;
     onCheckboxValueChanged(event: MatCheckboxChange): void;
     private checkIfTouched;
+    /**
+     * Show/Hide the fake input
+     */
+    private updateFakeInput;
     /**
      * This is a special case, because, this component has a temporary component displayed before the first focus event
      */
     private updateTabIndex;
     private markForCheck;
+    protected clear(event?: Event): void;
     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; }; "subscriptSizing": { "alias": "subscriptSizing"; "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; }; "showRadio": { "alias": "showRadio"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onPressEnter": "keyup.enter"; "onBlur": "onBlur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
+    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; }; "subscriptSizing": { "alias": "subscriptSizing"; "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; }; "clearable": { "alias": "clearable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "showRadio": { "alias": "showRadio"; "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

@@ -16,6 +16,7 @@ export declare class BooleanTestPage extends AppForm<any> implements OnInit, Aft
     ngAfterViewInit(): void;
     toggleMode(value: any): void;
     protected markForCheck(): void;
+    protected clearControlValue(path: string, event?: Event): 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/datetime/material.date.d.ts

@@ -3,7 +3,7 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFo
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } 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';
@@ -22,6 +22,10 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     private _disabling;
     private _tabindex;
     private _readonly;
+    private _appearance;
+    private _subscriptSizing;
+    private readonly _defaultAppearance;
+    private readonly _defaultSubscriptSizing;
     textControl: UntypedFormControl;
     datePattern: string;
     locale: string;
@@ -32,7 +36,6 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     formControlName: string;
     placeholder: string;
     floatLabel: AppFloatLabelType;
-    appearance: MatFormFieldAppearance;
     required: boolean;
     compact: boolean;
     autofocus: boolean;
@@ -40,6 +43,10 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     clearable: boolean;
     timezone: string;
     datePickerFilter: DateFilterFn<Moment>;
+    set appearance(value: MatFormFieldAppearance);
+    get appearance(): MatFormFieldAppearance;
+    set subscriptSizing(value: SubscriptSizing);
+    get subscriptSizing(): SubscriptSizing;
     set readonly(value: boolean);
     get readonly(): boolean;
     set tabindex(value: number);
@@ -48,7 +55,7 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     get disabled(): boolean;
     datePicker: MatDatepicker<Moment>;
     _matInput: ElementRef;
-    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -73,6 +80,6 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     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; }; "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", "mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDate, [null, null, null, null, { optional: true; }, null]>;
+    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; }; "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; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
 }

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

@@ -3,7 +3,7 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFo
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } 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';
@@ -22,6 +22,10 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     private _disabling;
     private _tabindex;
     private _readonly;
+    private _appearance;
+    private _subscriptSizing;
+    private readonly _defaultAppearance;
+    private readonly _defaultSubscriptSizing;
     textControl: UntypedFormControl;
     datePattern: string;
     locale: string;
@@ -32,13 +36,16 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     formControlName: string;
     placeholder: string;
     floatLabel: AppFloatLabelType;
-    appearance: MatFormFieldAppearance;
     required: boolean;
     compact: boolean;
     autofocus: boolean;
     startDate: Moment | null;
     clearable: boolean;
     datePickerFilter: DateFilterFn<Moment>;
+    set appearance(value: MatFormFieldAppearance);
+    get appearance(): MatFormFieldAppearance;
+    set subscriptSizing(value: SubscriptSizing);
+    get subscriptSizing(): SubscriptSizing;
     set readonly(value: boolean);
     get readonly(): boolean;
     set tabindex(value: number);
@@ -47,7 +54,7 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     get disabled(): boolean;
     datePicker: MatDatepicker<Moment>;
     _matInput: ElementRef;
-    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -73,6 +80,6 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     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; }; "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", "mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateShort, [null, null, null, null, { optional: true; }, null]>;
+    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; }; "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; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
 }

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

@@ -110,6 +110,6 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     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, { "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "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; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["matError"], ["mat-error", "mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']", "[matPrefix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "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; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["matError"], ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
 }
 export {};

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

@@ -71,5 +71,5 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     private checkIfTouched;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatLatLongField, [null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField, "mat-latlong-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["matError"], ["mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']", "[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField, "mat-latlong-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["matError"], ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
 }

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

@@ -24,6 +24,11 @@ export declare class ArrayFirstPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFirstPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ArrayFirstPipe, "arrayFirst", false>;
 }
+export declare class ArrayLastPipe implements PipeTransform {
+    transform<T = any>(val: unknown | T[]): T | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayLastPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayLastPipe, "arrayLast", false>;
+}
 export declare class ArrayPluckPipe implements PipeTransform {
     /**
      *

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

@@ -25,6 +25,6 @@ import * as i23 from "@ionic/angular";
 import * as i24 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 i1.ValueFormatPipe, 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.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, 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 i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe], [typeof i22.CommonModule, typeof i23.IonicModule, typeof i24.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, 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.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, 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 i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, 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.ArrayLastPipe, 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.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, 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 i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe], [typeof i22.CommonModule, typeof i23.IonicModule, typeof i24.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, 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.ArrayLastPipe, 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.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, 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 i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "2.8.3-beta9",
+  "version": "2.8.4",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

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

@@ -136,6 +136,8 @@ form.form-container {
       }
     }
 
+    // Increase padding top, when having buttons
+    &:has(.mat-form-field-buttons),
     &.mat-boolean-field-button {
       .mat-mdc-form-field-infix {
         padding-top: calc(var(--mat-form-field-filled-with-label-container-padding-top, 0px) + 4px);

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

@@ -6,6 +6,8 @@
 .mat-mdc-tab-label-container, .mat-mdc-tab-link-container {
   --mat-tab-header-divider-color: rgba(0,0,0,.12) !important;
   --mat-tab-header-divider-height: 1px !important;
+  --mat-tab-header-background-color: var(--background, var(--ion-background-color));
+  background-color: var(--mat-tab-header-background-color);
 }
 .mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
   --mat-tab-header-active-label-text-color: #000000de !important;