@sumaris-net/ngx-components 2.12.4-beta1 → 2.12.4

package/package.json

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

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

@@ -211,7 +211,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
         permanentSelectionChangedPrevented?: boolean;
     }): void;
     confirmAndAdd(event?: Event, row?: TableElement<T>): Promise<boolean>;
-    confirmAndBackward(event?: Event, row?: TableElement<T>): boolean;
+    confirmAndBackward(event?: Event, row?: TableElement<T>): boolean | Promise<boolean>;
     confirmAndForward(event?: Event, row?: TableElement<T>): boolean | Promise<boolean>;
     /**
      * Confirm the creation of the given row, or if not specified the currently edited row
@@ -271,7 +271,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
      * @param data
      */
     selectRowByData(data: T): Promise<boolean>;
-    toggleSelectRow(event: Event, row: TableElement<T>): void;
+    toggleSelectRow(event: Event | undefined, row: TableElement<T>): void;
     clickRow(event: Event | undefined, row: TableElement<T>): boolean;
     moveRow(id: number, direction: number): void;
     ready(opts?: WaitForOptions): Promise<void>;

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

@@ -25,6 +25,7 @@ export declare function arraySize<T>(obj: T[] | null | undefined): number;
  */
 export declare function arrayDistinct<T = any>(values: T[], propertiesOrKeyFn?: string | string[] | ((obj: T) => string)): T[];
 export declare function nullIfUndefined<T>(obj: T | null | undefined): T | null;
+export declare function nullIfNilOrBlank<T>(obj: T | null | undefined): T | null;
 export declare function undefinedIfNull<T>(obj: T | null | undefined): T | undefined;
 export declare function trimEmptyToNull<T>(str: string | null | undefined): string | null;
 export declare function toBoolean(obj: boolean | null | undefined | string, defaultValue?: boolean): boolean;

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

