@sumaris-net/ngx-components 18.2.28-alpha3 → 18.2.28-alpha5

package/package.json

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

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

@@ -17,7 +17,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
-export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | -1 | 0;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

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

@@ -4,6 +4,7 @@ import { MatFormField, MatFormFieldAppearance, MatFormFieldDefaultOptions, Subsc
 import { AppFloatLabelType } from '../../form/field.model';
 import { LatLongPattern, LatLongType } from './latlong.utils';
 import { MatSelect } from '@angular/material/select';
+import { MaskitoOptions } from '@maskito/core';
 import * as i0 from "@angular/core";
 declare type LatLongSign = 1 | -1;
 interface ILatLongData {
@@ -28,9 +29,9 @@ export declare class MatLatLongField2 implements OnInit, OnDestroy, ControlValue
     private readonly _defaultSubscriptSizing;
     protected _focused: boolean;
     protected _touched: boolean;
-    protected degreesControl: FormControl<number>;
-    protected minutesControl: FormControl<number>;
-    protected secondsControl: FormControl<number>;
+    protected degreesControl: FormControl<string>;
+    protected minutesControl: FormControl<string>;
+    protected secondsControl: FormControl<string>;
     protected signControl: FormControl<LatLongSign>;
     protected showMinutes: boolean;
     protected showSeconds: boolean;
@@ -38,6 +39,9 @@ export declare class MatLatLongField2 implements OnInit, OnDestroy, ControlValue
     protected degreesPlaceholder: string;
     protected minutesPlaceholder: string;
     protected secondsPlaceholder: string;
+    protected degreesMask: MaskitoOptions;
+    protected minutesMask: MaskitoOptions;
+    protected secondsMask: MaskitoOptions;
     protected patternMaxDecimals: number;
     protected i18nErrorKeys: {
         required: string;
@@ -66,23 +70,6 @@ export declare class MatLatLongField2 implements OnInit, OnDestroy, ControlValue
         inconsistent: string;
         equals: string;
     };
-    protected minMaxValues: {
-        degrees?: {
-            min: number;
-            max: number;
-            step: number;
-        };
-        minutes?: {
-            min: number;
-            max: number;
-            step: number;
-        };
-        seconds?: {
-            min: number;
-            max: number;
-            step: number;
-        };
-    };
     formControl: UntypedFormControl;
     formControlName: string;
     type: LatLongType;
@@ -98,6 +85,7 @@ export declare class MatLatLongField2 implements OnInit, OnDestroy, ControlValue
     minutesSymbolUnit: string;
     secondsSymbolUnit: string;
     clearable: boolean;
+    classList: string;
     set tabindex(value: number);
     get tabindex(): number;
     set appearance(value: MatFormFieldAppearance);
@@ -132,7 +120,6 @@ export declare class MatLatLongField2 implements OnInit, OnDestroy, ControlValue
     protected _onFocusInput(event: FocusEvent): void;
     protected _onBlurInput(event: FocusEvent): void;
     protected _onClickInput(event: UIEvent): void;
-    protected selectInput(input: any): void;
     protected focus(target?: any): boolean;
     protected format(rawValue: number): string;
     protected computeDecimalPart(value: number, nbOfDecimals: number): number;
@@ -152,7 +139,7 @@ export declare class MatLatLongField2 implements OnInit, OnDestroy, ControlValue
      */
     private updateTabIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatLatLongField2, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField2, "mat-latlong-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "degreesSymbolUnit": { "alias": "degreesSymbolUnit"; "required": false; }; "minutesSymbolUnit": { "alias": "minutesSymbolUnit"; "required": false; }; "secondsSymbolUnit": { "alias": "secondsSymbolUnit"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "keyupEnter": "keyup.enter"; "blurred": "blur"; "focused": "focus"; }, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField2, "mat-latlong-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "degreesSymbolUnit": { "alias": "degreesSymbolUnit"; "required": false; }; "minutesSymbolUnit": { "alias": "minutesSymbolUnit"; "required": false; }; "secondsSymbolUnit": { "alias": "secondsSymbolUnit"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "keyupEnter": "keyup.enter"; "blurred": "blur"; "focused": "focus"; }, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_tabindex: unknown;

package/src/assets/manifest.json

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

package/src/theme/_material.scss

@@ -196,13 +196,13 @@ mat-icon[slot] {
 }
 
 // Latitude/Longitude component
-.mat-latlong-form-field {
+.mat-latlong-field {
 
   .mat-mdc-form-field-infix {
     display: inline-flex;
 
     .mat-mdc-select.sign {
-      max-width: 2em;
+      max-width: 1.7em;
 
       .mat-mdc-select-trigger {
         align-items: baseline;