@syncfusion/ej2-angular-schedule 33.2.4 → 34.1.29-ngcc

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 (108) hide show
  1. package/@syncfusion/ej2-angular-schedule.es5.js +955 -0
  2. package/@syncfusion/ej2-angular-schedule.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-schedule.js +894 -0
  4. package/@syncfusion/ej2-angular-schedule.js.map +1 -0
  5. package/LICENSE +10 -0
  6. package/dist/ej2-angular-schedule.umd.js +1114 -0
  7. package/dist/ej2-angular-schedule.umd.js.map +1 -0
  8. package/dist/ej2-angular-schedule.umd.min.js +11 -0
  9. package/dist/ej2-angular-schedule.umd.min.js.map +1 -0
  10. package/ej2-angular-schedule.d.ts +6 -0
  11. package/ej2-angular-schedule.metadata.json +1 -0
  12. package/package.json +10 -23
  13. package/public_api.d.ts +1 -1
  14. package/schematics/utils/lib-details.js +2 -2
  15. package/schematics/utils/lib-details.ts +2 -2
  16. package/src/index.d.ts +11 -11
  17. package/src/recurrence-editor/recurrenceeditor-all.module.d.ts +5 -11
  18. package/src/recurrence-editor/recurrenceeditor.component.d.ts +30 -33
  19. package/src/recurrence-editor/recurrenceeditor.module.d.ts +5 -11
  20. package/src/schedule/headerrows.directive.d.ts +47 -52
  21. package/src/schedule/resources.directive.d.ts +110 -115
  22. package/src/schedule/schedule-all.module.d.ts +22 -28
  23. package/src/schedule/schedule.component.d.ts +221 -224
  24. package/src/schedule/schedule.module.d.ts +5 -15
  25. package/src/schedule/toolbaritems.directive.d.ts +172 -177
  26. package/src/schedule/views.directive.d.ts +329 -324
  27. package/styles/bds-lite.scss +1 -1
  28. package/styles/bootstrap-dark-lite.scss +1 -1
  29. package/styles/bootstrap-lite.scss +1 -1
  30. package/styles/bootstrap4-lite.scss +1 -1
  31. package/styles/bootstrap5-dark-lite.scss +1 -1
  32. package/styles/bootstrap5-lite.scss +1 -1
  33. package/styles/bootstrap5.3-lite.scss +1 -1
  34. package/styles/fabric-dark-lite.scss +1 -1
  35. package/styles/fabric-lite.scss +1 -1
  36. package/styles/fluent-dark-lite.scss +1 -1
  37. package/styles/fluent-lite.scss +1 -1
  38. package/styles/fluent2-lite.scss +1 -1
  39. package/styles/highcontrast-light-lite.scss +1 -1
  40. package/styles/highcontrast-lite.scss +1 -1
  41. package/styles/material-dark-lite.scss +1 -1
  42. package/styles/material-lite.scss +1 -1
  43. package/styles/material3-dark-lite.scss +1 -1
  44. package/styles/material3-lite.scss +1 -1
  45. package/styles/recurrence-editor/bds.scss +1 -1
  46. package/styles/recurrence-editor/bootstrap-dark.scss +1 -1
  47. package/styles/recurrence-editor/bootstrap.scss +1 -1
  48. package/styles/recurrence-editor/bootstrap4.scss +1 -1
  49. package/styles/recurrence-editor/bootstrap5-dark.scss +1 -1
  50. package/styles/recurrence-editor/bootstrap5.3.scss +1 -1
  51. package/styles/recurrence-editor/bootstrap5.scss +1 -1
  52. package/styles/recurrence-editor/fabric-dark.scss +1 -1
  53. package/styles/recurrence-editor/fabric.scss +1 -1
  54. package/styles/recurrence-editor/fluent-dark.scss +1 -1
  55. package/styles/recurrence-editor/fluent.scss +1 -1
  56. package/styles/recurrence-editor/fluent2.scss +1 -1
  57. package/styles/recurrence-editor/highcontrast-light.scss +1 -1
  58. package/styles/recurrence-editor/highcontrast.scss +1 -1
  59. package/styles/recurrence-editor/material-dark.scss +1 -1
  60. package/styles/recurrence-editor/material.scss +1 -1
  61. package/styles/recurrence-editor/material3-dark.scss +1 -1
  62. package/styles/recurrence-editor/material3.scss +1 -1
  63. package/styles/recurrence-editor/tailwind-dark.scss +1 -1
  64. package/styles/recurrence-editor/tailwind.scss +1 -1
  65. package/styles/recurrence-editor/tailwind3.scss +1 -1
  66. package/styles/schedule/bds.scss +1 -1
  67. package/styles/schedule/bootstrap-dark.scss +1 -1
  68. package/styles/schedule/bootstrap.scss +1 -1
  69. package/styles/schedule/bootstrap4.scss +1 -1
  70. package/styles/schedule/bootstrap5-dark.scss +1 -1
  71. package/styles/schedule/bootstrap5.3.scss +1 -1
  72. package/styles/schedule/bootstrap5.scss +1 -1
  73. package/styles/schedule/fabric-dark.scss +1 -1
  74. package/styles/schedule/fabric.scss +1 -1
  75. package/styles/schedule/fluent-dark.scss +1 -1
  76. package/styles/schedule/fluent.scss +1 -1
  77. package/styles/schedule/fluent2.scss +1 -1
  78. package/styles/schedule/highcontrast-light.scss +1 -1
  79. package/styles/schedule/highcontrast.scss +1 -1
  80. package/styles/schedule/material-dark.scss +1 -1
  81. package/styles/schedule/material.scss +1 -1
  82. package/styles/schedule/material3-dark.scss +1 -1
  83. package/styles/schedule/material3.scss +1 -1
  84. package/styles/schedule/tailwind-dark.scss +1 -1
  85. package/styles/schedule/tailwind.scss +1 -1
  86. package/styles/schedule/tailwind3.scss +1 -1
  87. package/styles/tailwind-dark-lite.scss +1 -1
  88. package/styles/tailwind-lite.scss +1 -1
  89. package/styles/tailwind3-lite.scss +1 -1
  90. package/CHANGELOG.md +0 -2396
  91. package/esm2020/public_api.mjs +0 -2
  92. package/esm2020/src/index.mjs +0 -12
  93. package/esm2020/src/recurrence-editor/recurrenceeditor-all.module.mjs +0 -23
  94. package/esm2020/src/recurrence-editor/recurrenceeditor.component.mjs +0 -59
  95. package/esm2020/src/recurrence-editor/recurrenceeditor.module.mjs +0 -25
  96. package/esm2020/src/schedule/headerrows.directive.mjs +0 -66
  97. package/esm2020/src/schedule/resources.directive.mjs +0 -58
  98. package/esm2020/src/schedule/schedule-all.module.mjs +0 -74
  99. package/esm2020/src/schedule/schedule.component.mjs +0 -306
  100. package/esm2020/src/schedule/schedule.module.mjs +0 -61
  101. package/esm2020/src/schedule/toolbaritems.directive.mjs +0 -67
  102. package/esm2020/src/schedule/views.directive.mjs +0 -132
  103. package/esm2020/syncfusion-ej2-angular-schedule.mjs +0 -5
  104. package/fesm2015/syncfusion-ej2-angular-schedule.mjs +0 -829
  105. package/fesm2015/syncfusion-ej2-angular-schedule.mjs.map +0 -1
  106. package/fesm2020/syncfusion-ej2-angular-schedule.mjs +0 -829
  107. package/fesm2020/syncfusion-ej2-angular-schedule.mjs.map +0 -1
  108. package/syncfusion-ej2-angular-schedule.d.ts +0 -5
