@sumaris-net/ngx-components 4.0.0-rc1 → 4.0.0-rc3

package/package.json

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

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

@@ -16,7 +16,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement(object: ElementRef): 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/datetime/material.datetime.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatError, MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
@@ -25,6 +25,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private formBuilder;
     private cd;
     private formGroupDir;
+    private _defaults?;
     private _onChangeCallback;
     private _onTouchedCallback;
     private _subscription;
@@ -36,6 +37,8 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _formControl;
     private _controlName;
     private _required;
+    protected _subscriptSizing: SubscriptSizing | null;
+    protected _subscriptAnimationState: string;
     dayControl: UntypedFormControl;
     hourControl: UntypedFormControl;
     displayPattern: string;
@@ -43,6 +46,8 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     locale: string;
     readonly dayMask: MaskitoMask;
     readonly hourMask: MaskitoMask;
+    get subscriptSizing(): SubscriptSizing;
+    set subscriptSizing(value: SubscriptSizing);
     set formControl(value: UntypedFormControl);
     get formControl(): UntypedFormControl;
     set formControlName(value: string);
@@ -68,7 +73,9 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
     matInputs: QueryList<ElementRef>;
-    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    matError: MatError;
+    constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, _defaults?: MatFormFieldDefaultOptions);
+    _getDisplayedMessages(): 'error' | 'hint';
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -96,7 +103,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "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; }; "placeholderChar": { "alias": "placeholderChar"; "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; }; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]"], false, never>;
+    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; }; "placeholderChar": { "alias": "placeholderChar"; "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>;
 }
 export {};

package/src/theme/_material.scss

@@ -125,6 +125,13 @@ mat-icon[slot] {
 }
 
 
+.mat-mdc-form-field {
+  --mat-form-field-container-text-size: 14px;
+  --mdc-filled-text-field-label-text-size: var(--mat-form-field-container-text-size);
+}
+
+
+// Form Fields
 .mat-mdc-form-field-errors {
   margin-top: -20px;
 
@@ -144,3 +151,4 @@ mat-icon[slot] {
     }
   }
 }
+

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

@@ -22,7 +22,7 @@
   --mat-table-row-item-label-text-tracking: 0.5px;
   --mat-form-field-container-text-tracking: 0.5px;
   --mdc-typography-body1-letter-spacing: 0.0178571429em;
-  --mat-table-row-item-label-text-size: 16px;
+  --mat-table-row-item-label-text-size: 14px;
 
   .mat-mdc-header-cell {
     color: var(--ion-color-primary);
@@ -318,9 +318,11 @@
         width: 100%;
         white-space: nowrap;
         overflow: inherit;
-        padding: 0;
+
         padding-top: var(--mat-cell-padding-top) !important;
+        padding-right: 0;
         padding-bottom: 0;
+        padding-left: 0;
 
         .mat-mdc-input-element,
         input {