@energinet/watt 3.0.32 → 3.0.34
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/picker/__shared/watt-picker-base.js +11 -110
- package/esm2022/picker/datepicker/watt-datepicker.component.js +57 -192
- package/esm2022/picker/timepicker/watt-timepicker.component.js +19 -91
- package/package.json +1 -1
- package/picker/__shared/watt-picker-base.d.ts +5 -129
- package/picker/datepicker/watt-datepicker.component.d.ts +25 -102
- package/picker/timepicker/watt-timepicker.component.d.ts +6 -69
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2020 Energinet DataHub A/S
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License2");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
1
17
|
import { ChangeDetectorRef, ElementRef, AfterViewInit } from '@angular/core';
|
|
2
18
|
import { AbstractControl, NgControl, Validator } from '@angular/forms';
|
|
3
19
|
import { MatCalendarCellClassFunction, MatDateRangeInput, MatDateRangePicker, MatDatepickerInput, MatEndDate, MatStartDate } from '@angular/material/datepicker';
|
|
@@ -25,63 +41,20 @@ export declare class WattDatepickerComponent extends WattPickerBase implements V
|
|
|
25
41
|
label: import("@angular/core").InputSignal<string>;
|
|
26
42
|
dateClass: import("@angular/core").InputSignal<MatCalendarCellClassFunction<Date>>;
|
|
27
43
|
canStepThroughDays: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
matStartDate: MatStartDate<Date | null>;
|
|
38
|
-
/**
|
|
39
|
-
* @ignore
|
|
40
|
-
*/
|
|
41
|
-
matEndDate: MatEndDate<Date | null>;
|
|
42
|
-
/**
|
|
43
|
-
* @ignore
|
|
44
|
-
*/
|
|
45
|
-
actualInput: ElementRef<HTMLInputElement>;
|
|
46
|
-
/**
|
|
47
|
-
* @ignore
|
|
48
|
-
*/
|
|
49
|
-
input: ElementRef<HTMLInputElement>;
|
|
50
|
-
/**
|
|
51
|
-
* @ignore
|
|
52
|
-
*/
|
|
53
|
-
startInput: ElementRef<HTMLInputElement>;
|
|
54
|
-
/**
|
|
55
|
-
* @ignore
|
|
56
|
-
*/
|
|
57
|
-
endInput: ElementRef<HTMLInputElement>;
|
|
58
|
-
/**
|
|
59
|
-
* @ignore
|
|
60
|
-
*/
|
|
44
|
+
protected matDatepickerInput: import("@angular/core").Signal<MatDatepickerInput<Date | null>>;
|
|
45
|
+
protected matDateRangePicker: import("@angular/core").Signal<MatDateRangePicker<Date | null>>;
|
|
46
|
+
protected matDateRangeInput: import("@angular/core").Signal<MatDateRangeInput<Date | null>>;
|
|
47
|
+
protected matStartDate: import("@angular/core").Signal<MatStartDate<Date | null>>;
|
|
48
|
+
protected matEndDate: import("@angular/core").Signal<MatEndDate<Date | null>>;
|
|
49
|
+
protected actualInput: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
|
|
50
|
+
protected input: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
51
|
+
protected startInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
52
|
+
protected endInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
61
53
|
protected _placeholder: string;
|
|
62
|
-
/**
|
|
63
|
-
* @ignore
|
|
64
|
-
*/
|
|
65
|
-
datePlaceholder: string;
|
|
66
|
-
/**
|
|
67
|
-
* @ignore
|
|
68
|
-
*/
|
|
69
54
|
rangeSeparator: string;
|
|
70
|
-
/**
|
|
71
|
-
* @ignore
|
|
72
|
-
*/
|
|
73
55
|
rangePlaceholder: string;
|
|
74
|
-
/**
|
|
75
|
-
* @ignore
|
|
76
|
-
*/
|
|
77
56
|
inputMask: import("@angular/core").Signal<Required<import("@maskito/core").MaskitoOptions>>;
|
|
78
|
-
/**
|
|
79
|
-
* @ignore
|
|
80
|
-
*/
|
|
81
57
|
rangeInputMask: import("@angular/core").Signal<Required<import("@maskito/core").MaskitoOptions>>;
|
|
82
|
-
/**
|
|
83
|
-
* @ignore
|
|
84
|
-
*/
|
|
85
58
|
getPlaceholderByLocale(locale: WattSupportedLocales): string;
|
|
86
59
|
getRangePlaceholder(): string;
|
|
87
60
|
isPrevDayButtonDisabled: import("@angular/core").WritableSignal<boolean>;
|
|
@@ -95,77 +68,27 @@ export declare class WattDatepickerComponent extends WattPickerBase implements V
|
|
|
95
68
|
inputChanged(value: string): void;
|
|
96
69
|
datepickerClosed(): void;
|
|
97
70
|
onMonthSelected(date: Date): void;
|
|
98
|
-
/**
|
|
99
|
-
* @ignore
|
|
100
|
-
*/
|
|
101
71
|
protected initRangeInput(): void;
|
|
102
72
|
clearRangePicker(): void;
|
|
103
73
|
rangeInputChanged(value: string): void;
|
|
104
74
|
rangePickerClosed(): void;
|
|
105
|
-
/**
|
|
106
|
-
* @ignore
|
|
107
|
-
*/
|
|
108
75
|
protected setSingleValue(value: Exclude<WattPickerValue, WattDateRange>, input: HTMLInputElement): void;
|
|
109
|
-
/**
|
|
110
|
-
* @ignore
|
|
111
|
-
*/
|
|
112
76
|
protected setRangeValue(value: WattDateRange | null, startInput: HTMLInputElement, endInput: HTMLInputElement): void;
|
|
113
|
-
/**
|
|
114
|
-
* @ignore
|
|
115
|
-
*/
|
|
116
77
|
prevDay(): void;
|
|
117
|
-
/**
|
|
118
|
-
* @ignore
|
|
119
|
-
*/
|
|
120
78
|
nextDay(): void;
|
|
121
|
-
/**
|
|
122
|
-
* @ignore
|
|
123
|
-
*/
|
|
124
79
|
private changeDay;
|
|
125
|
-
/**
|
|
126
|
-
* @ignore
|
|
127
|
-
*/
|
|
128
80
|
private isPrevDayBeforeOrEqualToMinDate;
|
|
129
|
-
/**
|
|
130
|
-
* @ignore
|
|
131
|
-
*/
|
|
132
81
|
private isNextDayAfterOrEqualToMaxDate;
|
|
133
|
-
/**
|
|
134
|
-
* @ignore
|
|
135
|
-
*/
|
|
136
|
-
private getInputFormat;
|
|
137
|
-
/**
|
|
138
|
-
* @ignore
|
|
139
|
-
*/
|
|
140
|
-
private getPlaceholder;
|
|
141
|
-
/**
|
|
142
|
-
* @ignore
|
|
143
|
-
*/
|
|
144
82
|
private parseDateShortFormat;
|
|
145
|
-
/**
|
|
146
|
-
* @ignore
|
|
147
|
-
*/
|
|
148
83
|
private setValueToInput;
|
|
149
84
|
/**
|
|
150
85
|
* @ignore
|
|
151
86
|
* Formats Date to full ISO 8601 format (e.g. `2022-08-31T22:00:00.000Z`)
|
|
152
87
|
*/
|
|
153
88
|
private formatDateFromViewToModel;
|
|
154
|
-
/**
|
|
155
|
-
* @ignore
|
|
156
|
-
*/
|
|
157
89
|
private formatDateTimeFromModelToView;
|
|
158
|
-
/**
|
|
159
|
-
* @ignore
|
|
160
|
-
*/
|
|
161
90
|
private toDanishTimeZone;
|
|
162
|
-
/**
|
|
163
|
-
* @ignore
|
|
164
|
-
*/
|
|
165
91
|
private setToEndOfDay;
|
|
166
|
-
/**
|
|
167
|
-
* @ignore
|
|
168
|
-
*/
|
|
169
92
|
private setEndDateToDanishTimeZone;
|
|
170
93
|
static ɵfac: i0.ɵɵFactoryDeclaration<WattDatepickerComponent, never>;
|
|
171
94
|
static ɵcmp: i0.ɵɵComponentDeclaration<WattDatepickerComponent, "watt-datepicker", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "rangeMonthOnlyMode": { "alias": "rangeMonthOnlyMode"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "canStepThroughDays": { "alias": "canStepThroughDays"; "required": false; "isSignal": true; }; }, {}, never, ["*", "watt-field-hint", "watt-field-error"], true, never>;
|
|
@@ -16,26 +16,14 @@ export declare class WattTimepickerComponent extends WattPickerBase {
|
|
|
16
16
|
protected elementRef: ElementRef<HTMLElement>;
|
|
17
17
|
protected changeDetectionRef: ChangeDetectorRef;
|
|
18
18
|
protected ngControl: NgControl | null;
|
|
19
|
-
label: string
|
|
19
|
+
label: import("@angular/core").InputSignal<string>;
|
|
20
20
|
/**
|
|
21
21
|
* Text to display on label for time range slider.
|
|
22
22
|
*/
|
|
23
|
-
sliderLabel: string
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
input: ElementRef;
|
|
28
|
-
/**
|
|
29
|
-
* @ignore
|
|
30
|
-
*/
|
|
31
|
-
startInput: ElementRef;
|
|
32
|
-
/**
|
|
33
|
-
* @ignore
|
|
34
|
-
*/
|
|
35
|
-
endInput: ElementRef;
|
|
36
|
-
/**
|
|
37
|
-
* @ignore
|
|
38
|
-
*/
|
|
23
|
+
sliderLabel: import("@angular/core").InputSignal<string>;
|
|
24
|
+
protected input: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
25
|
+
protected startInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
26
|
+
protected endInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
39
27
|
sliderId: string;
|
|
40
28
|
/**
|
|
41
29
|
* Used for defining a relationship between the time picker and
|
|
@@ -43,38 +31,17 @@ export declare class WattTimepickerComponent extends WattPickerBase {
|
|
|
43
31
|
* @ignore
|
|
44
32
|
*/
|
|
45
33
|
get ariaOwns(): string | undefined;
|
|
46
|
-
/**
|
|
47
|
-
* @ignore
|
|
48
|
-
*/
|
|
49
34
|
hoursMinutesPlaceholder: string;
|
|
50
|
-
/**
|
|
51
|
-
* @ignore
|
|
52
|
-
*/
|
|
53
35
|
rangeSeparator: string;
|
|
54
|
-
/**
|
|
55
|
-
* @ignore
|
|
56
|
-
*/
|
|
57
36
|
rangePlaceholder: string;
|
|
58
|
-
/**
|
|
59
|
-
* @ignore
|
|
60
|
-
*/
|
|
61
37
|
protected _placeholder: string;
|
|
62
38
|
/**
|
|
63
39
|
* Whether the slider is open.
|
|
64
40
|
* @ignore
|
|
65
41
|
*/
|
|
66
42
|
sliderOpen: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* @ignore
|
|
69
|
-
*/
|
|
70
43
|
sliderSteps: number[];
|
|
71
|
-
/**
|
|
72
|
-
* @ignore
|
|
73
|
-
*/
|
|
74
44
|
sliderChange$: Subject<WattSliderValue>;
|
|
75
|
-
/**
|
|
76
|
-
* @ignore
|
|
77
|
-
*/
|
|
78
45
|
get sliderValue(): WattSliderValue;
|
|
79
46
|
/**
|
|
80
47
|
* Toggles the visibility of the slider overlay.
|
|
@@ -86,47 +53,17 @@ export declare class WattTimepickerComponent extends WattPickerBase {
|
|
|
86
53
|
* @ignore
|
|
87
54
|
*/
|
|
88
55
|
onFocusOut(event: FocusEvent): void;
|
|
89
|
-
/**
|
|
90
|
-
* @ignore
|
|
91
|
-
*/
|
|
92
56
|
inputMask: Required<import("@maskito/core").MaskitoOptions>;
|
|
93
|
-
/**
|
|
94
|
-
* @ignore
|
|
95
|
-
*/
|
|
96
57
|
rangeInputMask: Required<import("@maskito/core").MaskitoOptions>;
|
|
97
|
-
/**
|
|
98
|
-
* @ignore
|
|
99
|
-
*/
|
|
100
58
|
destroyRef: DestroyRef;
|
|
101
59
|
constructor();
|
|
102
|
-
/**
|
|
103
|
-
* @ignore
|
|
104
|
-
*/
|
|
105
60
|
protected initSingleInput(): void;
|
|
106
|
-
/**
|
|
107
|
-
* @ignore
|
|
108
|
-
*/
|
|
109
61
|
inputChanged(value: string): void;
|
|
110
|
-
/**
|
|
111
|
-
* @ignore
|
|
112
|
-
*/
|
|
113
62
|
rangeInputChanged(value: string): void;
|
|
114
|
-
/**
|
|
115
|
-
* @ignore
|
|
116
|
-
*/
|
|
117
63
|
protected initRangeInput(): void;
|
|
118
|
-
/**
|
|
119
|
-
* @ignore
|
|
120
|
-
*/
|
|
121
64
|
setRangeValueAndNotify(start: string, end: string | null): void;
|
|
122
|
-
/**
|
|
123
|
-
* @ignore
|
|
124
|
-
*/
|
|
125
65
|
protected setSingleValue(value: Exclude<WattPickerValue, WattDateRange>, input: HTMLInputElement): void;
|
|
126
|
-
/**
|
|
127
|
-
* @ignore
|
|
128
|
-
*/
|
|
129
66
|
protected setRangeValue(value: WattDateRange, startInput: HTMLInputElement, endInput: HTMLInputElement): void;
|
|
130
67
|
static ɵfac: i0.ɵɵFactoryDeclaration<WattTimepickerComponent, never>;
|
|
131
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WattTimepickerComponent, "watt-timepicker", never, { "label": { "alias": "label"; "required": false; }; "sliderLabel": { "alias": "sliderLabel"; "required": false; }; }, {}, never, ["*", "watt-field-hint", "watt-field-error"], true, never>;
|
|
68
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WattTimepickerComponent, "watt-timepicker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "sliderLabel": { "alias": "sliderLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*", "watt-field-hint", "watt-field-error"], true, never>;
|
|
132
69
|
}
|