cmat 0.0.78 → 0.0.80
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/fesm2022/cmat-components-adapter.mjs +9 -46
- package/fesm2022/cmat-components-adapter.mjs.map +1 -1
- package/fesm2022/cmat-components-breadcrumb.mjs +104 -205
- package/fesm2022/cmat-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/cmat-components-card.mjs +4 -8
- package/fesm2022/cmat-components-card.mjs.map +1 -1
- package/fesm2022/cmat-components-carousel.mjs +21 -21
- package/fesm2022/cmat-components-carousel.mjs.map +1 -1
- package/fesm2022/cmat-components-cascade.mjs +18 -24
- package/fesm2022/cmat-components-cascade.mjs.map +1 -1
- package/fesm2022/cmat-components-chip-input.mjs +21 -21
- package/fesm2022/cmat-components-chip-input.mjs.map +1 -1
- package/fesm2022/cmat-components-code-editor.mjs +4 -22
- package/fesm2022/cmat-components-code-editor.mjs.map +1 -1
- package/fesm2022/cmat-components-custom-formly.mjs +181 -245
- package/fesm2022/cmat-components-custom-formly.mjs.map +1 -1
- package/fesm2022/cmat-components-date-range.mjs +12 -184
- package/fesm2022/cmat-components-date-range.mjs.map +1 -1
- package/fesm2022/cmat-components-date-time-display.mjs +3 -15
- package/fesm2022/cmat-components-date-time-display.mjs.map +1 -1
- package/fesm2022/cmat-components-drawer.mjs +10 -100
- package/fesm2022/cmat-components-drawer.mjs.map +1 -1
- package/fesm2022/cmat-components-empty-state.mjs +4 -25
- package/fesm2022/cmat-components-empty-state.mjs.map +1 -1
- package/fesm2022/cmat-components-file-preview.mjs +3 -21
- package/fesm2022/cmat-components-file-preview.mjs.map +1 -1
- package/fesm2022/cmat-components-filter-toolbar.mjs +7 -50
- package/fesm2022/cmat-components-filter-toolbar.mjs.map +1 -1
- package/fesm2022/cmat-components-form-actions.mjs +3 -9
- package/fesm2022/cmat-components-form-actions.mjs.map +1 -1
- package/fesm2022/cmat-components-fullscreen.mjs +4 -4
- package/fesm2022/cmat-components-fullscreen.mjs.map +1 -1
- package/fesm2022/cmat-components-highlight.mjs +6 -32
- package/fesm2022/cmat-components-highlight.mjs.map +1 -1
- package/fesm2022/cmat-components-image-viewer.mjs +12 -24
- package/fesm2022/cmat-components-image-viewer.mjs.map +1 -1
- package/fesm2022/cmat-components-inline-loading.mjs +3 -12
- package/fesm2022/cmat-components-inline-loading.mjs.map +1 -1
- package/fesm2022/cmat-components-json-editor.mjs +11 -16
- package/fesm2022/cmat-components-json-editor.mjs.map +1 -1
- package/fesm2022/cmat-components-knob-input.mjs +24 -18
- package/fesm2022/cmat-components-knob-input.mjs.map +1 -1
- package/fesm2022/cmat-components-masonry.mjs +8 -17
- package/fesm2022/cmat-components-masonry.mjs.map +1 -1
- package/fesm2022/cmat-components-material-color-picker.mjs +13 -34
- package/fesm2022/cmat-components-material-color-picker.mjs.map +1 -1
- package/fesm2022/cmat-components-material-datetimepicker.mjs +80 -436
- package/fesm2022/cmat-components-material-datetimepicker.mjs.map +1 -1
- package/fesm2022/cmat-components-navigation.mjs +266 -816
- package/fesm2022/cmat-components-navigation.mjs.map +1 -1
- package/fesm2022/cmat-components-opt-input.mjs +7 -10
- package/fesm2022/cmat-components-opt-input.mjs.map +1 -1
- package/fesm2022/cmat-components-org-chart.mjs +11 -11
- package/fesm2022/cmat-components-org-chart.mjs.map +1 -1
- package/fesm2022/cmat-components-page-header.mjs +8 -19
- package/fesm2022/cmat-components-page-header.mjs.map +1 -1
- package/fesm2022/cmat-components-pagination.mjs +113 -108
- package/fesm2022/cmat-components-pagination.mjs.map +1 -1
- package/fesm2022/cmat-components-password-strength.mjs +13 -16
- package/fesm2022/cmat-components-password-strength.mjs.map +1 -1
- package/fesm2022/cmat-components-popover.mjs +15 -151
- package/fesm2022/cmat-components-popover.mjs.map +1 -1
- package/fesm2022/cmat-components-progress-bar.mjs +16 -26
- package/fesm2022/cmat-components-progress-bar.mjs.map +1 -1
- package/fesm2022/cmat-components-qrcode.mjs +5 -11
- package/fesm2022/cmat-components-qrcode.mjs.map +1 -1
- package/fesm2022/cmat-components-rating.mjs +14 -14
- package/fesm2022/cmat-components-rating.mjs.map +1 -1
- package/fesm2022/cmat-components-rich-text-editor.mjs +4 -25
- package/fesm2022/cmat-components-rich-text-editor.mjs.map +1 -1
- package/fesm2022/cmat-components-select-search.mjs +51 -79
- package/fesm2022/cmat-components-select-search.mjs.map +1 -1
- package/fesm2022/cmat-components-select-table.mjs +204 -162
- package/fesm2022/cmat-components-select-table.mjs.map +1 -1
- package/fesm2022/cmat-components-select-tree.mjs +142 -97
- package/fesm2022/cmat-components-select-tree.mjs.map +1 -1
- package/fesm2022/cmat-components-skeleton.mjs +4 -22
- package/fesm2022/cmat-components-skeleton.mjs.map +1 -1
- package/fesm2022/cmat-components-speed-dial.mjs +14 -19
- package/fesm2022/cmat-components-speed-dial.mjs.map +1 -1
- package/fesm2022/cmat-components-status-tag.mjs +3 -18
- package/fesm2022/cmat-components-status-tag.mjs.map +1 -1
- package/fesm2022/cmat-components-table-toolbar.mjs +3 -15
- package/fesm2022/cmat-components-table-toolbar.mjs.map +1 -1
- package/fesm2022/cmat-components-timeline.mjs +18 -21
- package/fesm2022/cmat-components-timeline.mjs.map +1 -1
- package/fesm2022/cmat-components-toast.mjs +20 -20
- package/fesm2022/cmat-components-toast.mjs.map +1 -1
- package/fesm2022/cmat-components-transfer-picker.mjs +159 -123
- package/fesm2022/cmat-components-transfer-picker.mjs.map +1 -1
- package/fesm2022/cmat-components-treetable.mjs +17 -19
- package/fesm2022/cmat-components-treetable.mjs.map +1 -1
- package/fesm2022/cmat-components-upload.mjs +35 -57
- package/fesm2022/cmat-components-upload.mjs.map +1 -1
- package/fesm2022/cmat-components-x6-angular-shape.mjs +0 -4
- package/fesm2022/cmat-components-x6-angular-shape.mjs.map +1 -1
- package/fesm2022/cmat-directives-animate-on-scroll.mjs +6 -27
- package/fesm2022/cmat-directives-animate-on-scroll.mjs.map +1 -1
- package/fesm2022/cmat-directives-arrow-cursor.mjs +7 -9
- package/fesm2022/cmat-directives-arrow-cursor.mjs.map +1 -1
- package/fesm2022/cmat-directives-autofocus.mjs +3 -3
- package/fesm2022/cmat-directives-data-exporter.mjs +24 -33
- package/fesm2022/cmat-directives-data-exporter.mjs.map +1 -1
- package/fesm2022/cmat-directives-debounce.mjs +14 -17
- package/fesm2022/cmat-directives-debounce.mjs.map +1 -1
- package/fesm2022/cmat-directives-digit-only.mjs +6 -23
- package/fesm2022/cmat-directives-digit-only.mjs.map +1 -1
- package/fesm2022/cmat-directives-equal-validator.mjs +3 -3
- package/fesm2022/cmat-directives-seamless-auto-scroll.mjs +4 -11
- package/fesm2022/cmat-directives-seamless-auto-scroll.mjs.map +1 -1
- package/fesm2022/cmat-lib-mock-api.mjs +6 -43
- package/fesm2022/cmat-lib-mock-api.mjs.map +1 -1
- package/fesm2022/cmat-pipes-bytes.mjs +3 -3
- package/fesm2022/cmat-pipes-date-format.mjs +3 -3
- package/fesm2022/cmat-pipes-find-by-key.mjs +3 -5
- package/fesm2022/cmat-pipes-find-by-key.mjs.map +1 -1
- package/fesm2022/cmat-pipes-group-by.mjs +3 -3
- package/fesm2022/cmat-pipes-keys.mjs +3 -3
- package/fesm2022/cmat-pipes-secure.mjs +8 -12
- package/fesm2022/cmat-pipes-secure.mjs.map +1 -1
- package/fesm2022/cmat-pipes-uppercase.mjs +3 -3
- package/fesm2022/cmat-services-alert.mjs +3 -3
- package/fesm2022/cmat-services-config.mjs +50 -26
- package/fesm2022/cmat-services-config.mjs.map +1 -1
- package/fesm2022/cmat-services-confirmation.mjs +9 -11
- package/fesm2022/cmat-services-confirmation.mjs.map +1 -1
- package/fesm2022/cmat-services-data.mjs +56 -101
- package/fesm2022/cmat-services-data.mjs.map +1 -1
- package/fesm2022/cmat-services-export-as.mjs +4 -32
- package/fesm2022/cmat-services-export-as.mjs.map +1 -1
- package/fesm2022/cmat-services-loading.mjs +49 -40
- package/fesm2022/cmat-services-loading.mjs.map +1 -1
- package/fesm2022/cmat-services-local-storage.mjs +3 -3
- package/fesm2022/cmat-services-media-watcher.mjs +19 -25
- package/fesm2022/cmat-services-media-watcher.mjs.map +1 -1
- package/fesm2022/cmat-services-platform.mjs +3 -10
- package/fesm2022/cmat-services-platform.mjs.map +1 -1
- package/fesm2022/cmat-services-splash-screen.mjs +8 -13
- package/fesm2022/cmat-services-splash-screen.mjs.map +1 -1
- package/fesm2022/cmat-services-title.mjs +8 -12
- package/fesm2022/cmat-services-title.mjs.map +1 -1
- package/fesm2022/cmat-services-translation.mjs +3 -3
- package/fesm2022/cmat-services-utils.mjs +5 -27
- package/fesm2022/cmat-services-utils.mjs.map +1 -1
- package/fesm2022/cmat-validators.mjs +0 -8
- package/fesm2022/cmat-validators.mjs.map +1 -1
- package/fesm2022/cmat.mjs +3477 -3795
- package/fesm2022/cmat.mjs.map +1 -1
- package/package.json +1 -1
- package/tailwind/plugins/helpers.js +1 -10
- package/tailwind/plugins/scrollbar/index.js +0 -1
- package/tailwind/plugins/scrollbar/typedefs.js +1 -7
- package/tailwind/plugins/scrollbar/utilities.js +9 -58
- package/tailwind/plugins/scrollbar/variants.js +2 -17
- package/tailwind/plugins/theming.js +1 -57
- package/tailwind/utils/generate-contrasts.js +1 -12
- package/tailwind/utils/generate-palette.js +1 -32
- package/types/cmat-components-adapter.d.ts +0 -25
- package/types/cmat-components-breadcrumb.d.ts +25 -175
- package/types/cmat-components-carousel.d.ts +2 -20
- package/types/cmat-components-cascade.d.ts +4 -4
- package/types/cmat-components-chip-input.d.ts +4 -3
- package/types/cmat-components-code-editor.d.ts +0 -18
- package/types/cmat-components-custom-formly.d.ts +30 -37
- package/types/cmat-components-date-range.d.ts +1 -72
- package/types/cmat-components-date-time-display.d.ts +0 -15
- package/types/cmat-components-drawer.d.ts +2 -44
- package/types/cmat-components-empty-state.d.ts +0 -21
- package/types/cmat-components-file-preview.d.ts +0 -18
- package/types/cmat-components-filter-toolbar.d.ts +3 -43
- package/types/cmat-components-form-actions.d.ts +0 -6
- package/types/cmat-components-image-viewer.d.ts +5 -18
- package/types/cmat-components-inline-loading.d.ts +0 -9
- package/types/cmat-components-json-editor.d.ts +0 -1
- package/types/cmat-components-knob-input.d.ts +3 -3
- package/types/cmat-components-masonry.d.ts +1 -2
- package/types/cmat-components-material-color-picker.d.ts +1 -2
- package/types/cmat-components-material-datetimepicker.d.ts +6 -272
- package/types/cmat-components-navigation.d.ts +34 -171
- package/types/cmat-components-opt-input.d.ts +1 -1
- package/types/cmat-components-page-header.d.ts +2 -16
- package/types/cmat-components-pagination.d.ts +26 -27
- package/types/cmat-components-password-strength.d.ts +1 -2
- package/types/cmat-components-popover.d.ts +1 -110
- package/types/cmat-components-progress-bar.d.ts +9 -11
- package/types/cmat-components-rating.d.ts +6 -7
- package/types/cmat-components-rich-text-editor.d.ts +0 -21
- package/types/cmat-components-select-search.d.ts +4 -20
- package/types/cmat-components-select-table.d.ts +24 -12
- package/types/cmat-components-select-tree.d.ts +29 -29
- package/types/cmat-components-skeleton.d.ts +0 -18
- package/types/cmat-components-speed-dial.d.ts +1 -2
- package/types/cmat-components-status-tag.d.ts +0 -15
- package/types/cmat-components-table-toolbar.d.ts +0 -12
- package/types/cmat-components-timeline.d.ts +3 -4
- package/types/cmat-components-toast.d.ts +2 -2
- package/types/cmat-components-transfer-picker.d.ts +42 -36
- package/types/cmat-components-treetable.d.ts +3 -4
- package/types/cmat-components-upload.d.ts +12 -17
- package/types/cmat-components-x6-angular-shape.d.ts +0 -1
- package/types/cmat-directives-arrow-cursor.d.ts +1 -1
- package/types/cmat-directives-debounce.d.ts +3 -4
- package/types/cmat-pipes-secure.d.ts +3 -4
- package/types/cmat-services-config.d.ts +35 -13
- package/types/cmat-services-data.d.ts +13 -12
- package/types/cmat-services-export-as.d.ts +0 -22
- package/types/cmat-services-loading.d.ts +15 -10
- package/types/cmat-services-media-watcher.d.ts +10 -13
- package/types/cmat-services-splash-screen.d.ts +2 -4
- package/types/cmat-services-title.d.ts +3 -5
- package/types/cmat.d.ts +733 -1391
|
@@ -13,17 +13,11 @@ declare enum CmatDatetimepickerFilterType {
|
|
|
13
13
|
MINUTE = 2
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
/** Possible types for datetimepicker. */
|
|
17
16
|
type CmatDatetimepickerType = 'date' | 'time' | 'month' | 'year' | 'datetime';
|
|
18
|
-
/** Possible views for datetimepicker calendar. */
|
|
19
17
|
type CmatCalendarView = 'clock' | 'month' | 'year' | 'multi-year';
|
|
20
|
-
/** Possible types for AM / PM */
|
|
21
18
|
type CmatAMPM = 'AM' | 'PM';
|
|
22
|
-
/** Possible modes for datetimepicker dropdown display. */
|
|
23
19
|
type CmatDatetimepickerMode = 'auto' | 'portrait' | 'landscape';
|
|
24
|
-
/** Possible positions for the datetimepicker dropdown along the X axis. */
|
|
25
20
|
type DatetimepickerDropdownPositionX = 'start' | 'end';
|
|
26
|
-
/** Possible positions for the datetimepicker dropdown along the Y axis. */
|
|
27
21
|
type DatetimepickerDropdownPositionY = 'above' | 'below';
|
|
28
22
|
type CmatClockView = 'hour' | 'minute';
|
|
29
23
|
|
|
@@ -31,24 +25,17 @@ declare const CLOCK_RADIUS = 50;
|
|
|
31
25
|
declare const CLOCK_INNER_RADIUS = 27.5;
|
|
32
26
|
declare const CLOCK_OUTER_RADIUS = 41.25;
|
|
33
27
|
declare const CLOCK_TICK_RADIUS = 7.0833;
|
|
34
|
-
/**
|
|
35
|
-
* A clock that is used as part of the datepicker.
|
|
36
|
-
*/
|
|
37
28
|
declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit {
|
|
38
29
|
userSelection: EventEmitter<void>;
|
|
39
|
-
/** A function used to filter which dates are selectable. */
|
|
40
30
|
dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
|
|
41
31
|
interval: number;
|
|
42
32
|
twelvehour: boolean;
|
|
43
|
-
/** Emits when the currently selected date changes. */
|
|
44
33
|
selectedChange: EventEmitter<D>;
|
|
45
34
|
activeDateChange: EventEmitter<D>;
|
|
46
35
|
role: string;
|
|
47
36
|
class: string;
|
|
48
|
-
/** Hours and Minutes representing the clock view. */
|
|
49
37
|
hours: any[];
|
|
50
38
|
minutes: any[];
|
|
51
|
-
/** Whether the clock is in hour view. */
|
|
52
39
|
hourView: boolean;
|
|
53
40
|
selectedHour: number;
|
|
54
41
|
selectedMinute: number;
|
|
@@ -62,58 +49,35 @@ declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit {
|
|
|
62
49
|
private _minDate;
|
|
63
50
|
private _maxDate;
|
|
64
51
|
constructor();
|
|
65
|
-
/**
|
|
66
|
-
* The date to display in this clock view.
|
|
67
|
-
*/
|
|
68
52
|
get activeDate(): D;
|
|
69
53
|
set activeDate(value: D);
|
|
70
|
-
/** The currently selected date. */
|
|
71
54
|
get selected(): D | null;
|
|
72
55
|
set selected(value: D | null);
|
|
73
|
-
/** The minimum selectable date. */
|
|
74
56
|
get minDate(): D | null;
|
|
75
57
|
set minDate(value: D | null);
|
|
76
|
-
/** The maximum selectable date. */
|
|
77
58
|
get maxDate(): D | null;
|
|
78
59
|
set maxDate(value: D | null);
|
|
79
|
-
/** Whether the clock should be started in hour or minute view. */
|
|
80
60
|
set startView(value: CmatClockView);
|
|
81
61
|
get hand(): any;
|
|
82
|
-
/** Handles mousedown events on the clock body. */
|
|
83
62
|
handleMousedown(event: MouseEvent): void;
|
|
84
63
|
ngAfterContentInit(): void;
|
|
85
64
|
handleMousemove(event: any): void;
|
|
86
65
|
handleMouseup(): void;
|
|
87
|
-
/** Initializes this clock view. */
|
|
88
66
|
private _init;
|
|
89
|
-
/**
|
|
90
|
-
* Set Time
|
|
91
|
-
*
|
|
92
|
-
* @param event
|
|
93
|
-
*/
|
|
94
67
|
private _setTime;
|
|
95
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerClockComponent<any>, never>;
|
|
96
69
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerClockComponent<any>, "cmat-datetimepicker-clock", ["cmatDatetimepickerClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
|
|
97
70
|
}
|
|
98
71
|
|
|
99
|
-
/**
|
|
100
|
-
* A calendar that is used as part of the datepicker.
|
|
101
|
-
*/
|
|
102
72
|
declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit, OnDestroy {
|
|
103
73
|
userSelection: EventEmitter<void>;
|
|
104
|
-
/** Active multi year view when click on year. */
|
|
105
74
|
multiYearSelector: boolean;
|
|
106
|
-
/** Whether the calendar should be started in month or year view. */
|
|
107
75
|
startView: CmatCalendarView;
|
|
108
76
|
twelvehour: boolean;
|
|
109
77
|
timeInterval: number;
|
|
110
|
-
/** A function used to filter which dates are selectable. */
|
|
111
78
|
dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
|
|
112
|
-
/** Prevent user to select same date time */
|
|
113
79
|
preventSameDateTimeSelection: boolean;
|
|
114
|
-
/** Emits when the currently selected date changes. */
|
|
115
80
|
selectedChange: EventEmitter<D>;
|
|
116
|
-
/** Emits when the view has been changed. **/
|
|
117
81
|
viewChanged: EventEmitter<CmatCalendarView>;
|
|
118
82
|
class: string;
|
|
119
83
|
label: string;
|
|
@@ -121,13 +85,12 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
121
85
|
tabindex: number;
|
|
122
86
|
AMPM: CmatAMPM;
|
|
123
87
|
clockView: CmatClockView;
|
|
124
|
-
calendarState: string
|
|
125
|
-
|
|
88
|
+
readonly calendarState: i0.WritableSignal<string>;
|
|
89
|
+
readonly intlVersion: i0.WritableSignal<number>;
|
|
126
90
|
private _elementRef;
|
|
127
91
|
private _intl;
|
|
128
92
|
private _adapter;
|
|
129
93
|
private _dateFormats;
|
|
130
|
-
private _changeDetectorRef;
|
|
131
94
|
private _currentView;
|
|
132
95
|
private _intlChanges;
|
|
133
96
|
private _clampedActiveDate;
|
|
@@ -141,34 +104,20 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
141
104
|
constructor();
|
|
142
105
|
get type(): CmatDatetimepickerType;
|
|
143
106
|
set type(value: CmatDatetimepickerType);
|
|
144
|
-
/** A date representing the period (month or year) to start the calendar in. */
|
|
145
107
|
get startAt(): D | null;
|
|
146
108
|
set startAt(value: D | null);
|
|
147
|
-
/**
|
|
148
|
-
* Whether the calendar is in time mode. In time mode the calendar clock gets time input elements rather then just clock
|
|
149
|
-
*
|
|
150
|
-
* When touchUi is enabled this will be disabled
|
|
151
|
-
*/
|
|
152
109
|
get timeInput(): boolean;
|
|
153
110
|
set timeInput(value: boolean);
|
|
154
|
-
/** The currently selected date. */
|
|
155
111
|
get selected(): D | null;
|
|
156
112
|
set selected(value: D | null);
|
|
157
|
-
/** The minimum selectable date. */
|
|
158
113
|
get minDate(): D | null;
|
|
159
114
|
set minDate(value: D | null);
|
|
160
|
-
/** The maximum selectable date. */
|
|
161
115
|
get maxDate(): D | null;
|
|
162
116
|
set maxDate(value: D | null);
|
|
163
|
-
/**
|
|
164
|
-
* The current active date. This determines which time period is shown and which date is
|
|
165
|
-
* highlighted when using keyboard navigation.
|
|
166
|
-
*/
|
|
167
117
|
get activeDate(): D;
|
|
168
118
|
set activeDate(value: D);
|
|
169
119
|
get currentView(): CmatCalendarView;
|
|
170
120
|
set currentView(view: CmatCalendarView);
|
|
171
|
-
/** The label for the current calendar view. */
|
|
172
121
|
get yearButtonText(): string;
|
|
173
122
|
get yearPeriodText(): string;
|
|
174
123
|
get yearButtonLabel(): string;
|
|
@@ -181,16 +130,12 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
181
130
|
get prevButtonLabel(): string;
|
|
182
131
|
get nextButtonLabel(): string;
|
|
183
132
|
handleCalendarBodyKeydown(event: KeyboardEvent): void;
|
|
184
|
-
/** Date filter for the month and year views. */
|
|
185
133
|
dateFilterForViews: (date: D) => boolean;
|
|
186
134
|
userSelected(): void;
|
|
187
135
|
ngAfterContentInit(): void;
|
|
188
136
|
ngOnDestroy(): void;
|
|
189
|
-
/** Handles date selection in the month view. */
|
|
190
137
|
dateSelected(date: D): void;
|
|
191
|
-
/** Handles month selection in the year view. */
|
|
192
138
|
monthSelected(month: D): void;
|
|
193
|
-
/** Handles year selection in the multi year view. */
|
|
194
139
|
yearSelected(year: D): void;
|
|
195
140
|
timeSelected(date: D): void;
|
|
196
141
|
dialTimeSelected(date: D): void;
|
|
@@ -202,35 +147,18 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
202
147
|
dateClicked(): void;
|
|
203
148
|
hoursClicked(): void;
|
|
204
149
|
minutesClicked(): void;
|
|
205
|
-
/** Handles user clicks on the previous button. */
|
|
206
150
|
previousClicked(): void;
|
|
207
|
-
/** Handles user clicks on the next button. */
|
|
208
151
|
nextClicked(): void;
|
|
209
|
-
/** Whether the previous period button is enabled. */
|
|
210
152
|
previousEnabled(): boolean;
|
|
211
|
-
/** Whether the next period button is enabled. */
|
|
212
153
|
nextEnabled(): boolean;
|
|
213
154
|
focusActiveCell(): void;
|
|
214
155
|
calendarStateDone(event: AnimationEvent): void;
|
|
215
|
-
/** Whether the two dates represent the same view in the current view mode (month or year). */
|
|
216
156
|
private _isSameView;
|
|
217
|
-
/** Handles keydown events on the calendar body when calendar is in month view. */
|
|
218
157
|
private _handleCalendarBodyKeydownInMonthView;
|
|
219
|
-
/** Handles keydown events on the calendar body when calendar is in year view. */
|
|
220
158
|
private _handleCalendarBodyKeydownInYearView;
|
|
221
|
-
/** Handles keydown events on the calendar body when calendar is in multi-year view. */
|
|
222
159
|
private _handleCalendarBodyKeydownInMultiYearView;
|
|
223
|
-
/** Handles keydown events on the calendar body when calendar is in month view. */
|
|
224
160
|
private _handleCalendarBodyKeydownInClockView;
|
|
225
|
-
/**
|
|
226
|
-
* Determine the date for the month that comes before the given month in the same column in the
|
|
227
|
-
* calendar table.
|
|
228
|
-
*/
|
|
229
161
|
private _prevMonthInSameCol;
|
|
230
|
-
/**
|
|
231
|
-
* Determine the date for the month that comes after the given month in the same column in the
|
|
232
|
-
* calendar table.
|
|
233
|
-
*/
|
|
234
162
|
private _nextMonthInSameCol;
|
|
235
163
|
private _changeCalendarState;
|
|
236
164
|
private _2digit;
|
|
@@ -238,9 +166,6 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
238
166
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerCalendarComponent<any>, "cmat-datetimepicker-calendar", ["cmatDatetimepickerCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; }, never, never, true, never>;
|
|
239
167
|
}
|
|
240
168
|
|
|
241
|
-
/**
|
|
242
|
-
* An internal class that represents the data corresponding to a single calendar cell.
|
|
243
|
-
*/
|
|
244
169
|
declare class CmatDatetimepickerCalendarCellComponent {
|
|
245
170
|
value: number;
|
|
246
171
|
displayValue: string;
|
|
@@ -248,30 +173,17 @@ declare class CmatDatetimepickerCalendarCellComponent {
|
|
|
248
173
|
enabled: boolean;
|
|
249
174
|
constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean);
|
|
250
175
|
}
|
|
251
|
-
/**
|
|
252
|
-
* An internal component used to display calendar data in a table.
|
|
253
|
-
*/
|
|
254
176
|
declare class CmatDatetimepickerCalendarBodyComponent {
|
|
255
|
-
/** The label for the table. (e.g. "Jan 2017"). */
|
|
256
177
|
label: string;
|
|
257
|
-
/** The cells to display in the table. */
|
|
258
178
|
rows: CmatDatetimepickerCalendarCellComponent[][];
|
|
259
|
-
/** The value in the table that corresponds to today. */
|
|
260
179
|
todayValue: number | null;
|
|
261
|
-
/** The value in the table that is currently selected. */
|
|
262
180
|
selectedValue: number | null;
|
|
263
|
-
/** The minimum number of free cells needed to fit the label in the first row. */
|
|
264
181
|
labelMinRequiredCells: number;
|
|
265
|
-
/** The number of columns in the table. */
|
|
266
182
|
numCols: number;
|
|
267
|
-
/** Whether to allow selection of disabled cells. */
|
|
268
183
|
allowDisabledSelection: boolean;
|
|
269
|
-
/** The cell number of the active cell in the table. */
|
|
270
184
|
activeCell: number;
|
|
271
|
-
/** Emits when a new value is selected. */
|
|
272
185
|
selectedValueChange: EventEmitter<number>;
|
|
273
186
|
class: string;
|
|
274
|
-
/** The number of blank cells to put at the beginning for the first row. */
|
|
275
187
|
get _firstRowOffset(): number;
|
|
276
188
|
cellClicked(cell: CmatDatetimepickerCalendarCellComponent): void;
|
|
277
189
|
isActiveCell(rowIndex: number, colIndex: number): boolean;
|
|
@@ -281,29 +193,18 @@ declare class CmatDatetimepickerCalendarBodyComponent {
|
|
|
281
193
|
|
|
282
194
|
declare const CMAT_DATETIMEPICKER_VALUE_ACCESSOR: any;
|
|
283
195
|
declare const CMAT_DATETIMEPICKER_VALIDATORS: any;
|
|
284
|
-
/**
|
|
285
|
-
* An event used for datepicker input and change events. We don't always have access to a native
|
|
286
|
-
* input or change event because the event may have been triggered by the user clicking on the
|
|
287
|
-
* calendar popup. For consistency, we always use MatDatepickerInputEvent instead.
|
|
288
|
-
*/
|
|
289
196
|
declare class CmatDatetimepickerInputEvent<D> {
|
|
290
197
|
target: CmatDatetimepickerInputDirective<D>;
|
|
291
198
|
targetElement: HTMLElement;
|
|
292
|
-
/** The new value for the target datepicker input. */
|
|
293
199
|
value: D | null;
|
|
294
200
|
constructor(target: CmatDatetimepickerInputDirective<D>, targetElement: HTMLElement);
|
|
295
201
|
}
|
|
296
|
-
/** Directive used to connect an input to a MatDatepicker. */
|
|
297
202
|
declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, ControlValueAccessor, OnDestroy, Validator {
|
|
298
|
-
/** Emits when a `change` event is fired on this `<input>`. */
|
|
299
203
|
dateChange: EventEmitter<CmatDatetimepickerInputEvent<D>>;
|
|
300
|
-
/** Emits when an `input` event is fired on this `<input>`. */
|
|
301
204
|
dateInput: EventEmitter<CmatDatetimepickerInputEvent<D>>;
|
|
302
205
|
datetimepicker: CmatDatetimepickerComponent<D>;
|
|
303
206
|
dateFilter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
|
|
304
|
-
/** Emits when the value changes (either due to user input or programmatic change). */
|
|
305
207
|
valueChange: EventEmitter<D | null>;
|
|
306
|
-
/** Emits when the disabled state has changed */
|
|
307
208
|
disabledChange: EventEmitter<boolean>;
|
|
308
209
|
private _elementRef;
|
|
309
210
|
private _dateAdapter;
|
|
@@ -311,39 +212,27 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
|
|
|
311
212
|
private _formField;
|
|
312
213
|
private _datepickerSubscription;
|
|
313
214
|
private _localeSubscription;
|
|
314
|
-
/** Whether the last value set on the input was valid. */
|
|
315
215
|
private _lastValueValid;
|
|
316
216
|
private _value;
|
|
317
217
|
private _min;
|
|
318
218
|
private _max;
|
|
319
219
|
private _disabled;
|
|
320
220
|
constructor();
|
|
321
|
-
/** The datepicker that this input is associated with. */
|
|
322
221
|
set cmatDatetimepicker(value: CmatDatetimepickerComponent<D>);
|
|
323
222
|
set cmatDatepickerFilter(filter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean);
|
|
324
|
-
/** The value of the input. */
|
|
325
223
|
get value(): D | null;
|
|
326
224
|
set value(value: D | null);
|
|
327
|
-
/** The minimum valid date. */
|
|
328
225
|
get min(): D | null;
|
|
329
226
|
set min(value: D | null);
|
|
330
|
-
/** The maximum valid date. */
|
|
331
227
|
get max(): D | null;
|
|
332
228
|
set max(value: D | null);
|
|
333
|
-
/** Whether the datepicker-input is disabled. */
|
|
334
229
|
get disabled(): boolean;
|
|
335
230
|
set disabled(value: any);
|
|
336
231
|
ngAfterContentInit(): void;
|
|
337
232
|
ngOnDestroy(): void;
|
|
338
233
|
registerOnValidatorChange(fn: VoidFunction): void;
|
|
339
234
|
validate(c: AbstractControl): ValidationErrors | null;
|
|
340
|
-
/**
|
|
341
|
-
* Gets the element that the datepicker popup should be connected to.
|
|
342
|
-
*
|
|
343
|
-
* @return The element to connect the popup to.
|
|
344
|
-
*/
|
|
345
235
|
getConnectedOverlayOrigin(): ElementRef;
|
|
346
|
-
/** Gets the ID of an element that should be used a description for the calendar overlay. */
|
|
347
236
|
getOverlayLabelId(): string | null;
|
|
348
237
|
writeValue(value: D): void;
|
|
349
238
|
registerOnChange(fn: (value: any) => void): void;
|
|
@@ -352,9 +241,7 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
|
|
|
352
241
|
onKeydown(event: KeyboardEvent): void;
|
|
353
242
|
onInput(value: string): void;
|
|
354
243
|
onChange(): void;
|
|
355
|
-
/** Handles blur events on the input. */
|
|
356
244
|
onBlur(): void;
|
|
357
|
-
/** Returns the palette used by the input's form field, if any. */
|
|
358
245
|
getThemePalette(): ThemePalette;
|
|
359
246
|
private _registerDatetimepicker;
|
|
360
247
|
private _getDisplayFormat;
|
|
@@ -362,23 +249,16 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
|
|
|
362
249
|
private _onTouched;
|
|
363
250
|
private _cvaOnChange;
|
|
364
251
|
private _validatorOnChange;
|
|
365
|
-
/** The form control validator for whether the input parses. */
|
|
366
252
|
private _parseValidator;
|
|
367
|
-
/** The form control validator for the min date. */
|
|
368
253
|
private _minValidator;
|
|
369
|
-
/** The form control validator for the max date. */
|
|
370
254
|
private _maxValidator;
|
|
371
|
-
/** The form control validator for the date filter. */
|
|
372
255
|
private _filterValidator;
|
|
373
|
-
/** The combined form control validator for this input. */
|
|
374
256
|
private _validator;
|
|
375
|
-
/** Formats a value and sets it on the input element. */
|
|
376
257
|
private _formatValue;
|
|
377
258
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerInputDirective<any>, never>;
|
|
378
259
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerInputDirective<any>, "input[cmatDatetimepicker]", ["cmatDatepickerInput"], { "cmatDatetimepicker": { "alias": "cmatDatetimepicker"; "required": false; }; "cmatDatepickerFilter": { "alias": "cmatDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
|
|
379
260
|
}
|
|
380
261
|
|
|
381
|
-
/** Injection token that determines the scroll handling while the calendar is open. */
|
|
382
262
|
declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
|
|
383
263
|
declare function CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
|
|
384
264
|
declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
|
|
@@ -390,16 +270,11 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
|
|
|
390
270
|
_calendar: CmatDatetimepickerCalendarComponent<D>;
|
|
391
271
|
color: ThemePalette;
|
|
392
272
|
datetimepicker: CmatDatetimepickerComponent<D>;
|
|
393
|
-
/** Whether the datetimepicker is above or below the input. */
|
|
394
273
|
isAbove: boolean;
|
|
395
|
-
|
|
396
|
-
animationState: 'enter-dropdown' | 'enter-dialog' | 'leave';
|
|
397
|
-
/** Emits when an animation has finished. */
|
|
274
|
+
readonly animationState: i0.WritableSignal<"enter-dropdown" | "enter-dialog" | "leave">;
|
|
398
275
|
readonly animationDone: Subject<void>;
|
|
399
|
-
/** Id of the label for the `role="dialog"` element. */
|
|
400
276
|
dialogLabelId: string | null;
|
|
401
277
|
protected _elementRef: ElementRef<any>;
|
|
402
|
-
private _changeDetectorRef;
|
|
403
278
|
private _animationEndListener;
|
|
404
279
|
ngOnInit(): void;
|
|
405
280
|
ngAfterContentInit(): void;
|
|
@@ -409,29 +284,18 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
|
|
|
409
284
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerContentComponent<any>, "cmat-datetimepicker-content", ["cmatDatetimepickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
410
285
|
}
|
|
411
286
|
declare class CmatDatetimepickerComponent<D> implements OnDestroy {
|
|
412
|
-
/** The view that the calendar should start in. */
|
|
413
287
|
startView: CmatCalendarView;
|
|
414
288
|
mode: CmatDatetimepickerMode;
|
|
415
289
|
timeInterval: number;
|
|
416
|
-
/** Prevent user to select same date time */
|
|
417
290
|
preventSameDateTimeSelection: boolean;
|
|
418
|
-
/** Preferred position of the datetimepicker in the X axis. */
|
|
419
291
|
xPosition: DatetimepickerDropdownPositionX;
|
|
420
|
-
/** Preferred position of the datetimepicker in the Y axis. */
|
|
421
292
|
yPosition: DatetimepickerDropdownPositionY;
|
|
422
293
|
selectedChanged: EventEmitter<D>;
|
|
423
|
-
/** Emits when the datepicker has been opened. */
|
|
424
294
|
openedStream: EventEmitter<void>;
|
|
425
|
-
/** Emits when the datepicker has been closed. */
|
|
426
295
|
closedStream: EventEmitter<void>;
|
|
427
|
-
/** Emits when the view has been changed. **/
|
|
428
296
|
viewChanged: EventEmitter<CmatCalendarView>;
|
|
429
|
-
/** Whether the calendar is open. */
|
|
430
|
-
/** The id for the datepicker calendar. */
|
|
431
297
|
id: string;
|
|
432
|
-
/** The input element this datepicker is associated with. */
|
|
433
298
|
datetimepickerInput: CmatDatetimepickerInputDirective<D>;
|
|
434
|
-
/** Emits when the datepicker is disabled. */
|
|
435
299
|
disabledChange: Subject<boolean>;
|
|
436
300
|
private _overlay;
|
|
437
301
|
private _injector;
|
|
@@ -441,13 +305,9 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
|
|
|
441
305
|
private _dir;
|
|
442
306
|
private _document;
|
|
443
307
|
private _validSelected;
|
|
444
|
-
/** A reference to the overlay into which we've rendered the calendar. */
|
|
445
308
|
private _overlayRef;
|
|
446
|
-
/** Reference to the component instance rendered in the overlay. */
|
|
447
309
|
private _componentRef;
|
|
448
|
-
/** The element that was focused before the datetimepicker was opened. */
|
|
449
310
|
private _focusedElementBeforeOpen;
|
|
450
|
-
/** Unique class that will be added to the backdrop so that the test harnesses can look it up. */
|
|
451
311
|
private _backdropHarnessClass;
|
|
452
312
|
private _inputStateChanges;
|
|
453
313
|
private _multiYearSelector;
|
|
@@ -462,170 +322,92 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
|
|
|
462
322
|
private _timeInput;
|
|
463
323
|
private _restoreFocus;
|
|
464
324
|
constructor();
|
|
465
|
-
/** Whether to show multi-year view. */
|
|
466
325
|
get multiYearSelector(): boolean;
|
|
467
326
|
set multiYearSelector(value: boolean);
|
|
468
|
-
/** Whether the clock uses 12 hour format. */
|
|
469
327
|
get twelvehour(): boolean;
|
|
470
328
|
set twelvehour(value: boolean);
|
|
471
|
-
/**
|
|
472
|
-
* Classes to be passed to the date picker panel.
|
|
473
|
-
* Supports string and string array values, similar to `ngClass`.
|
|
474
|
-
*/
|
|
475
329
|
get panelClass(): string | string[];
|
|
476
330
|
set panelClass(value: string | string[]);
|
|
477
|
-
/** Whether the calendar is open. */
|
|
478
331
|
get opened(): boolean;
|
|
479
332
|
set opened(value: boolean);
|
|
480
|
-
/** Color palette to use on the datetimepicker's calendar. */
|
|
481
333
|
get color(): ThemePalette;
|
|
482
334
|
set color(value: ThemePalette);
|
|
483
|
-
/** The date to open the calendar to initially. */
|
|
484
335
|
get startAt(): D | null;
|
|
485
336
|
set startAt(date: D | null);
|
|
486
337
|
get type(): CmatDatetimepickerType;
|
|
487
338
|
set type(value: CmatDatetimepickerType);
|
|
488
|
-
/**
|
|
489
|
-
* Whether the calendar is in time mode. In time mode the calendar clock gets time input
|
|
490
|
-
* elements rather then just clock. When `touchUi` is enabled this will be disabled.
|
|
491
|
-
*/
|
|
492
339
|
get timeInput(): boolean;
|
|
493
340
|
set timeInput(value: boolean);
|
|
494
|
-
/**
|
|
495
|
-
* Whether the calendar UI is in touch mode. In touch mode the calendar opens in a dialog rather
|
|
496
|
-
* than a popup and elements have more padding to allow for bigger touch targets.
|
|
497
|
-
*/
|
|
498
341
|
get touchUi(): boolean;
|
|
499
342
|
set touchUi(value: boolean);
|
|
500
|
-
/** Whether the datepicker pop-up should be disabled. */
|
|
501
343
|
get disabled(): boolean;
|
|
502
344
|
set disabled(value: boolean);
|
|
503
|
-
/**
|
|
504
|
-
* Whether to restore focus to the previously-focused element when the panel is closed.
|
|
505
|
-
* Note that automatic focus restoration is an accessibility feature and it is recommended that
|
|
506
|
-
* you provide your own equivalent, if you decide to turn it off.
|
|
507
|
-
*/
|
|
508
345
|
get restoreFocus(): boolean;
|
|
509
346
|
set restoreFocus(value: boolean);
|
|
510
|
-
/** The currently selected date. */
|
|
511
347
|
get selected(): D | null;
|
|
512
348
|
set selected(value: D | null);
|
|
513
|
-
/** The minimum selectable date. */
|
|
514
349
|
get minDate(): D | null;
|
|
515
|
-
/** The maximum selectable date. */
|
|
516
350
|
get maxDate(): D | null;
|
|
517
351
|
get dateFilter(): (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
|
|
518
352
|
ngOnDestroy(): void;
|
|
519
|
-
/**
|
|
520
|
-
* Register an input with this datepicker.
|
|
521
|
-
*
|
|
522
|
-
* @param input The datepicker input to register with this datepicker.
|
|
523
|
-
*/
|
|
524
353
|
registerInput(input: CmatDatetimepickerInputDirective<D>): void;
|
|
525
|
-
/** Open the calendar. */
|
|
526
354
|
open(): void;
|
|
527
|
-
/** Close the calendar. */
|
|
528
355
|
close(): void;
|
|
529
|
-
/** Selects the given date */
|
|
530
356
|
select(date: D): void;
|
|
531
357
|
viewChange(type: CmatCalendarView): void;
|
|
532
|
-
/**
|
|
533
|
-
* relevant values from the datetimepicker to the
|
|
534
|
-
* datetimepicker content inside the overlay.
|
|
535
|
-
*/
|
|
536
358
|
private _forwardContentValues;
|
|
537
|
-
/** Opens the overlay with the calendar. */
|
|
538
359
|
private _openOverlay;
|
|
539
|
-
/** Destroys the current overlay. */
|
|
540
360
|
private _destroyOverlay;
|
|
541
|
-
/** Gets a position strategy that will open the calendar as a dropdown. */
|
|
542
361
|
private _getDialogStrategy;
|
|
543
|
-
/** Gets a position strategy that will open the calendar as a dropdown. */
|
|
544
362
|
private _getDropdownStrategy;
|
|
545
|
-
/**
|
|
546
|
-
* Sets the positions of the datetimepicker in dropdown mode based on the current configuration.
|
|
547
|
-
*/
|
|
548
363
|
private _setConnectedPositions;
|
|
549
|
-
/** Gets an observable that will emit when the overlay is supposed to be closed. */
|
|
550
364
|
private _getCloseStream;
|
|
551
365
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerComponent<any>, never>;
|
|
552
366
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerComponent<any>, "cmat-datetimepicker", ["cmatDatetimepicker"], { "startView": { "alias": "startView"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "openedStream": "openedStream"; "closedStream": "closedStream"; "viewChanged": "viewChanged"; }, never, never, true, never>;
|
|
553
367
|
}
|
|
554
368
|
|
|
555
369
|
declare class CmatDatetimepickerIntl {
|
|
556
|
-
/**
|
|
557
|
-
* Stream to emit from when labels are changed. Use this to notify components when the labels have
|
|
558
|
-
* changed after initialization.
|
|
559
|
-
*/
|
|
560
370
|
readonly changes: Subject<void>;
|
|
561
|
-
/** A label for the calendar popup (used by screen readers). */
|
|
562
371
|
calendarLabel: string;
|
|
563
|
-
/** A label for the button used to open the calendar popup (used by screen readers). */
|
|
564
372
|
openCalendarLabel: string;
|
|
565
|
-
/** Label for the button used to close the calendar popup. */
|
|
566
373
|
closeCalendarLabel: string;
|
|
567
|
-
/** A label for the previous month button (used by screen readers). */
|
|
568
374
|
prevMonthLabel: string;
|
|
569
|
-
/** A label for the next month button (used by screen readers). */
|
|
570
375
|
nextMonthLabel: string;
|
|
571
|
-
/** A label for the previous year button (used by screen readers). */
|
|
572
376
|
prevYearLabel: string;
|
|
573
|
-
/** A label for the next year button (used by screen readers). */
|
|
574
377
|
nextYearLabel: string;
|
|
575
|
-
/** A label for the previous multi-year button (used by screen readers). */
|
|
576
378
|
prevMultiYearLabel: string;
|
|
577
|
-
/** A label for the next multi-year button (used by screen readers). */
|
|
578
379
|
nextMultiYearLabel: string;
|
|
579
|
-
/** A label for the 'switch to month view' button (used by screen readers). */
|
|
580
380
|
switchToMonthViewLabel: string;
|
|
581
|
-
/** A label for the 'switch to year view' button (used by screen readers). */
|
|
582
381
|
switchToYearViewLabel: string;
|
|
583
|
-
/** A label for the 'switch to multi-year view' button (used by screen readers). */
|
|
584
382
|
switchToMultiYearViewLabel: string;
|
|
585
|
-
/** A label for the first date of a range of dates (used by screen readers). */
|
|
586
383
|
startDateLabel: string;
|
|
587
|
-
/** A label for the last date of a range of dates (used by screen readers). */
|
|
588
384
|
endDateLabel: string;
|
|
589
|
-
/** A label for the 'switch to clock hour view' button (used by screen readers). */
|
|
590
385
|
switchToClockHourViewLabel: string;
|
|
591
|
-
/** A label for the 'switch to clock minute view' button (used by screen readers). */
|
|
592
386
|
switchToClockMinuteViewLabel: string;
|
|
593
|
-
/** Label used for ok button within the manual time input. */
|
|
594
387
|
okLabel: string;
|
|
595
|
-
/** Label used for cancel button within the manual time input. */
|
|
596
388
|
cancelLabel: string;
|
|
597
|
-
/** Formats a range of years (used for visuals). */
|
|
598
389
|
formatYearRange(start: string, end: string): string;
|
|
599
|
-
/** Formats a label for a range of years (used by screen readers). */
|
|
600
390
|
formatYearRangeLabel(start: string, end: string): string;
|
|
601
391
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerIntl, never>;
|
|
602
392
|
static ɵprov: i0.ɵɵInjectableDeclaration<CmatDatetimepickerIntl>;
|
|
603
393
|
}
|
|
604
394
|
|
|
605
|
-
/** Can be used to override the icon of a `cmatDatetimepickerToggle`. */
|
|
606
395
|
declare class CmatDatetimepickerToggleIconDirective {
|
|
607
396
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerToggleIconDirective, never>;
|
|
608
397
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerToggleIconDirective, "[cmatDatetimepickerToggleIcon]", never, {}, {}, never, never, true, never>;
|
|
609
398
|
}
|
|
610
399
|
declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit, OnChanges, OnDestroy {
|
|
611
|
-
/** Datepicker instance that the button will toggle. */
|
|
612
400
|
datetimepicker: CmatDatetimepickerComponent<D>;
|
|
613
|
-
/** Tabindex for the toggle. */
|
|
614
401
|
tabIndex: number;
|
|
615
|
-
/** Screen-reader label for the button. */
|
|
616
402
|
ariaLabel?: string;
|
|
617
|
-
/** Whether ripples on the toggle should be disabled. */
|
|
618
403
|
disableRipple: boolean;
|
|
619
|
-
/** Custom icon set by the consumer. */
|
|
620
404
|
customIcon: CmatDatetimepickerToggleIconDirective;
|
|
621
|
-
/** Underlying button element. */
|
|
622
405
|
button: MatButton;
|
|
623
406
|
class: string;
|
|
407
|
+
readonly refreshVersion: i0.WritableSignal<number>;
|
|
624
408
|
protected intl: CmatDatetimepickerIntl;
|
|
625
409
|
private _stateChanges;
|
|
626
410
|
private _disabled;
|
|
627
|
-
private _changeDetectorRef;
|
|
628
|
-
/** Whether the toggle button is disabled. */
|
|
629
411
|
get disabled(): boolean;
|
|
630
412
|
set disabled(value: boolean);
|
|
631
413
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -637,119 +419,71 @@ declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit,
|
|
|
637
419
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerToggleComponent<any>, "cmat-datetimepicker-toggle", ["cmatDatetimepickerToggle"], { "datetimepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customIcon"], ["[cmatDatetimepickerToggleIcon]"], true, never>;
|
|
638
420
|
}
|
|
639
421
|
|
|
640
|
-
/**
|
|
641
|
-
* An internal component used to display a single month in the datepicker.
|
|
642
|
-
*/
|
|
643
422
|
declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentInit, OnDestroy {
|
|
644
423
|
type: CmatDatetimepickerType;
|
|
645
424
|
userSelection: EventEmitter<void>;
|
|
646
|
-
/** A function used to filter which dates are selectable. */
|
|
647
425
|
dateFilter: (date: D) => boolean;
|
|
648
|
-
/** Emits when a new date is selected. */
|
|
649
426
|
selectedChange: EventEmitter<D>;
|
|
650
|
-
/** Grid of calendar cells representing the dates of the month. */
|
|
651
427
|
weeks: CmatDatetimepickerCalendarCellComponent[][];
|
|
652
|
-
/** The number of blank cells in the first row before the 1st of the month. */
|
|
653
428
|
firstWeekOffset: number;
|
|
654
|
-
/**
|
|
655
|
-
* The date of the month that the currently selected Date falls on.
|
|
656
|
-
* Null if the currently selected Date is in another month.
|
|
657
|
-
*/
|
|
658
429
|
selectedDate: number | null;
|
|
659
|
-
/** The date of the month that today falls on. Null if today is in another month. */
|
|
660
430
|
todayDate: number | null;
|
|
661
|
-
/** The names of the weekdays. */
|
|
662
431
|
weekdays: {
|
|
663
432
|
long: string;
|
|
664
433
|
narrow: string;
|
|
665
434
|
}[];
|
|
666
|
-
calendarState: string
|
|
435
|
+
readonly calendarState: i0.WritableSignal<string>;
|
|
667
436
|
adapter: DatetimeAdapter<D>;
|
|
668
437
|
private _dateFormats;
|
|
669
438
|
private _activeDate;
|
|
670
439
|
private _selected;
|
|
671
440
|
private _elementRef;
|
|
672
|
-
private _changeDetectorRef;
|
|
673
441
|
private _calendarAnimationListener;
|
|
674
442
|
constructor();
|
|
675
|
-
/**
|
|
676
|
-
* The date to display in this month view (everything other than the month and year is ignored).
|
|
677
|
-
*/
|
|
678
443
|
get activeDate(): D;
|
|
679
444
|
set activeDate(value: D);
|
|
680
|
-
/** The currently selected date. */
|
|
681
445
|
get selected(): D;
|
|
682
446
|
set selected(value: D);
|
|
683
447
|
ngAfterContentInit(): void;
|
|
684
448
|
ngOnDestroy(): void;
|
|
685
|
-
/** Handles when a new date is selected. */
|
|
686
449
|
dateSelected(date: number): void;
|
|
687
450
|
calendarStateDone(event: AnimationEvent): void;
|
|
688
|
-
/** Initializes this month view. */
|
|
689
451
|
private _init;
|
|
690
|
-
/** Creates MdCalendarCells for the dates in this month. */
|
|
691
452
|
private _createWeekCells;
|
|
692
|
-
/**
|
|
693
|
-
* Gets the date in this month that the given Date falls on.
|
|
694
|
-
* Returns null if the given Date is in another month.
|
|
695
|
-
*/
|
|
696
453
|
private _getDateInCurrentMonth;
|
|
697
454
|
private _changeCalendarState;
|
|
698
455
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerMonthViewComponent<any>, never>;
|
|
699
456
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerMonthViewComponent<any>, "cmat-datetimepicker-month-view", ["cmatDatetimepickerMonthView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
|
|
700
457
|
}
|
|
701
458
|
|
|
702
|
-
/**
|
|
703
|
-
* An internal component used to display a single year in the datepicker.
|
|
704
|
-
*/
|
|
705
459
|
declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit, OnDestroy {
|
|
706
460
|
userSelection: EventEmitter<void>;
|
|
707
461
|
type: CmatDatetimepickerType;
|
|
708
|
-
/** A function used to filter which dates are selectable. */
|
|
709
462
|
dateFilter: (date: D) => boolean;
|
|
710
|
-
/** Emits when a new month is selected. */
|
|
711
463
|
selectedChange: EventEmitter<D>;
|
|
712
|
-
/** Grid of calendar cells representing the months of the year. */
|
|
713
464
|
months: CmatDatetimepickerCalendarCellComponent[][];
|
|
714
|
-
/** The label for this year (e.g. "2017"). */
|
|
715
465
|
yearLabel: string;
|
|
716
|
-
/** The month in this year that today falls on. Null if today is in a different year. */
|
|
717
466
|
todayMonth: number | null;
|
|
718
|
-
/**
|
|
719
|
-
* The month in this year that the selected Date falls on.
|
|
720
|
-
* Null if the selected Date is in a different year.
|
|
721
|
-
*/
|
|
722
467
|
selectedMonth: number | null;
|
|
723
|
-
calendarState: string
|
|
468
|
+
readonly calendarState: i0.WritableSignal<string>;
|
|
724
469
|
adapter: DatetimeAdapter<D>;
|
|
725
470
|
private _dateFormats;
|
|
726
471
|
private _activeDate;
|
|
727
472
|
private _selected;
|
|
728
|
-
private _changeDetectorRef;
|
|
729
473
|
private _elementRef;
|
|
730
474
|
private _calendarAnimationListener;
|
|
731
475
|
constructor();
|
|
732
|
-
/** The date to display in this year view (everything other than the year is ignored). */
|
|
733
476
|
get activeDate(): D;
|
|
734
477
|
set activeDate(value: D);
|
|
735
|
-
/** The currently selected date. */
|
|
736
478
|
get selected(): D;
|
|
737
479
|
set selected(value: D);
|
|
738
480
|
ngAfterContentInit(): void;
|
|
739
481
|
ngOnDestroy(): void;
|
|
740
|
-
/** Handles when a new month is selected. */
|
|
741
482
|
monthSelected(month: number): void;
|
|
742
483
|
calendarStateDone(event: AnimationEvent): void;
|
|
743
|
-
/** Initializes this month view. */
|
|
744
484
|
private _init;
|
|
745
|
-
/**
|
|
746
|
-
* Gets the month in this year that the given Date falls on.
|
|
747
|
-
* Returns null if the given Date is in another year.
|
|
748
|
-
*/
|
|
749
485
|
private _getMonthInCurrentYear;
|
|
750
|
-
/** Creates an MdCalendarCell for the given month. */
|
|
751
486
|
private _createCellForMonth;
|
|
752
|
-
/** Whether the given month is enabled. */
|
|
753
487
|
private _isMonthEnabled;
|
|
754
488
|
private _changeCalendarState;
|
|
755
489
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerYearViewComponent<any>, never>;
|