@@ -1,11 +1,11 @@
-import { AfterViewInit, ElementRef, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
-import { MatBadge, MatBadgePosition } from '@angular/material/badge';
+import { AfterViewInit, ElementRef, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { MatBadge, MatBadgePosition, MatBadgeSize } from '@angular/material/badge';
 import { AppColors } from '../../types';
 import { AriaDescriber } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare type MatBadgeFill = 'clear' | 'solid';
-export declare class BadgeDirective extends MatBadge implements AfterViewInit, OnChanges, OnDestroy {
+export declare class BadgeDirective extends MatBadge implements AfterViewInit, OnChanges, OnDestroy, OnInit {
     protected el: ElementRef<HTMLElement>;
     true: any;
     get isOverlapHost(): boolean;
@@ -18,6 +18,12 @@ export declare class BadgeDirective extends MatBadge implements AfterViewInit, O
     get isLargeHost(): boolean;
     get isHiddenHost(): boolean;
     get isDisabledHost(): boolean;
+    set appBadge(value: string | number);
+    get appBadge(): string | number;
+    set appBadgeDisabled(value: boolean);
+    get appBadgeDisabled(): boolean;
+    set appBadgeSize(value: MatBadgeSize);
+    get appBadgeSize(): MatBadgeSize;
     appBadgeColor: AppColors;
     appBadgeFill: MatBadgeFill;
     appBadgeMatIcon: string;
@@ -33,5 +39,5 @@ export declare class BadgeDirective extends MatBadge implements AfterViewInit, O
     ngOnDestroy(): void;
     private updateView;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, [null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[appBadge], [appBadgeIcon], [appBadgeMatIcon]", never, { "content": { "alias": "appBadge"; "required": false; }; "disabled": { "alias": "appBadgeDisabled"; "required": false; }; "color": { "alias": "appBadgeColor"; "required": false; }; "size": { "alias": "appBadgeSize"; "required": false; }; "fill": { "alias": "appBadgeFill"; "required": false; }; "hidden": { "alias": "appBadgeHidden"; "required": false; }; "overlap": { "alias": "appBadgeOverlap"; "required": false; }; "position": { "alias": "appBadgePosition"; "required": false; }; "appBadgeColor": { "alias": "appBadgeColor"; "required": false; }; "appBadgeFill": { "alias": "appBadgeFill"; "required": false; }; "appBadgeMatIcon": { "alias": "appBadgeMatIcon"; "required": false; }; "appBadgeIcon": { "alias": "appBadgeIcon"; "required": false; }; "appBadgeHidden": { "alias": "appBadgeHidden"; "required": false; }; "appBadgeOverlap": { "alias": "appBadgeOverlap"; "required": false; }; "appBadgePosition": { "alias": "appBadgePosition"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[appBadge], [appBadgeIcon], [appBadgeMatIcon]", never, { "appBadge": { "alias": "appBadge"; "required": false; }; "appBadgeDisabled": { "alias": "appBadgeDisabled"; "required": false; }; "appBadgeSize": { "alias": "appBadgeSize"; "required": false; }; "appBadgeColor": { "alias": "appBadgeColor"; "required": false; }; "appBadgeFill": { "alias": "appBadgeFill"; "required": false; }; "appBadgeMatIcon": { "alias": "appBadgeMatIcon"; "required": false; }; "appBadgeIcon": { "alias": "appBadgeIcon"; "required": false; }; "appBadgeHidden": { "alias": "appBadgeHidden"; "required": false; }; "appBadgeOverlap": { "alias": "appBadgeOverlap"; "required": false; }; "appBadgePosition": { "alias": "appBadgePosition"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -26,21 +26,21 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     private _subscriptSizing;
     private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
-    textControl: UntypedFormControl;
-    datePattern: string;
-    locale: string;
-    maskitoOptions: MaskitoOptions;
-    datePlaceholder: string;
-    mobile: boolean;
+    protected textControl: UntypedFormControl;
+    protected datePattern: string;
+    protected locale: string;
+    protected maskitoOptions: MaskitoOptions;
+    protected datePlaceholder: string;
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
     floatLabel: AppFloatLabelType;
-    required: boolean;
+    mobile: boolean;
     compact: boolean;
     autofocus: boolean;
-    startDate: Moment | null;
     clearable: boolean;
+    required: boolean;
+    startDate: Moment | null;
     timezone: string;
     datePickerFilter: DateFilterFn<Moment>;
     set appearance(value: MatFormFieldAppearance);
@@ -65,21 +65,26 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     setDisabledState(isDisabled: boolean): void;
     openDatePicker(): void;
     focus(): void;
-    clear(event: UIEvent): void;
+    clear(event: Event): void;
     protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
     protected _openDatePickerIfMobile(event: Event): void;
     protected _onBlur(): void;
-    protected _checkIfTouched(opts?: {
-        emitEvent?: boolean;
-    }): void;
-    protected _preventEvent(event: Event): void;
+    protected _checkIfTouched(): void;
+    protected _preventEvent(event?: Event): void;
+    private updateTranslations;
     private updatePattern;
+    private updateMaskOptions;
     private onFormChange;
+    private emitChange;
     private updateTabIndex;
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    private updateMaskOptions;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDate, "mat-date-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "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; }; "clearable": { "alias": "clearable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "startDate": { "alias": "startDate"; "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>;
+    static ngAcceptInputType_mobile: unknown;
+    static ngAcceptInputType_compact: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_required: unknown;
 }

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

@@ -26,21 +26,21 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     private _subscriptSizing;
     private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
-    textControl: UntypedFormControl;
-    datePattern: string;
-    locale: string;
-    maskitoOptions: MaskitoOptions;
-    yearPlaceholder: string;
-    mobile: boolean;
+    protected textControl: UntypedFormControl;
+    protected yearPattern: string;
+    protected yearPlaceholder: string;
+    protected locale: string;
+    protected maskitoOptions: MaskitoOptions;
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
     floatLabel: AppFloatLabelType;
-    required: boolean;
+    mobile: boolean;
     compact: boolean;
     autofocus: boolean;
-    startDate: Moment | null;
     clearable: boolean;
+    required: boolean;
+    startDate: Moment | null;
     datePickerFilter: DateFilterFn<Moment>;
     set appearance(value: MatFormFieldAppearance);
     get appearance(): MatFormFieldAppearance;
@@ -67,19 +67,23 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     clear(event?: Event): void;
     protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
     protected _openDatePickerIfMobile(event: Event): void;
-    protected _checkIfTouched(opts?: {
-        emitEvent?: boolean;
-    }): void;
+    protected _checkIfTouched(): void;
     protected _closeDatePicker(value: Moment): void;
     protected _preventEvent(event: Event): void;
+    private updateTranslations;
     private updatePattern;
+    private updateMaskOptions;
     private onFormChange;
     private waitKeyboardHide;
     private updateTabIndex;
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    private updateMaskOptions;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateShort, "mat-date-short-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "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; }; "clearable": { "alias": "clearable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "startDate": { "alias": "startDate"; "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>;
+    static ngAcceptInputType_mobile: unknown;
+    static ngAcceptInputType_compact: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_required: unknown;
 }

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { MatError, MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
@@ -55,9 +55,10 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     mobile: boolean;
     compact: boolean;
     autofocus: boolean;
-    startDate: Moment | null;
     clearable: boolean;
+    startDate: Moment | null;
     datePickerFilter: DateFilterFn<Moment>;
+    allowNoTime: boolean;
     set appearance(value: MatFormFieldAppearance);
     get appearance(): MatFormFieldAppearance;
     set subscriptSizing(value: SubscriptSizing);
@@ -76,8 +77,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     get disabled(): boolean;
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
-    matInputs: QueryList<ElementRef>;
-    matError: MatError;
+    _matInputs: QueryList<ElementRef>;
     constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -101,15 +101,21 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     protected _checkIfTouched(): void;
     protected _preventEvent(event?: Event): void;
     private updateTranslations;
+    private updateDisplayPattern;
+    private updateDateMaskOptions;
+    private updateTimeMaskOptions;
     private onFormChange;
     private emitChange;
     private updateTabIndex;
     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, { "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>;
+    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; }; "clearable": { "alias": "clearable"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "allowNoTime": { "alias": "allowNoTime"; "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; }; }, {}, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ngAcceptInputType_mobile: unknown;
+    static ngAcceptInputType_compact: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_allowNoTime: unknown;
 }
 export {};

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

@@ -23,7 +23,7 @@ export declare class DateTimeTestPage implements OnInit {
     toggleMode(value: any): void;
     toggleAppearance(event: MatCheckboxChange): void;
     loadData(): Promise<void>;
-    doSubmit(event: any): void;
+    doSubmit(event?: Event): void;
     log(message: string): void;
     clearLogPanel(): void;
     startMemoryTimer(): void;

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { LatLongFormatFn, LatLongFormatOptions, LatLongPattern } from './latlong.utils';
-import { MatError, MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { AppFloatLabelType } from '../../form/field.model';
 import { MaskitoMask } from '@maskito/core';
 import * as i0 from "@angular/core";
@@ -19,13 +19,13 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     private _subscriptSizing;
     private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
-    _readonly: boolean;
-    _formatFn: LatLongFormatFn;
-    textFormControl: UntypedFormControl;
-    signFormControl: UntypedFormControl;
-    mask: MaskitoMask;
-    inputPlaceholder: string;
-    showSignControl: boolean;
+    protected _readonly: boolean;
+    protected _formatFn: LatLongFormatFn;
+    protected textFormControl: UntypedFormControl;
+    protected signFormControl: UntypedFormControl;
+    protected mask: MaskitoMask;
+    protected inputPlaceholder: string;
+    protected showSignControl: boolean;
     get disabled(): any;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -35,7 +35,7 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     floatLabel: AppFloatLabelType;
     placeholder: string;
     tabindex: number;
-    defaultSign: '-' | '+' | '+ ' | '- ';
+    defaultSign: '-' | '+';
     maxDecimals: number;
     placeholderChar: string;
     autofocus: boolean;
@@ -48,7 +48,6 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     onBlur: EventEmitter<FocusEvent>;
     onFocus: EventEmitter<FocusEvent>;
     inputElement: ElementRef;
-    matError: MatError;
     constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -71,5 +70,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"], ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], 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"; }, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
 }

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

@@ -9,7 +9,7 @@ export declare class LatLongTestPage implements OnInit {
     protected platform: PlatformService;
     form: UntypedFormGroup;
     geoPositionMessage: string;
-    mode: string;
+    mode: 'desktop' | 'temp';
     appearance: MatFormFieldAppearance;
     constructor(formBuilder: UntypedFormBuilder, platform: PlatformService);
     ngOnInit(): void;

package/src/assets/manifest.json

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