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.
Files changed (211) hide show
  1. package/fesm2022/cmat-components-adapter.mjs +9 -46
  2. package/fesm2022/cmat-components-adapter.mjs.map +1 -1
  3. package/fesm2022/cmat-components-breadcrumb.mjs +104 -205
  4. package/fesm2022/cmat-components-breadcrumb.mjs.map +1 -1
  5. package/fesm2022/cmat-components-card.mjs +4 -8
  6. package/fesm2022/cmat-components-card.mjs.map +1 -1
  7. package/fesm2022/cmat-components-carousel.mjs +21 -21
  8. package/fesm2022/cmat-components-carousel.mjs.map +1 -1
  9. package/fesm2022/cmat-components-cascade.mjs +18 -24
  10. package/fesm2022/cmat-components-cascade.mjs.map +1 -1
  11. package/fesm2022/cmat-components-chip-input.mjs +21 -21
  12. package/fesm2022/cmat-components-chip-input.mjs.map +1 -1
  13. package/fesm2022/cmat-components-code-editor.mjs +4 -22
  14. package/fesm2022/cmat-components-code-editor.mjs.map +1 -1
  15. package/fesm2022/cmat-components-custom-formly.mjs +181 -245
  16. package/fesm2022/cmat-components-custom-formly.mjs.map +1 -1
  17. package/fesm2022/cmat-components-date-range.mjs +12 -184
  18. package/fesm2022/cmat-components-date-range.mjs.map +1 -1
  19. package/fesm2022/cmat-components-date-time-display.mjs +3 -15
  20. package/fesm2022/cmat-components-date-time-display.mjs.map +1 -1
  21. package/fesm2022/cmat-components-drawer.mjs +10 -100
  22. package/fesm2022/cmat-components-drawer.mjs.map +1 -1
  23. package/fesm2022/cmat-components-empty-state.mjs +4 -25
  24. package/fesm2022/cmat-components-empty-state.mjs.map +1 -1
  25. package/fesm2022/cmat-components-file-preview.mjs +3 -21
  26. package/fesm2022/cmat-components-file-preview.mjs.map +1 -1
  27. package/fesm2022/cmat-components-filter-toolbar.mjs +7 -50
  28. package/fesm2022/cmat-components-filter-toolbar.mjs.map +1 -1
  29. package/fesm2022/cmat-components-form-actions.mjs +3 -9
  30. package/fesm2022/cmat-components-form-actions.mjs.map +1 -1
  31. package/fesm2022/cmat-components-fullscreen.mjs +4 -4
  32. package/fesm2022/cmat-components-fullscreen.mjs.map +1 -1
  33. package/fesm2022/cmat-components-highlight.mjs +6 -32
  34. package/fesm2022/cmat-components-highlight.mjs.map +1 -1
  35. package/fesm2022/cmat-components-image-viewer.mjs +12 -24
  36. package/fesm2022/cmat-components-image-viewer.mjs.map +1 -1
  37. package/fesm2022/cmat-components-inline-loading.mjs +3 -12
  38. package/fesm2022/cmat-components-inline-loading.mjs.map +1 -1
  39. package/fesm2022/cmat-components-json-editor.mjs +11 -16
  40. package/fesm2022/cmat-components-json-editor.mjs.map +1 -1
  41. package/fesm2022/cmat-components-knob-input.mjs +24 -18
  42. package/fesm2022/cmat-components-knob-input.mjs.map +1 -1
  43. package/fesm2022/cmat-components-masonry.mjs +8 -17
  44. package/fesm2022/cmat-components-masonry.mjs.map +1 -1
  45. package/fesm2022/cmat-components-material-color-picker.mjs +13 -34
  46. package/fesm2022/cmat-components-material-color-picker.mjs.map +1 -1
  47. package/fesm2022/cmat-components-material-datetimepicker.mjs +80 -436
  48. package/fesm2022/cmat-components-material-datetimepicker.mjs.map +1 -1
  49. package/fesm2022/cmat-components-navigation.mjs +266 -816
  50. package/fesm2022/cmat-components-navigation.mjs.map +1 -1
  51. package/fesm2022/cmat-components-opt-input.mjs +7 -10
  52. package/fesm2022/cmat-components-opt-input.mjs.map +1 -1
  53. package/fesm2022/cmat-components-org-chart.mjs +11 -11
  54. package/fesm2022/cmat-components-org-chart.mjs.map +1 -1
  55. package/fesm2022/cmat-components-page-header.mjs +8 -19
  56. package/fesm2022/cmat-components-page-header.mjs.map +1 -1
  57. package/fesm2022/cmat-components-pagination.mjs +113 -108
  58. package/fesm2022/cmat-components-pagination.mjs.map +1 -1
  59. package/fesm2022/cmat-components-password-strength.mjs +13 -16
  60. package/fesm2022/cmat-components-password-strength.mjs.map +1 -1
  61. package/fesm2022/cmat-components-popover.mjs +15 -151
  62. package/fesm2022/cmat-components-popover.mjs.map +1 -1
  63. package/fesm2022/cmat-components-progress-bar.mjs +16 -26
  64. package/fesm2022/cmat-components-progress-bar.mjs.map +1 -1
  65. package/fesm2022/cmat-components-qrcode.mjs +5 -11
  66. package/fesm2022/cmat-components-qrcode.mjs.map +1 -1
  67. package/fesm2022/cmat-components-rating.mjs +14 -14
  68. package/fesm2022/cmat-components-rating.mjs.map +1 -1
  69. package/fesm2022/cmat-components-rich-text-editor.mjs +4 -25
  70. package/fesm2022/cmat-components-rich-text-editor.mjs.map +1 -1
  71. package/fesm2022/cmat-components-select-search.mjs +51 -79
  72. package/fesm2022/cmat-components-select-search.mjs.map +1 -1
  73. package/fesm2022/cmat-components-select-table.mjs +204 -162
  74. package/fesm2022/cmat-components-select-table.mjs.map +1 -1
  75. package/fesm2022/cmat-components-select-tree.mjs +142 -97
  76. package/fesm2022/cmat-components-select-tree.mjs.map +1 -1
  77. package/fesm2022/cmat-components-skeleton.mjs +4 -22
  78. package/fesm2022/cmat-components-skeleton.mjs.map +1 -1
  79. package/fesm2022/cmat-components-speed-dial.mjs +14 -19
  80. package/fesm2022/cmat-components-speed-dial.mjs.map +1 -1
  81. package/fesm2022/cmat-components-status-tag.mjs +3 -18
  82. package/fesm2022/cmat-components-status-tag.mjs.map +1 -1
  83. package/fesm2022/cmat-components-table-toolbar.mjs +3 -15
  84. package/fesm2022/cmat-components-table-toolbar.mjs.map +1 -1
  85. package/fesm2022/cmat-components-timeline.mjs +18 -21
  86. package/fesm2022/cmat-components-timeline.mjs.map +1 -1
  87. package/fesm2022/cmat-components-toast.mjs +20 -20
  88. package/fesm2022/cmat-components-toast.mjs.map +1 -1
  89. package/fesm2022/cmat-components-transfer-picker.mjs +159 -123
  90. package/fesm2022/cmat-components-transfer-picker.mjs.map +1 -1
  91. package/fesm2022/cmat-components-treetable.mjs +17 -19
  92. package/fesm2022/cmat-components-treetable.mjs.map +1 -1
  93. package/fesm2022/cmat-components-upload.mjs +35 -57
  94. package/fesm2022/cmat-components-upload.mjs.map +1 -1
  95. package/fesm2022/cmat-components-x6-angular-shape.mjs +0 -4
  96. package/fesm2022/cmat-components-x6-angular-shape.mjs.map +1 -1
  97. package/fesm2022/cmat-directives-animate-on-scroll.mjs +6 -27
  98. package/fesm2022/cmat-directives-animate-on-scroll.mjs.map +1 -1
  99. package/fesm2022/cmat-directives-arrow-cursor.mjs +7 -9
  100. package/fesm2022/cmat-directives-arrow-cursor.mjs.map +1 -1
  101. package/fesm2022/cmat-directives-autofocus.mjs +3 -3
  102. package/fesm2022/cmat-directives-data-exporter.mjs +24 -33
  103. package/fesm2022/cmat-directives-data-exporter.mjs.map +1 -1
  104. package/fesm2022/cmat-directives-debounce.mjs +14 -17
  105. package/fesm2022/cmat-directives-debounce.mjs.map +1 -1
  106. package/fesm2022/cmat-directives-digit-only.mjs +6 -23
  107. package/fesm2022/cmat-directives-digit-only.mjs.map +1 -1
  108. package/fesm2022/cmat-directives-equal-validator.mjs +3 -3
  109. package/fesm2022/cmat-directives-seamless-auto-scroll.mjs +4 -11
  110. package/fesm2022/cmat-directives-seamless-auto-scroll.mjs.map +1 -1
  111. package/fesm2022/cmat-lib-mock-api.mjs +6 -43
  112. package/fesm2022/cmat-lib-mock-api.mjs.map +1 -1
  113. package/fesm2022/cmat-pipes-bytes.mjs +3 -3
  114. package/fesm2022/cmat-pipes-date-format.mjs +3 -3
  115. package/fesm2022/cmat-pipes-find-by-key.mjs +3 -5
  116. package/fesm2022/cmat-pipes-find-by-key.mjs.map +1 -1
  117. package/fesm2022/cmat-pipes-group-by.mjs +3 -3
  118. package/fesm2022/cmat-pipes-keys.mjs +3 -3
  119. package/fesm2022/cmat-pipes-secure.mjs +8 -12
  120. package/fesm2022/cmat-pipes-secure.mjs.map +1 -1
  121. package/fesm2022/cmat-pipes-uppercase.mjs +3 -3
  122. package/fesm2022/cmat-services-alert.mjs +3 -3
  123. package/fesm2022/cmat-services-config.mjs +50 -26
  124. package/fesm2022/cmat-services-config.mjs.map +1 -1
  125. package/fesm2022/cmat-services-confirmation.mjs +9 -11
  126. package/fesm2022/cmat-services-confirmation.mjs.map +1 -1
  127. package/fesm2022/cmat-services-data.mjs +56 -101
  128. package/fesm2022/cmat-services-data.mjs.map +1 -1
  129. package/fesm2022/cmat-services-export-as.mjs +4 -32
  130. package/fesm2022/cmat-services-export-as.mjs.map +1 -1
  131. package/fesm2022/cmat-services-loading.mjs +49 -40
  132. package/fesm2022/cmat-services-loading.mjs.map +1 -1
  133. package/fesm2022/cmat-services-local-storage.mjs +3 -3
  134. package/fesm2022/cmat-services-media-watcher.mjs +19 -25
  135. package/fesm2022/cmat-services-media-watcher.mjs.map +1 -1
  136. package/fesm2022/cmat-services-platform.mjs +3 -10
  137. package/fesm2022/cmat-services-platform.mjs.map +1 -1
  138. package/fesm2022/cmat-services-splash-screen.mjs +8 -13
  139. package/fesm2022/cmat-services-splash-screen.mjs.map +1 -1
  140. package/fesm2022/cmat-services-title.mjs +8 -12
  141. package/fesm2022/cmat-services-title.mjs.map +1 -1
  142. package/fesm2022/cmat-services-translation.mjs +3 -3
  143. package/fesm2022/cmat-services-utils.mjs +5 -27
  144. package/fesm2022/cmat-services-utils.mjs.map +1 -1
  145. package/fesm2022/cmat-validators.mjs +0 -8
  146. package/fesm2022/cmat-validators.mjs.map +1 -1
  147. package/fesm2022/cmat.mjs +3477 -3795
  148. package/fesm2022/cmat.mjs.map +1 -1
  149. package/package.json +1 -1
  150. package/tailwind/plugins/helpers.js +1 -10
  151. package/tailwind/plugins/scrollbar/index.js +0 -1
  152. package/tailwind/plugins/scrollbar/typedefs.js +1 -7
  153. package/tailwind/plugins/scrollbar/utilities.js +9 -58
  154. package/tailwind/plugins/scrollbar/variants.js +2 -17
  155. package/tailwind/plugins/theming.js +1 -57
  156. package/tailwind/utils/generate-contrasts.js +1 -12
  157. package/tailwind/utils/generate-palette.js +1 -32
  158. package/types/cmat-components-adapter.d.ts +0 -25
  159. package/types/cmat-components-breadcrumb.d.ts +25 -175
  160. package/types/cmat-components-carousel.d.ts +2 -20
  161. package/types/cmat-components-cascade.d.ts +4 -4
  162. package/types/cmat-components-chip-input.d.ts +4 -3
  163. package/types/cmat-components-code-editor.d.ts +0 -18
  164. package/types/cmat-components-custom-formly.d.ts +30 -37
  165. package/types/cmat-components-date-range.d.ts +1 -72
  166. package/types/cmat-components-date-time-display.d.ts +0 -15
  167. package/types/cmat-components-drawer.d.ts +2 -44
  168. package/types/cmat-components-empty-state.d.ts +0 -21
  169. package/types/cmat-components-file-preview.d.ts +0 -18
  170. package/types/cmat-components-filter-toolbar.d.ts +3 -43
  171. package/types/cmat-components-form-actions.d.ts +0 -6
  172. package/types/cmat-components-image-viewer.d.ts +5 -18
  173. package/types/cmat-components-inline-loading.d.ts +0 -9
  174. package/types/cmat-components-json-editor.d.ts +0 -1
  175. package/types/cmat-components-knob-input.d.ts +3 -3
  176. package/types/cmat-components-masonry.d.ts +1 -2
  177. package/types/cmat-components-material-color-picker.d.ts +1 -2
  178. package/types/cmat-components-material-datetimepicker.d.ts +6 -272
  179. package/types/cmat-components-navigation.d.ts +34 -171
  180. package/types/cmat-components-opt-input.d.ts +1 -1
  181. package/types/cmat-components-page-header.d.ts +2 -16
  182. package/types/cmat-components-pagination.d.ts +26 -27
  183. package/types/cmat-components-password-strength.d.ts +1 -2
  184. package/types/cmat-components-popover.d.ts +1 -110
  185. package/types/cmat-components-progress-bar.d.ts +9 -11
  186. package/types/cmat-components-rating.d.ts +6 -7
  187. package/types/cmat-components-rich-text-editor.d.ts +0 -21
  188. package/types/cmat-components-select-search.d.ts +4 -20
  189. package/types/cmat-components-select-table.d.ts +24 -12
  190. package/types/cmat-components-select-tree.d.ts +29 -29
  191. package/types/cmat-components-skeleton.d.ts +0 -18
  192. package/types/cmat-components-speed-dial.d.ts +1 -2
  193. package/types/cmat-components-status-tag.d.ts +0 -15
  194. package/types/cmat-components-table-toolbar.d.ts +0 -12
  195. package/types/cmat-components-timeline.d.ts +3 -4
  196. package/types/cmat-components-toast.d.ts +2 -2
  197. package/types/cmat-components-transfer-picker.d.ts +42 -36
  198. package/types/cmat-components-treetable.d.ts +3 -4
  199. package/types/cmat-components-upload.d.ts +12 -17
  200. package/types/cmat-components-x6-angular-shape.d.ts +0 -1
  201. package/types/cmat-directives-arrow-cursor.d.ts +1 -1
  202. package/types/cmat-directives-debounce.d.ts +3 -4
  203. package/types/cmat-pipes-secure.d.ts +3 -4
  204. package/types/cmat-services-config.d.ts +35 -13
  205. package/types/cmat-services-data.d.ts +13 -12
  206. package/types/cmat-services-export-as.d.ts +0 -22
  207. package/types/cmat-services-loading.d.ts +15 -10
  208. package/types/cmat-services-media-watcher.d.ts +10 -13
  209. package/types/cmat-services-splash-screen.d.ts +2 -4
  210. package/types/cmat-services-title.d.ts +3 -5
  211. 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
- /** Whether the calendar is in month view. */
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
- /** Current state of the animation. */
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>;