@sumaris-net/ngx-components 18.3.30-alpha2 → 18.4.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.3.30-alpha2",
+  "version": "18.4.1",
   "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): 1 | -1 | 0;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

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

@@ -15,7 +15,7 @@ export declare class MatLatLongFieldInput implements MatFormFieldControl<number>
     minutesInput: ElementRef;
     secondsInput: ElementRef;
     signInput: ElementRef;
-    parts: import("@angular/forms").FormGroup<{
+    protected formGroup: import("@angular/forms").FormGroup<{
         degrees: import("@angular/forms").FormControl<string>;
         minutes: import("@angular/forms").FormControl<string>;
         seconds: import("@angular/forms").FormControl<string>;
@@ -43,11 +43,12 @@ export declare class MatLatLongFieldInput implements MatFormFieldControl<number>
     get errorState(): boolean;
     type: LatLongType;
     pattern: LatLongPattern;
+    defaultSign: LatLongSign;
+    maxDecimals: number;
+    readonly: boolean;
     degreesSymbolUnit: string;
     minutesSymbolUnit: string;
     secondsSymbolUnit: string;
-    defaultSign: LatLongSign;
-    maxDecimals: number;
     showMinutes: boolean;
     showSeconds: boolean;
     showSign: boolean;
@@ -59,6 +60,8 @@ export declare class MatLatLongFieldInput implements MatFormFieldControl<number>
     secondsPlaceholder: string;
     lastInputMaxDecimals: number;
     private logPrefix;
+    private _subscription;
+    private cd;
     constructor(_elementRef: ElementRef<HTMLElement>, _formField: MatFormField, ngControl: NgControl);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -67,7 +70,7 @@ export declare class MatLatLongFieldInput implements MatFormFieldControl<number>
     handleInput(controlName: string, nextControlName?: string): void;
     autoFocusNext(controlName: string, nextControlName?: string): void;
     autoFocusPrev(controlName: string, prevControlName: string): void;
-    getElementByName(name: string): HTMLElement;
+    getElementByName(name: string): HTMLElement | undefined;
     setDescribedByIds(ids: string[]): void;
     onContainerClick(): void;
     writeValue(value: number | null): void;
@@ -75,6 +78,7 @@ export declare class MatLatLongFieldInput implements MatFormFieldControl<number>
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     private computeLatLongFormGroupValue;
+    private safeParseFloat;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatLatLongFieldInput, [null, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongFieldInput, "mat-latlong-input", never, { "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "degreesSymbolUnit": { "alias": "degreesSymbolUnit"; "required": false; }; "minutesSymbolUnit": { "alias": "minutesSymbolUnit"; "required": false; }; "secondsSymbolUnit": { "alias": "secondsSymbolUnit"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showSign": { "alias": "showSign"; "required": false; }; "degreesMask": { "alias": "degreesMask"; "required": false; }; "minutesMask": { "alias": "minutesMask"; "required": false; }; "secondsMask": { "alias": "secondsMask"; "required": false; }; "degreesPlaceholder": { "alias": "degreesPlaceholder"; "required": false; }; "minutesPlaceholder": { "alias": "minutesPlaceholder"; "required": false; }; "secondsPlaceholder": { "alias": "secondsPlaceholder"; "required": false; }; "lastInputMaxDecimals": { "alias": "lastInputMaxDecimals"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongFieldInput, "mat-latlong-input", never, { "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -3,7 +3,6 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@a
 import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { AppFloatLabelType } from '../../form/field.model';
 import { LatLongPattern, LatLongSign, LatLongType } from './latlong.utils';
-import { MaskitoOptions } from '@maskito/core';
 import { MatLatLongFieldInput } from './material.latlong-input';
 import * as i0 from "@angular/core";
 export declare class MatLatLongField implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
@@ -16,16 +15,6 @@ export declare class MatLatLongField implements ControlValueAccessor, OnInit, Af
     private _tabindex;
     private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
-    protected showMinutes: boolean;
-    protected showSeconds: boolean;
-    protected showSign: boolean;
-    protected degreesPlaceholder: string;
-    protected minutesPlaceholder: string;
-    protected secondsPlaceholder: string;
-    protected degreesMask: MaskitoOptions;
-    protected minutesMask: MaskitoOptions;
-    protected secondsMask: MaskitoOptions;
-    protected lastInputMaxDecimals: number;
     protected i18nErrorKeys: {
         required: string;
         min: string;
@@ -64,9 +53,6 @@ export declare class MatLatLongField implements ControlValueAccessor, OnInit, Af
     defaultSign: LatLongSign;
     autofocus: boolean;
     mobile: boolean;
-    degreesSymbolUnit: string;
-    minutesSymbolUnit: string;
-    secondsSymbolUnit: string;
     clearable: boolean;
     classList: string;
     set tabindex(value: number);
@@ -95,7 +81,7 @@ export declare class MatLatLongField implements ControlValueAccessor, OnInit, Af
     clearValue(event?: Event): void;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatLatLongField, [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; }; "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; }; }, {}, never, ["[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; }; "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; }; "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; }; }, {}, 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.3.29",
+  "version": "18.4.1",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_material.scss

@@ -200,6 +200,11 @@ mat-icon[slot] {
   .mat-mdc-select-value {
     text-align: right;
     padding-right: 0.25em;
+    color: var(--mdc-filled-text-field-input-text-color, var(--ion-text-color));
+  }
+  .mat-mdc-select-placeholder {
+    transition: none !important;
+    color: var(--mdc-filled-text-field-input-text-placeholder-color, var(--app-form-field-label-color));
   }
 
 }