@sumaris-net/ngx-components 2.7.3-rc33 → 2.7.3-rc34

package/package.json

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

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

@@ -36,35 +36,38 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _formControl;
     private _controlName;
     private _required;
+    private _appearance;
     private _subscriptSizing;
+    private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
-    dateControl: UntypedFormControl;
-    timeControl: UntypedFormControl;
-    displayPattern: string;
-    datePattern: string;
-    timePattern: string;
-    locale: string;
-    maskitoDateOptions: MaskitoOptions;
-    maskitoTimeOptions: MaskitoOptions;
-    datePlaceholder: string;
-    timePlaceholder: string;
-    set subscriptSizing(value: SubscriptSizing);
-    get subscriptSizing(): SubscriptSizing;
-    set formControl(value: UntypedFormControl);
-    get formControl(): UntypedFormControl;
-    set formControlName(value: string);
-    get formControlName(): string;
-    set required(value: boolean | any);
-    get required(): boolean | any;
+    protected dateControl: UntypedFormControl;
+    protected timeControl: UntypedFormControl;
+    protected displayPattern: string;
+    protected datePattern: string;
+    protected timePattern: string;
+    protected locale: string;
+    protected maskitoDateOptions: MaskitoOptions;
+    protected maskitoTimeOptions: MaskitoOptions;
+    protected datePlaceholder: string;
+    protected timePlaceholder: string;
     placeholder: string;
     floatLabel: AppFloatLabelType;
-    appearance: MatFormFieldAppearance;
     mobile: boolean;
     compact: boolean;
     autofocus: boolean;
     startDate: Moment | null;
     clearable: boolean;
     datePickerFilter: DateFilterFn<Moment>;
+    set appearance(value: MatFormFieldAppearance);
+    get appearance(): MatFormFieldAppearance;
+    set subscriptSizing(value: SubscriptSizing);
+    get subscriptSizing(): SubscriptSizing;
+    set formControl(value: UntypedFormControl);
+    get formControl(): UntypedFormControl;
+    set formControlName(value: string);
+    get formControlName(): string;
+    set required(value: boolean | any);
+    get required(): boolean | any;
     set readonly(value: boolean);
     get readonly(): boolean;
     set tabindex(value: number);
@@ -108,6 +111,6 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     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, { "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "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; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["matError"], ["mat-error", "mat-hint", "[matPrefix]"], 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; }; "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"], ["mat-error", "mat-hint", "[matPrefix]"], false, never>;
 }
 export {};

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

@@ -16,12 +16,12 @@ export declare class DateTimeTestPage implements OnInit {
     memoryTimer: Subscription;
     form: UntypedFormGroup;
     mode: 'mobile' | 'desktop' | 'memory' | 'temp';
-    mobileApparence: MatFormFieldAppearance;
+    appearance: MatFormFieldAppearance;
     noTimeProperty: string;
     constructor(platform: Platform, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
     toggleMode(value: any): void;
-    toggleMobileApparence(event: MatCheckboxChange): void;
+    toggleAppearance(event: MatCheckboxChange): void;
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     log(message: string): void;

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

@@ -15,7 +15,9 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     private _formatOptions;
     private _disabling;
     private _writing;
+    private _appearance;
     private _subscriptSizing;
+    private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
     _readonly: boolean;
     _formatFn: LatLongFormatFn;
@@ -31,13 +33,14 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     pattern: LatLongPattern;
     required: boolean;
     floatLabel: AppFloatLabelType;
-    appearance: MatFormFieldAppearance;
     placeholder: string;
     tabindex: number;
     defaultSign: '-' | '+' | '+ ' | '- ';
     maxDecimals: number;
     placeholderChar: string;
     autofocus: boolean;
+    set appearance(value: MatFormFieldAppearance);
+    get appearance(): MatFormFieldAppearance;
     set readonly(value: boolean);
     get readonly(): boolean;
     set subscriptSizing(value: SubscriptSizing);
@@ -68,5 +71,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; }; "appearance": { "alias": "appearance"; "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; }; "readonly": { "alias": "readonly"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["matError"], ["mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']", "[matPrefix]", "[matSuffix]"], 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"; }, ["matError"], ["mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']", "[matPrefix]", "[matSuffix]"], false, never>;
 }

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

@@ -1,6 +1,8 @@
 import { OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { PlatformService } from '../../../../core/services/platform.service';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatCheckboxChange } from '@angular/material/checkbox';
 import * as i0 from "@angular/core";
 export declare class LatLongTestPage implements OnInit {
     protected formBuilder: UntypedFormBuilder;
@@ -8,12 +10,14 @@ export declare class LatLongTestPage implements OnInit {
     form: UntypedFormGroup;
     geoPositionMessage: string;
     mode: string;
+    appearance: MatFormFieldAppearance;
     constructor(formBuilder: UntypedFormBuilder, platform: PlatformService);
     ngOnInit(): void;
     toggleMode(value: any): void;
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     geoPosition(event: Event, controlName?: string): Promise<void>;
+    toggleAppearance(event: MatCheckboxChange): void;
     stringify: {
         (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
         (value: any, replacer?: (string | number)[], space?: string | number): string;

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

@@ -1,2 +1,3 @@
-import { SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 export declare const MAT_FORM_FIELD_DEFAULT_SUBSCRIPT_SIZING: SubscriptSizing;
+export declare const MAT_FORM_FIELD_DEFAULT_APPEARANCE: MatFormFieldAppearance;

package/src/assets/manifest.json

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

package/src/theme/_ngx-components.scss

@@ -197,7 +197,6 @@ form.form-container {
     mat-icon[matSuffix],
     .mat-mdc-form-field-icon-suffix {
       white-space: nowrap;
-      align-self: baseline;
 
       .mat-mdc-icon-button {
         --mdc-icon-button-state-layer-size: 24px;