@sumaris-net/ngx-components 4.0.0-rc2 → 4.0.0-rc4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/src/app/core/account/account.page.mjs +3 -1
- package/esm2022/src/app/shared/form/field.component.mjs +1 -1
- package/esm2022/src/app/shared/material/datetime/material.datetime.mjs +34 -8
- package/esm2022/src/app/shared/material/datetime/testing/mat-date-time.test.mjs +11 -5
- package/esm2022/src/app/shared/material/numpad/testing/numpad.test.mjs +1 -1
- package/fesm2022/sumaris-net.ngx-components.mjs +45 -14
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/shared/inputs.d.ts +1 -1
- package/src/app/shared/material/datetime/material.datetime.d.ts +10 -4
- package/src/theme/_ngx-components.table.scss +3 -1
package/package.json
CHANGED
|
@@ -16,7 +16,7 @@ export interface InputElement extends FocusableElement {
|
|
|
16
16
|
}
|
|
17
17
|
export declare function isInputElement(object: any): object is InputElement;
|
|
18
18
|
export declare function asInputElement(object: ElementRef): InputElement | undefined;
|
|
19
|
-
export declare function tabindexComparator(a: InputElement, b: InputElement):
|
|
19
|
+
export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
|
|
20
20
|
export interface CanGainFocusOptions {
|
|
21
21
|
minTabindex?: number;
|
|
22
22
|
maxTabindex?: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
2
|
-
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
|
2
|
+
import { MatError, MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
|
|
3
3
|
import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
|
|
4
4
|
import { TranslateService } from '@ngx-translate/core';
|
|
5
5
|
import { Moment } from 'moment';
|
|
@@ -25,6 +25,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
|
|
|
25
25
|
private formBuilder;
|
|
26
26
|
private cd;
|
|
27
27
|
private formGroupDir;
|
|
28
|
+
private _defaults?;
|
|
28
29
|
private _onChangeCallback;
|
|
29
30
|
private _onTouchedCallback;
|
|
30
31
|
private _subscription;
|
|
@@ -36,6 +37,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
|
|
|
36
37
|
private _formControl;
|
|
37
38
|
private _controlName;
|
|
38
39
|
private _required;
|
|
40
|
+
protected _subscriptSizing: SubscriptSizing | null;
|
|
39
41
|
dayControl: UntypedFormControl;
|
|
40
42
|
hourControl: UntypedFormControl;
|
|
41
43
|
displayPattern: string;
|
|
@@ -43,6 +45,8 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
|
|
|
43
45
|
locale: string;
|
|
44
46
|
readonly dayMask: MaskitoMask;
|
|
45
47
|
readonly hourMask: MaskitoMask;
|
|
48
|
+
get subscriptSizing(): SubscriptSizing;
|
|
49
|
+
set subscriptSizing(value: SubscriptSizing);
|
|
46
50
|
set formControl(value: UntypedFormControl);
|
|
47
51
|
get formControl(): UntypedFormControl;
|
|
48
52
|
set formControlName(value: string);
|
|
@@ -68,7 +72,9 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
|
|
|
68
72
|
datePicker: MatDatepicker<Moment>;
|
|
69
73
|
timePicker: NgxTimePicker;
|
|
70
74
|
matInputs: QueryList<ElementRef>;
|
|
71
|
-
|
|
75
|
+
matError: MatError;
|
|
76
|
+
constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, _defaults?: MatFormFieldDefaultOptions);
|
|
77
|
+
_getDisplayedMessages(): 'error' | 'hint';
|
|
72
78
|
ngOnInit(): void;
|
|
73
79
|
ngAfterViewInit(): void;
|
|
74
80
|
ngOnDestroy(): void;
|
|
@@ -96,7 +102,7 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
|
|
|
96
102
|
private markAsTouched;
|
|
97
103
|
private markAsDirty;
|
|
98
104
|
private markForCheck;
|
|
99
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }]>;
|
|
100
|
-
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; }; }, {},
|
|
105
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }, null]>;
|
|
106
|
+
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>;
|
|
101
107
|
}
|
|
102
108
|
export {};
|
|
@@ -318,9 +318,11 @@
|
|
|
318
318
|
width: 100%;
|
|
319
319
|
white-space: nowrap;
|
|
320
320
|
overflow: inherit;
|
|
321
|
-
|
|
321
|
+
|
|
322
322
|
padding-top: var(--mat-cell-padding-top) !important;
|
|
323
|
+
padding-right: 0;
|
|
323
324
|
padding-bottom: 0;
|
|
325
|
+
padding-left: 0;
|
|
324
326
|
|
|
325
327
|
.mat-mdc-input-element,
|
|
326
328
|
input {
|