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

package/package.json

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

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

@@ -85,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);
@@ -138,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/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;

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

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