@sumaris-net/ngx-components 18.2.28-alpha6 → 18.2.28

package/package.json

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

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

@@ -4,7 +4,6 @@ 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 {
@@ -29,9 +28,9 @@ export declare class MatLatLongField2 implements OnInit, OnDestroy, ControlValue
     private readonly _defaultSubscriptSizing;
     protected _focused: boolean;
     protected _touched: boolean;
-    protected degreesControl: FormControl<string>;
-    protected minutesControl: FormControl<string>;
-    protected secondsControl: FormControl<string>;
+    protected degreesControl: FormControl<number>;
+    protected minutesControl: FormControl<number>;
+    protected secondsControl: FormControl<number>;
     protected signControl: FormControl<LatLongSign>;
     protected showMinutes: boolean;
     protected showSeconds: boolean;
@@ -39,9 +38,6 @@ 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;
@@ -70,6 +66,23 @@ 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;
@@ -85,7 +98,6 @@ 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);
@@ -120,6 +132,7 @@ 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;
@@ -139,7 +152,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; }; "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 ɵ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 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-alpha4",
+  "version": "18.2.28",
   "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-field {
+.mat-latlong-form-field {
 
   .mat-mdc-form-field-infix {
     display: inline-flex;
 
     .mat-mdc-select.sign {
-      max-width: 1.7em;
+      max-width: 2em;
 
       .mat-mdc-select-trigger {
         align-items: baseline;

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

@@ -477,8 +477,13 @@
 
     mat-latlong-field {
       height: calc(var(--mat-row-height) - 2px);
-
-      // TODO: fix height in table ??
+      ion-col.text {
+        min-width: unset !important; // make sure column is resizable
+      }
+      ion-col.sign {
+        --min-width: 35px !important;
+        --max-width: 45px !important;
+      }
     }
 
     .mat-mdc-cell > .ion-text-nowrap {