@@ -1,324 +1,329 @@
1
- import { ViewContainerRef } from '@angular/core';
2
- import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * `e-views` directive represent a view of the Angular Schedule.
6
- * It must be contained in a Schedule component(`ejs-schedule`).
7
- * ```html
8
- * <ejs-schedule>
9
- * <e-views>
10
- * <e-view option='day' dateFormat='dd MMM'></e-view>
11
- * <e-view option='week'></e-view>
12
- * </e-views>
13
- * </ejs-schedule>
14
- * ```
15
- */
16
- export declare class ViewDirective extends ComplexBase<ViewDirective> {
17
- private viewContainerRef;
18
- directivePropList: any;
19
- /**
20
- * Specifies whether overlapping appointments are allowed within the same time slot in the Scheduler.
21
- * @remarks When set to `false`, the Scheduler enforces restrictions to prevent creating or displaying overlapping appointments within the same time duration.
22
- This setting includes the following limitations:
23
-
24
- - **Initial Loading**: The alert for overlapping appointments will not display during the initial load. Overlapping events will be ignored in rendering, including occurrences.
25
-
26
- - **Dynamic Add/Edit**: When adding or editing events dynamically, overlapping validation is performed. If an overlap is detected for a single event, an alert will be shown, and the event will not be saved.
27
-
28
- For recurring events, an alert will be displayed, and the event will not be saved. To save recurring events while ignoring overlapping occurrences, trigger the `PopupOpen` event. The `Data` field will contain the parent recurrence data, and the `overlapEvents` field will contain the overlap events. Using these details, users can include exceptions in the recurrence events and save them with the `addEvent` method.
29
-
30
- - **Out-of-Date-Range Events**: The `allowOverlap` setting only prevents overlaps for events within the current view date range. To validate overlap events outside the current date range, use the `actionBegin` event to send a request to the server for validation and return a promise-based response. Assign this promise response to the `promise` field in `ActionEventArgs` to handle asynchronous server validation.
31
-
32
- * @default true
33
- */
34
- allowOverlap: any;
35
- /**
36
- * It is used to allow or disallow the virtual scrolling functionality.
37
- * @default false
38
- */
39
- allowVirtualScrolling: any;
40
- /**
41
- * By default, Schedule follows the date-format as per the default culture assigned to it. It is also possible to manually set
42
- * specific date format by using the `dateFormat` property. The format of the date range label in the header bar depends on
43
- * the `dateFormat` value or else based on the locale assigned to the Schedule.
44
- * It gets applied only to the view objects on which it is defined.
45
- * @default null
46
- */
47
- dateFormat: any;
48
- /**
49
- * Specifies the starting week date at an initial rendering of month view. This property is only applicable for month view.
50
- * If this property value is not set, then the month view will be rendered from the first week of the month.
51
- * {% codeBlock src='schedule/displayDate/index.md' %}{% endcodeBlock %}
52
- * @default null
53
- */
54
- displayDate: any;
55
- /**
56
- * When the same view is customized with different intervals, this property allows the user to set different display name
57
- * for those views.
58
- * @default null
59
- */
60
- displayName: any;
61
- /**
62
- * Enables the lazy loading of events for scrolling actions only when the resources grouping property is enabled.
63
- * Lazy loading allows the scheduler to fetch the appointments dynamically during scroll actions for the currently rendered resource collection.
64
- * New event data is fetched on-demand as the user scrolls through the schedule content.
65
- * @default false
66
- */
67
- enableLazyLoading: any;
68
- /**
69
- * It is used to specify the end hour, at which the Schedule ends. It too accepts the time string in a short skeleton format.
70
- * @default '24:00'
71
- */
72
- endHour: any;
73
- /**
74
- * This option allows the user to set the first day of a week on Schedule. It should be based on the locale set to it and each culture
75
- * defines its own first day of week values. If needed, the user can set it manually on his own by defining the value through
76
- * this property. It usually accepts the integer values, whereby 0 is always denoted as Sunday, 1 as Monday and so on.
77
- * @default 0
78
- */
79
- firstDayOfWeek: any;
80
- /**
81
- * This property helps render the year view customized months.
82
- * By default, it is set to `0`.
83
- * @default 0
84
- */
85
- firstMonthOfYear: any;
86
- /**
87
- * Allows to set different resource grouping options on all available schedule view modes.
88
- * @default { byDate: false, byGroupID: true, allowGroupEdit: false, resources:[], hideNonWorkingDays: false }
89
- */
90
- group: any;
91
- /**
92
- * Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row
93
- * on the timeline view of the scheduler.
94
- * @default []
95
- */
96
- headerRows: any;
97
- /**
98
- * It accepts the number value denoting to include the number of days, weeks, workweeks or months on the defined view type.
99
- * @default 1
100
- */
101
- interval: any;
102
- /**
103
- * To denote whether the view name given on the `option` is active or not.
104
- * It acts similar to the [`currentView`](../../schedule/#current-view/)
105
- * property and defines the active view of Schedule.
106
- * @default false
107
- */
108
- isSelected: any;
109
- /**
110
- * Specifies the maximum number of events to be displayed in a single row.
111
- * This property is applicable when the 'rowAutoHeight' property is disabled.
112
- * This property is only applicable for the month view, timeline views, and timeline year view.
113
- * @default null
114
- */
115
- maxEventsPerRow: any;
116
- /**
117
- * This option allows the user to set the number of months count to be displayed on the Schedule.
118
- * {% codeBlock src='schedule/monthsCount/index.md' %}{% endcodeBlock %}
119
- * @default 12
120
- * @asptype int
121
- */
122
- monthsCount: any;
123
- /**
124
- * This property customizes the number of weeks that are shown in month view. By default, it shows all weeks in the current month.
125
- * Use displayDate property to customize the starting week of month.
126
- * {% codeBlock src='schedule/numberOfWeeks/index.md' %}{% endcodeBlock %}
127
- * @default 0
128
- * @asptype int
129
- */
130
- numberOfWeeks: any;
131
- /**
132
- * It accepts the schedule view name, based on which we can define with its related properties in a single object.
133
- * The applicable view names are,
134
- * * Day - Denotes Day view of the scheduler.
135
- * * Week - Denotes Week view of the scheduler.
136
- * * WorkWeek - Denotes Work Week view of the scheduler.
137
- * * Month - Denotes Month view of the scheduler.
138
- * * Year - Denotes Year view of the scheduler.
139
- * * Agenda - Denotes Agenda view of the scheduler.
140
- * * MonthAgenda - Denotes Month Agenda view of the scheduler.
141
- * * TimelineDay - Denotes Timeline Day view of the scheduler.
142
- * * TimelineWeek - Denotes Timeline Week view of the scheduler.
143
- * * TimelineWorkWeek - Denotes Timeline Work Week view of the scheduler.
144
- * * TimelineMonth - Denotes Timeline Month view of the scheduler.
145
- * * TimelineYear - Denotes Timeline Year view of the scheduler.
146
- * @default null
147
- */
148
- option: any;
149
- /**
150
- * It is used to specify the year view rendering orientation on the schedule.
151
- * The applicable orientation values are,
152
- * * Horizontal - Denotes the horizontal orientation of Timeline Year view.
153
- * * Vertical - Denotes the vertical orientation of Timeline Year view.
154
- * @default 'Horizontal'
155
- */
156
- orientation: any;
157
- /**
158
- * Specifies the number of additional rows or columns to render outside the visible area during virtual scrolling.
159
- * This property helps in achieving smoother scrolling by pre-loading data just outside the visible region.
160
- * @remarks The default value is 3. Increasing this value can result in smoother scrolling but may impact performance
161
- with larger datasets. Decreasing it can improve performance but may cause more frequent data fetches during scrolling.
162
- This property only takes effect when `allowVirtualScrolling` is enabled for the current view.
163
-
164
- * @default 3
165
- */
166
- overscanCount: any;
167
- /**
168
- * When set to `true`, displays a quick popup with cell or event details on single clicking over the cells or on events.
169
- * By default, it is set to `true`. It gets applied only to the view objects on which it is defined.
170
- * @default false
171
- */
172
- readonly: any;
173
- /**
174
- * When set to `true`, displays the week number of the current view date range.
175
- * @default false
176
- */
177
- showWeekNumber: any;
178
- /**
179
- * When set to `false`, it hides the weekend days of a week from the Schedule.
180
- * The days which are not defined in the working days collection are usually treated as weekend days.
181
- * Note: By default, this option is not applicable on `Work Week` view.
182
- * For example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as the
183
- * weekend days and will be hidden on all the views.
184
- * @default true
185
- */
186
- showWeekend: any;
187
- /**
188
- * It is used to specify the starting hour, from which the Schedule starts to display.
189
- * It accepts the time string in a short skeleton format and also, hides the time beyond the specified start time.
190
- * @default '00:00'
191
- */
192
- startHour: any;
193
- /**
194
- * By default, Schedule follows the time-format as per the default culture assigned to it.
195
- * It is also possible to manually set specific time format by using the `timeFormat` property.
196
- * {% codeBlock src='schedule/timeFormat/index.md' %}{% endcodeBlock %}
197
- * @default null
198
- */
199
- timeFormat: any;
200
- /**
201
- * Allows to set different timescale configuration on each applicable view modes such as day, week and work week.
202
- * @default { enable: true, interval: 60, slotCount: 2, majorSlotTemplate: null, minorSlotTemplate: null }
203
- */
204
- timeScale: any;
205
- /**
206
- * It is used to set the working days on schedule. The only days that are defined in this collection will be rendered on the
207
- * `workWeek` view whereas on other views, it will display all the usual days and simply highlights the working days with different
208
- * shade.
209
- * @default '[1, 2, 3, 4, 5]'
210
- * @asptype int[]
211
- */
212
- workDays: any;
213
- /**
214
- * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
215
- * date header cells. The field that can be accessed via this template is `date`.
216
- * It gets applied only to the view objects on which it is defined.
217
- * @default null
218
- * @asptype string
219
- */
220
- dateHeaderTemplate: any;
221
- /**
222
- * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
223
- * @default null
224
- * @angulartype string | object
225
- * @reacttype string | function | JSX.Element
226
- * @vuetype string | function
227
- * @asptype string
228
- */
229
- dateRangeTemplate: any;
230
- /**
231
- * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
232
- * Year view day cell header.
233
- * This template is only applicable for year view header cells.
234
- * @default null
235
- * @angulartype string | object
236
- * @reacttype string | function | JSX.Element
237
- * @vuetype string | function
238
- * @asptype string
239
- */
240
- dayHeaderTemplate: any;
241
- /**
242
- * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
243
- * month date cells.
244
- * This template is only applicable for month view day cells.
245
- * @default null
246
- * @angulartype string | object
247
- * @reacttype string | function | JSX.Element
248
- * @vuetype string | function
249
- * @asptype string
250
- */
251
- cellHeaderTemplate: any;
252
- /**
253
- * The template option which is used to render the customized work cells on the Schedule. Here, the
254
- * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.
255
- * The field accessible via template is `date`. It gets applied only to the view objects on which it is defined.
256
- * @default null
257
- * @angulartype string | object
258
- * @reacttype string | function | JSX.Element
259
- * @vuetype string | function
260
- * @asptype string
261
- */
262
- cellTemplate: any;
263
- /**
264
- * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto
265
- * the event background. All the event fields mapped to Schedule from dataSource can be accessed within this template code.
266
- * It is similar to that of the `template` option available within the `eventSettings` property,
267
- * whereas it will get applied only on the events of the view to which it is currently being defined.
268
- * @default null
269
- * @angulartype string | object
270
- * @reacttype string | function | JSX.Element
271
- * @vuetype string | function
272
- * @asptype string
273
- */
274
- eventTemplate: any;
275
- /**
276
- * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
277
- * Year view day cell header.
278
- * This template is only applicable for year view header cells.
279
- * @default null
280
- * @angulartype string | object
281
- * @reacttype string | function | JSX.Element
282
- * @vuetype string | function
283
- * @asptype string
284
- */
285
- monthHeaderTemplate: any;
286
- /**
287
- * The template option which is used to render the customized header cells on the schedule. Here, the
288
- * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header cells.
289
- * All the resource fields mapped within resources can be accessed within this template code.
290
- * It gets applied only to the view objects on which it is defined.
291
- * @default null
292
- * @angulartype string | object
293
- * @reacttype string | function | JSX.Element
294
- * @vuetype string | function
295
- * @asptype string
296
- */
297
- resourceHeaderTemplate: any;
298
- /**
299
- * The template option which is used to render the customized header indent cell on the schedule. Here, the
300
- * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header indent cell.
301
- * It gets applied only to the view objects on which it is defined.
302
- * @default null
303
- * @angulartype string | object
304
- * @reacttype string | function | JSX.Element
305
- * @vuetype string | function
306
- * @asptype string
307
- */
308
- headerIndentTemplate: any;
309
- timeScale_minorSlotTemplate: any;
310
- timeScale_majorSlotTemplate: any;
311
- group_headerTooltipTemplate: any;
312
- constructor(viewContainerRef: ViewContainerRef);
313
- static ɵfac: i0.ɵɵFactoryDeclaration<ViewDirective, never>;
314
- static ɵdir: i0.ɵɵDirectiveDeclaration<ViewDirective, "e-views>e-view", never, { "allowOverlap": "allowOverlap"; "allowVirtualScrolling": "allowVirtualScrolling"; "cellHeaderTemplate": "cellHeaderTemplate"; "cellTemplate": "cellTemplate"; "dateFormat": "dateFormat"; "dateHeaderTemplate": "dateHeaderTemplate"; "dateRangeTemplate": "dateRangeTemplate"; "dayHeaderTemplate": "dayHeaderTemplate"; "displayDate": "displayDate"; "displayName": "displayName"; "enableLazyLoading": "enableLazyLoading"; "endHour": "endHour"; "eventTemplate": "eventTemplate"; "firstDayOfWeek": "firstDayOfWeek"; "firstMonthOfYear": "firstMonthOfYear"; "group": "group"; "headerIndentTemplate": "headerIndentTemplate"; "headerRows": "headerRows"; "interval": "interval"; "isSelected": "isSelected"; "maxEventsPerRow": "maxEventsPerRow"; "monthHeaderTemplate": "monthHeaderTemplate"; "monthsCount": "monthsCount"; "numberOfWeeks": "numberOfWeeks"; "option": "option"; "orientation": "orientation"; "overscanCount": "overscanCount"; "readonly": "readonly"; "resourceHeaderTemplate": "resourceHeaderTemplate"; "showWeekNumber": "showWeekNumber"; "showWeekend": "showWeekend"; "startHour": "startHour"; "timeFormat": "timeFormat"; "timeScale": "timeScale"; "workDays": "workDays"; }, {}, ["dateHeaderTemplate", "dateRangeTemplate", "dayHeaderTemplate", "cellHeaderTemplate", "cellTemplate", "eventTemplate", "monthHeaderTemplate", "resourceHeaderTemplate", "headerIndentTemplate", "timeScale_minorSlotTemplate", "timeScale_majorSlotTemplate", "group_headerTooltipTemplate"]>;
315
- }
316
- /**
317
- * View Array Directive
318
- * @private
319
- */
320
- export declare class ViewsDirective extends ArrayBase<ViewsDirective> {
321
- constructor();
322
- static ɵfac: i0.ɵɵFactoryDeclaration<ViewsDirective, never>;
323
- static ɵdir: i0.ɵɵDirectiveDeclaration<ViewsDirective, "ejs-schedule>e-views", never, {}, {}, ["children"]>;
324
- }
1
+ import { ViewContainerRef } from '@angular/core';
2
+ import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
3
+ /**
4
+ * `e-views` directive represent a view of the Angular Schedule.
5
+ * It must be contained in a Schedule component(`ejs-schedule`).
6
+ * ```html
7
+ * <ejs-schedule>
8
+ * <e-views>
9
+ * <e-view option='day' dateFormat='dd MMM'></e-view>
10
+ * <e-view option='week'></e-view>
11
+ * </e-views>
12
+ * </ejs-schedule>
13
+ * ```
14
+ */
15
+ export declare class ViewDirective extends ComplexBase<ViewDirective> {
16
+ private viewContainerRef;
17
+ directivePropList: any;
18
+ /**
19
+ * Specifies whether overlapping appointments are allowed within the same time slot in the Scheduler.
20
+ * @remarks When set to `false`, the Scheduler enforces restrictions to prevent creating or displaying overlapping appointments within the same time duration.
21
+ This setting includes the following limitations:
22
+
23
+ - **Initial Loading**: The alert for overlapping appointments will not display during the initial load. Overlapping events will be ignored in rendering, including occurrences.
24
+
25
+ - **Dynamic Add/Edit**: When adding or editing events dynamically, overlapping validation is performed. If an overlap is detected for a single event, an alert will be shown, and the event will not be saved.
26
+
27
+ For recurring events, an alert will be displayed, and the event will not be saved. To save recurring events while ignoring overlapping occurrences, trigger the `PopupOpen` event. The `Data` field will contain the parent recurrence data, and the `overlapEvents` field will contain the overlap events. Using these details, users can include exceptions in the recurrence events and save them with the `addEvent` method.
28
+
29
+ - **Out-of-Date-Range Events**: The `allowOverlap` setting only prevents overlaps for events within the current view date range. To validate overlap events outside the current date range, use the `actionBegin` event to send a request to the server for validation and return a promise-based response. Assign this promise response to the `promise` field in `ActionEventArgs` to handle asynchronous server validation.
30
+
31
+ * @default true
32
+ */
33
+ allowOverlap: any;
34
+ /**
35
+ * It is used to allow or disallow the virtual scrolling functionality.
36
+ * @default false
37
+ */
38
+ allowVirtualScrolling: any;
39
+ /**
40
+ * By default, Schedule follows the date-format as per the default culture assigned to it. It is also possible to manually set
41
+ * specific date format by using the `dateFormat` property. The format of the date range label in the header bar depends on
42
+ * the `dateFormat` value or else based on the locale assigned to the Schedule.
43
+ * It gets applied only to the view objects on which it is defined.
44
+ * @default null
45
+ */
46
+ dateFormat: any;
47
+ /**
48
+ * Specifies the starting week date at an initial rendering of month view. This property is only applicable for month view.
49
+ * If this property value is not set, then the month view will be rendered from the first week of the month.
50
+ * {% codeBlock src='schedule/displayDate/index.md' %}{% endcodeBlock %}
51
+ * @default null
52
+ */
53
+ displayDate: any;
54
+ /**
55
+ * When the same view is customized with different intervals, this property allows the user to set different display name
56
+ * for those views.
57
+ * @default null
58
+ */
59
+ displayName: any;
60
+ /**
61
+ * Enables the lazy loading of events for scrolling actions only when the resources grouping property is enabled.
62
+ * Lazy loading allows the scheduler to fetch the appointments dynamically during scroll actions for the currently rendered resource collection.
63
+ * New event data is fetched on-demand as the user scrolls through the schedule content.
64
+ * @default false
65
+ */
66
+ enableLazyLoading: any;
67
+ /**
68
+ * It is used to specify the end hour, at which the Schedule ends. It too accepts the time string in a short skeleton format.
69
+ * @default '24:00'
70
+ */
71
+ endHour: any;
72
+ /**
73
+ * This option allows the user to set the first day of a week on Schedule. It should be based on the locale set to it and each culture
74
+ * defines its own first day of week values. If needed, the user can set it manually on his own by defining the value through
75
+ * this property. It usually accepts the integer values, whereby 0 is always denoted as Sunday, 1 as Monday and so on.
76
+ * @default 0
77
+ */
78
+ firstDayOfWeek: any;
79
+ /**
80
+ * This property helps render the year view customized months.
81
+ * By default, it is set to `0`.
82
+ * @default 0
83
+ */
84
+ firstMonthOfYear: any;
85
+ /**
86
+ * Allows to set different resource grouping options on all available schedule view modes.
87
+ * @default { byDate: false, byGroupID: true, allowGroupEdit: false, resources:[], hideNonWorkingDays: false }
88
+ */
89
+ group: any;
90
+ /**
91
+ * Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row
92
+ * on the timeline view of the scheduler.
93
+ * @default []
94
+ */
95
+ headerRows: any;
96
+ /**
97
+ * It accepts the number value denoting to include the number of days, weeks, workweeks or months on the defined view type.
98
+ * @default 1
99
+ */
100
+ interval: any;
101
+ /**
102
+ * To denote whether the view name given on the `option` is active or not.
103
+ * It acts similar to the [`currentView`](../../schedule/#current-view/)
104
+ * property and defines the active view of Schedule.
105
+ * @default false
106
+ */
107
+ isSelected: any;
108
+ /**
109
+ * Specifies the maximum number of events to be displayed per cell in vertical views.
110
+ * This property is applicable only to Day, Week and WorkWeek views when the TimeScale option is enabled.
111
+ * @remarks - When set to 0 (default), all events are displayed without any limit, maintaining backward compatibility.
112
+ - When set to a positive integer (e.g., 1, 2), only that many events will be visible, and remaining events are hidden.
113
+
114
+ * @default 0
115
+ * @asptype int
116
+ */
117
+ maxEventStack: any;
118
+ /**
119
+ * Specifies the maximum number of events to be displayed in a single row.
120
+ * This property is applicable when the 'rowAutoHeight' property is disabled.
121
+ * This property is only applicable for the month view, timeline views, and timeline year view.
122
+ * @default null
123
+ */
124
+ maxEventsPerRow: any;
125
+ /**
126
+ * This option allows the user to set the number of months count to be displayed on the Schedule.
127
+ * {% codeBlock src='schedule/monthsCount/index.md' %}{% endcodeBlock %}
128
+ * @default 12
129
+ * @asptype int
130
+ */
131
+ monthsCount: any;
132
+ /**
133
+ * This property customizes the number of weeks that are shown in month view. By default, it shows all weeks in the current month.
134
+ * Use displayDate property to customize the starting week of month.
135
+ * {% codeBlock src='schedule/numberOfWeeks/index.md' %}{% endcodeBlock %}
136
+ * @default 0
137
+ * @asptype int
138
+ */
139
+ numberOfWeeks: any;
140
+ /**
141
+ * It accepts the schedule view name, based on which we can define with its related properties in a single object.
142
+ * The applicable view names are,
143
+ * * Day - Denotes Day view of the scheduler.
144
+ * * Week - Denotes Week view of the scheduler.
145
+ * * WorkWeek - Denotes Work Week view of the scheduler.
146
+ * * Month - Denotes Month view of the scheduler.
147
+ * * Year - Denotes Year view of the scheduler.
148
+ * * Agenda - Denotes Agenda view of the scheduler.
149
+ * * MonthAgenda - Denotes Month Agenda view of the scheduler.
150
+ * * TimelineDay - Denotes Timeline Day view of the scheduler.
151
+ * * TimelineWeek - Denotes Timeline Week view of the scheduler.
152
+ * * TimelineWorkWeek - Denotes Timeline Work Week view of the scheduler.
153
+ * * TimelineMonth - Denotes Timeline Month view of the scheduler.
154
+ * * TimelineYear - Denotes Timeline Year view of the scheduler.
155
+ * @default null
156
+ */
157
+ option: any;
158
+ /**
159
+ * It is used to specify the year view rendering orientation on the schedule.
160
+ * The applicable orientation values are,
161
+ * * Horizontal - Denotes the horizontal orientation of Timeline Year view.
162
+ * * Vertical - Denotes the vertical orientation of Timeline Year view.
163
+ * @default 'Horizontal'
164
+ */
165
+ orientation: any;
166
+ /**
167
+ * Specifies the number of additional rows or columns to render outside the visible area during virtual scrolling.
168
+ * This property helps in achieving smoother scrolling by pre-loading data just outside the visible region.
169
+ * @remarks The default value is 3. Increasing this value can result in smoother scrolling but may impact performance
170
+ with larger datasets. Decreasing it can improve performance but may cause more frequent data fetches during scrolling.
171
+ This property only takes effect when `allowVirtualScrolling` is enabled for the current view.
172
+
173
+ * @default 3
174
+ */
175
+ overscanCount: any;
176
+ /**
177
+ * When set to `true`, displays a quick popup with cell or event details on single clicking over the cells or on events.
178
+ * By default, it is set to `true`. It gets applied only to the view objects on which it is defined.
179
+ * @default false
180
+ */
181
+ readonly: any;
182
+ /**
183
+ * When set to `true`, displays the week number of the current view date range.
184
+ * @default false
185
+ */
186
+ showWeekNumber: any;
187
+ /**
188
+ * When set to `false`, it hides the weekend days of a week from the Schedule.
189
+ * The days which are not defined in the working days collection are usually treated as weekend days.
190
+ * Note: By default, this option is not applicable on `Work Week` view.
191
+ * For example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as the
192
+ * weekend days and will be hidden on all the views.
193
+ * @default true
194
+ */
195
+ showWeekend: any;
196
+ /**
197
+ * It is used to specify the starting hour, from which the Schedule starts to display.
198
+ * It accepts the time string in a short skeleton format and also, hides the time beyond the specified start time.
199
+ * @default '00:00'
200
+ */
201
+ startHour: any;
202
+ /**
203
+ * By default, Schedule follows the time-format as per the default culture assigned to it.
204
+ * It is also possible to manually set specific time format by using the `timeFormat` property.
205
+ * {% codeBlock src='schedule/timeFormat/index.md' %}{% endcodeBlock %}
206
+ * @default null
207
+ */
208
+ timeFormat: any;
209
+ /**
210
+ * Allows to set different timescale configuration on each applicable view modes such as day, week and work week.
211
+ * @default { enable: true, interval: 60, slotCount: 2, majorSlotTemplate: null, minorSlotTemplate: null }
212
+ */
213
+ timeScale: any;
214
+ /**
215
+ * It is used to set the working days on schedule. The only days that are defined in this collection will be rendered on the
216
+ * `workWeek` view whereas on other views, it will display all the usual days and simply highlights the working days with different
217
+ * shade.
218
+ * @default '[1, 2, 3, 4, 5]'
219
+ * @asptype int[]
220
+ */
221
+ workDays: any;
222
+ /**
223
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
224
+ * date header cells. The field that can be accessed via this template is `date`.
225
+ * It gets applied only to the view objects on which it is defined.
226
+ * @default null
227
+ * @asptype string
228
+ */
229
+ dateHeaderTemplate: any;
230
+ /**
231
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
232
+ * @default null
233
+ * @angulartype string | object
234
+ * @reacttype string | function | JSX.Element
235
+ * @vuetype string | function
236
+ * @asptype string
237
+ */
238
+ dateRangeTemplate: any;
239
+ /**
240
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
241
+ * Year view day cell header.
242
+ * This template is only applicable for year view header cells.
243
+ * @default null
244
+ * @angulartype string | object
245
+ * @reacttype string | function | JSX.Element
246
+ * @vuetype string | function
247
+ * @asptype string
248
+ */
249
+ dayHeaderTemplate: any;
250
+ /**
251
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
252
+ * month date cells.
253
+ * This template is only applicable for month view day cells.
254
+ * @default null
255
+ * @angulartype string | object
256
+ * @reacttype string | function | JSX.Element
257
+ * @vuetype string | function
258
+ * @asptype string
259
+ */
260
+ cellHeaderTemplate: any;
261
+ /**
262
+ * The template option which is used to render the customized work cells on the Schedule. Here, the
263
+ * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.
264
+ * The field accessible via template is `date`. It gets applied only to the view objects on which it is defined.
265
+ * @default null
266
+ * @angulartype string | object
267
+ * @reacttype string | function | JSX.Element
268
+ * @vuetype string | function
269
+ * @asptype string
270
+ */
271
+ cellTemplate: any;
272
+ /**
273
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto
274
+ * the event background. All the event fields mapped to Schedule from dataSource can be accessed within this template code.
275
+ * It is similar to that of the `template` option available within the `eventSettings` property,
276
+ * whereas it will get applied only on the events of the view to which it is currently being defined.
277
+ * @default null
278
+ * @angulartype string | object
279
+ * @reacttype string | function | JSX.Element
280
+ * @vuetype string | function
281
+ * @asptype string
282
+ */
283
+ eventTemplate: any;
284
+ /**
285
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
286
+ * Year view day cell header.
287
+ * This template is only applicable for year view header cells.
288
+ * @default null
289
+ * @angulartype string | object
290
+ * @reacttype string | function | JSX.Element
291
+ * @vuetype string | function
292
+ * @asptype string
293
+ */
294
+ monthHeaderTemplate: any;
295
+ /**
296
+ * The template option which is used to render the customized header cells on the schedule. Here, the
297
+ * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header cells.
298
+ * All the resource fields mapped within resources can be accessed within this template code.
299
+ * It gets applied only to the view objects on which it is defined.
300
+ * @default null
301
+ * @angulartype string | object
302
+ * @reacttype string | function | JSX.Element
303
+ * @vuetype string | function
304
+ * @asptype string
305
+ */
306
+ resourceHeaderTemplate: any;
307
+ /**
308
+ * The template option which is used to render the customized header indent cell on the schedule. Here, the
309
+ * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header indent cell.
310
+ * It gets applied only to the view objects on which it is defined.
311
+ * @default null
312
+ * @angulartype string | object
313
+ * @reacttype string | function | JSX.Element
314
+ * @vuetype string | function
315
+ * @asptype string
316
+ */
317
+ headerIndentTemplate: any;
318
+ timeScale_minorSlotTemplate: any;
319
+ timeScale_majorSlotTemplate: any;
320
+ group_headerTooltipTemplate: any;
321
+ constructor(viewContainerRef: ViewContainerRef);
322
+ }
323
+ /**
324
+ * View Array Directive
325
+ * @private
326
+ */
327
+ export declare class ViewsDirective extends ArrayBase<ViewsDirective> {
328
+ constructor();
329
+ }