@syncfusion/ej2-angular-schedule 31.1.21 → 31.2.2-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 (135) 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/collection.json +10 -39
  15. package/schematics/ng-add/index.ts +10 -10
  16. package/schematics/ng-add/schema.json +34 -34
  17. package/schematics/ng-add/schema.ts +30 -30
  18. package/schematics/tsconfig.json +25 -25
  19. package/schematics/utils/lib-details.d.ts +2 -2
  20. package/schematics/utils/lib-details.js +2 -2
  21. package/schematics/utils/lib-details.ts +4 -4
  22. package/src/index.d.ts +11 -11
  23. package/src/recurrence-editor/recurrenceeditor-all.module.d.ts +5 -11
  24. package/src/recurrence-editor/recurrenceeditor.component.d.ts +30 -33
  25. package/src/recurrence-editor/recurrenceeditor.module.d.ts +5 -11
  26. package/src/schedule/headerrows.directive.d.ts +47 -52
  27. package/src/schedule/resources.directive.d.ts +110 -115
  28. package/src/schedule/schedule-all.module.d.ts +22 -28
  29. package/src/schedule/schedule.component.d.ts +221 -224
  30. package/src/schedule/schedule.module.d.ts +5 -15
  31. package/src/schedule/toolbaritems.directive.d.ts +172 -177
  32. package/src/schedule/views.directive.d.ts +319 -324
  33. package/CHANGELOG.md +0 -2394
  34. package/esm2020/public_api.mjs +0 -2
  35. package/esm2020/src/index.mjs +0 -12
  36. package/esm2020/src/recurrence-editor/recurrenceeditor-all.module.mjs +0 -23
  37. package/esm2020/src/recurrence-editor/recurrenceeditor.component.mjs +0 -59
  38. package/esm2020/src/recurrence-editor/recurrenceeditor.module.mjs +0 -25
  39. package/esm2020/src/schedule/headerrows.directive.mjs +0 -66
  40. package/esm2020/src/schedule/resources.directive.mjs +0 -58
  41. package/esm2020/src/schedule/schedule-all.module.mjs +0 -74
  42. package/esm2020/src/schedule/schedule.component.mjs +0 -306
  43. package/esm2020/src/schedule/schedule.module.mjs +0 -61
  44. package/esm2020/src/schedule/toolbaritems.directive.mjs +0 -67
  45. package/esm2020/src/schedule/views.directive.mjs +0 -132
  46. package/esm2020/syncfusion-ej2-angular-schedule.mjs +0 -5
  47. package/fesm2015/syncfusion-ej2-angular-schedule.mjs +0 -829
  48. package/fesm2015/syncfusion-ej2-angular-schedule.mjs.map +0 -1
  49. package/fesm2020/syncfusion-ej2-angular-schedule.mjs +0 -829
  50. package/fesm2020/syncfusion-ej2-angular-schedule.mjs.map +0 -1
  51. package/schematics/generators/schedule-agenda-views/index.d.ts +0 -3
  52. package/schematics/generators/schedule-agenda-views/index.js +0 -8
  53. package/schematics/generators/schedule-agenda-views/index.ts +0 -8
  54. package/schematics/generators/schedule-agenda-views/sample-details.d.ts +0 -5
  55. package/schematics/generators/schedule-agenda-views/sample-details.js +0 -7
  56. package/schematics/generators/schedule-agenda-views/sample-details.ts +0 -5
  57. package/schematics/generators/schedule-agenda-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  58. package/schematics/generators/schedule-agenda-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
  59. package/schematics/generators/schedule-agenda-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -18
  60. package/schematics/generators/schedule-agenda-views/samples/__path__/__name@dasherize@if-flat__/assets/datasource.ts +0 -29
  61. package/schematics/generators/schedule-agenda-views/schema.d.ts +0 -3
  62. package/schematics/generators/schedule-agenda-views/schema.js +0 -2
  63. package/schematics/generators/schedule-agenda-views/schema.json +0 -125
  64. package/schematics/generators/schedule-agenda-views/schema.ts +0 -3
  65. package/schematics/generators/schedule-calendar-views/index.d.ts +0 -3
  66. package/schematics/generators/schedule-calendar-views/index.js +0 -8
  67. package/schematics/generators/schedule-calendar-views/index.ts +0 -8
  68. package/schematics/generators/schedule-calendar-views/sample-details.d.ts +0 -5
  69. package/schematics/generators/schedule-calendar-views/sample-details.js +0 -7
  70. package/schematics/generators/schedule-calendar-views/sample-details.ts +0 -5
  71. package/schematics/generators/schedule-calendar-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  72. package/schematics/generators/schedule-calendar-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  73. package/schematics/generators/schedule-calendar-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -18
  74. package/schematics/generators/schedule-calendar-views/samples/__path__/__name@dasherize@if-flat__/assets/datasource.ts +0 -92
  75. package/schematics/generators/schedule-calendar-views/schema.d.ts +0 -3
  76. package/schematics/generators/schedule-calendar-views/schema.js +0 -2
  77. package/schematics/generators/schedule-calendar-views/schema.json +0 -125
  78. package/schematics/generators/schedule-calendar-views/schema.ts +0 -3
  79. package/schematics/generators/schedule-horizontal-grouping/index.d.ts +0 -3
  80. package/schematics/generators/schedule-horizontal-grouping/index.js +0 -8
  81. package/schematics/generators/schedule-horizontal-grouping/index.ts +0 -8
  82. package/schematics/generators/schedule-horizontal-grouping/sample-details.d.ts +0 -5
  83. package/schematics/generators/schedule-horizontal-grouping/sample-details.js +0 -7
  84. package/schematics/generators/schedule-horizontal-grouping/sample-details.ts +0 -5
  85. package/schematics/generators/schedule-horizontal-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -92
  86. package/schematics/generators/schedule-horizontal-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -29
  87. package/schematics/generators/schedule-horizontal-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -51
  88. package/schematics/generators/schedule-horizontal-grouping/samples/__path__/__name@dasherize@if-flat__/assets/datasource.ts +0 -25
  89. package/schematics/generators/schedule-horizontal-grouping/schema.d.ts +0 -3
  90. package/schematics/generators/schedule-horizontal-grouping/schema.js +0 -2
  91. package/schematics/generators/schedule-horizontal-grouping/schema.json +0 -125
  92. package/schematics/generators/schedule-horizontal-grouping/schema.ts +0 -3
  93. package/schematics/generators/schedule-time-scale/index.d.ts +0 -3
  94. package/schematics/generators/schedule-time-scale/index.js +0 -8
  95. package/schematics/generators/schedule-time-scale/index.ts +0 -8
  96. package/schematics/generators/schedule-time-scale/sample-details.d.ts +0 -5
  97. package/schematics/generators/schedule-time-scale/sample-details.js +0 -7
  98. package/schematics/generators/schedule-time-scale/sample-details.ts +0 -5
  99. package/schematics/generators/schedule-time-scale/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  100. package/schematics/generators/schedule-time-scale/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
  101. package/schematics/generators/schedule-time-scale/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -22
  102. package/schematics/generators/schedule-time-scale/samples/__path__/__name@dasherize@if-flat__/assets/datasource.ts +0 -62
  103. package/schematics/generators/schedule-time-scale/schema.d.ts +0 -3
  104. package/schematics/generators/schedule-time-scale/schema.js +0 -2
  105. package/schematics/generators/schedule-time-scale/schema.json +0 -125
  106. package/schematics/generators/schedule-time-scale/schema.ts +0 -3
  107. package/schematics/generators/schedule-timeline-grouping/index.d.ts +0 -3
  108. package/schematics/generators/schedule-timeline-grouping/index.js +0 -8
  109. package/schematics/generators/schedule-timeline-grouping/index.ts +0 -8
  110. package/schematics/generators/schedule-timeline-grouping/sample-details.d.ts +0 -5
  111. package/schematics/generators/schedule-timeline-grouping/sample-details.js +0 -7
  112. package/schematics/generators/schedule-timeline-grouping/sample-details.ts +0 -5
  113. package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -6
  114. package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -23
  115. package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -39
  116. package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/assets/datasource.ts +0 -92
  117. package/schematics/generators/schedule-timeline-grouping/schema.d.ts +0 -3
  118. package/schematics/generators/schedule-timeline-grouping/schema.js +0 -2
  119. package/schematics/generators/schedule-timeline-grouping/schema.json +0 -125
  120. package/schematics/generators/schedule-timeline-grouping/schema.ts +0 -3
  121. package/schematics/generators/schedule-timeline-views/index.d.ts +0 -3
  122. package/schematics/generators/schedule-timeline-views/index.js +0 -8
  123. package/schematics/generators/schedule-timeline-views/index.ts +0 -8
  124. package/schematics/generators/schedule-timeline-views/sample-details.d.ts +0 -5
  125. package/schematics/generators/schedule-timeline-views/sample-details.js +0 -7
  126. package/schematics/generators/schedule-timeline-views/sample-details.ts +0 -5
  127. package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  128. package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -14
  129. package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -18
  130. package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/assets/datasource.ts +0 -184
  131. package/schematics/generators/schedule-timeline-views/schema.d.ts +0 -3
  132. package/schematics/generators/schedule-timeline-views/schema.js +0 -2
  133. package/schematics/generators/schedule-timeline-views/schema.json +0 -125
  134. package/schematics/generators/schedule-timeline-views/schema.ts +0 -3
  135. package/syncfusion-ej2-angular-schedule.d.ts +0 -5
@@ -1,324 +1,319 @@
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 in a single row.
110
+ * This property is applicable when the 'rowAutoHeight' property is disabled.
111
+ * This property is only applicable for the month view, timeline views, and timeline year view.
112
+ * @default null
113
+ */
114
+ maxEventsPerRow: any;
115
+ /**
116
+ * This option allows the user to set the number of months count to be displayed on the Schedule.
117
+ * {% codeBlock src='schedule/monthsCount/index.md' %}{% endcodeBlock %}
118
+ * @default 12
119
+ * @asptype int
120
+ */
121
+ monthsCount: any;
122
+ /**
123
+ * This property customizes the number of weeks that are shown in month view. By default, it shows all weeks in the current month.
124
+ * Use displayDate property to customize the starting week of month.
125
+ * {% codeBlock src='schedule/numberOfWeeks/index.md' %}{% endcodeBlock %}
126
+ * @default 0
127
+ * @asptype int
128
+ */
129
+ numberOfWeeks: any;
130
+ /**
131
+ * It accepts the schedule view name, based on which we can define with its related properties in a single object.
132
+ * The applicable view names are,
133
+ * * Day - Denotes Day view of the scheduler.
134
+ * * Week - Denotes Week view of the scheduler.
135
+ * * WorkWeek - Denotes Work Week view of the scheduler.
136
+ * * Month - Denotes Month view of the scheduler.
137
+ * * Year - Denotes Year view of the scheduler.
138
+ * * Agenda - Denotes Agenda view of the scheduler.
139
+ * * MonthAgenda - Denotes Month Agenda view of the scheduler.
140
+ * * TimelineDay - Denotes Timeline Day view of the scheduler.
141
+ * * TimelineWeek - Denotes Timeline Week view of the scheduler.
142
+ * * TimelineWorkWeek - Denotes Timeline Work Week view of the scheduler.
143
+ * * TimelineMonth - Denotes Timeline Month view of the scheduler.
144
+ * * TimelineYear - Denotes Timeline Year view of the scheduler.
145
+ * @default null
146
+ */
147
+ option: any;
148
+ /**
149
+ * It is used to specify the year view rendering orientation on the schedule.
150
+ * The applicable orientation values are,
151
+ * * Horizontal - Denotes the horizontal orientation of Timeline Year view.
152
+ * * Vertical - Denotes the vertical orientation of Timeline Year view.
153
+ * @default 'Horizontal'
154
+ */
155
+ orientation: any;
156
+ /**
157
+ * Specifies the number of additional rows or columns to render outside the visible area during virtual scrolling.
158
+ * This property helps in achieving smoother scrolling by pre-loading data just outside the visible region.
159
+ * @remarks The default value is 3. Increasing this value can result in smoother scrolling but may impact performance
160
+ with larger datasets. Decreasing it can improve performance but may cause more frequent data fetches during scrolling.
161
+ This property only takes effect when `allowVirtualScrolling` is enabled for the current view.
162
+
163
+ * @default 3
164
+ */
165
+ overscanCount: any;
166
+ /**
167
+ * When set to `true`, displays a quick popup with cell or event details on single clicking over the cells or on events.
168
+ * By default, it is set to `true`. It gets applied only to the view objects on which it is defined.
169
+ * @default false
170
+ */
171
+ readonly: any;
172
+ /**
173
+ * When set to `true`, displays the week number of the current view date range.
174
+ * @default false
175
+ */
176
+ showWeekNumber: any;
177
+ /**
178
+ * When set to `false`, it hides the weekend days of a week from the Schedule.
179
+ * The days which are not defined in the working days collection are usually treated as weekend days.
180
+ * Note: By default, this option is not applicable on `Work Week` view.
181
+ * 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
182
+ * weekend days and will be hidden on all the views.
183
+ * @default true
184
+ */
185
+ showWeekend: any;
186
+ /**
187
+ * It is used to specify the starting hour, from which the Schedule starts to display.
188
+ * It accepts the time string in a short skeleton format and also, hides the time beyond the specified start time.
189
+ * @default '00:00'
190
+ */
191
+ startHour: any;
192
+ /**
193
+ * By default, Schedule follows the time-format as per the default culture assigned to it.
194
+ * It is also possible to manually set specific time format by using the `timeFormat` property.
195
+ * {% codeBlock src='schedule/timeFormat/index.md' %}{% endcodeBlock %}
196
+ * @default null
197
+ */
198
+ timeFormat: any;
199
+ /**
200
+ * Allows to set different timescale configuration on each applicable view modes such as day, week and work week.
201
+ * @default { enable: true, interval: 60, slotCount: 2, majorSlotTemplate: null, minorSlotTemplate: null }
202
+ */
203
+ timeScale: any;
204
+ /**
205
+ * It is used to set the working days on schedule. The only days that are defined in this collection will be rendered on the
206
+ * `workWeek` view whereas on other views, it will display all the usual days and simply highlights the working days with different
207
+ * shade.
208
+ * @default '[1, 2, 3, 4, 5]'
209
+ * @asptype int[]
210
+ */
211
+ workDays: any;
212
+ /**
213
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
214
+ * date header cells. The field that can be accessed via this template is `date`.
215
+ * It gets applied only to the view objects on which it is defined.
216
+ * @default null
217
+ * @asptype string
218
+ */
219
+ dateHeaderTemplate: any;
220
+ /**
221
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
222
+ * @default null
223
+ * @angulartype string | object
224
+ * @reacttype string | function | JSX.Element
225
+ * @vuetype string | function
226
+ * @asptype string
227
+ */
228
+ dateRangeTemplate: any;
229
+ /**
230
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
231
+ * Year view day cell header.
232
+ * This template is only applicable for year view header cells.
233
+ * @default null
234
+ * @angulartype string | object
235
+ * @reacttype string | function | JSX.Element
236
+ * @vuetype string | function
237
+ * @asptype string
238
+ */
239
+ dayHeaderTemplate: any;
240
+ /**
241
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
242
+ * month date cells.
243
+ * This template is only applicable for month view day cells.
244
+ * @default null
245
+ * @angulartype string | object
246
+ * @reacttype string | function | JSX.Element
247
+ * @vuetype string | function
248
+ * @asptype string
249
+ */
250
+ cellHeaderTemplate: any;
251
+ /**
252
+ * The template option which is used to render the customized work cells on the Schedule. Here, the
253
+ * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.
254
+ * The field accessible via template is `date`. It gets applied only to the view objects on which it is defined.
255
+ * @default null
256
+ * @angulartype string | object
257
+ * @reacttype string | function | JSX.Element
258
+ * @vuetype string | function
259
+ * @asptype string
260
+ */
261
+ cellTemplate: any;
262
+ /**
263
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto
264
+ * the event background. All the event fields mapped to Schedule from dataSource can be accessed within this template code.
265
+ * It is similar to that of the `template` option available within the `eventSettings` property,
266
+ * whereas it will get applied only on the events of the view to which it is currently being defined.
267
+ * @default null
268
+ * @angulartype string | object
269
+ * @reacttype string | function | JSX.Element
270
+ * @vuetype string | function
271
+ * @asptype string
272
+ */
273
+ eventTemplate: any;
274
+ /**
275
+ * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
276
+ * Year view day cell header.
277
+ * This template is only applicable for year view header cells.
278
+ * @default null
279
+ * @angulartype string | object
280
+ * @reacttype string | function | JSX.Element
281
+ * @vuetype string | function
282
+ * @asptype string
283
+ */
284
+ monthHeaderTemplate: any;
285
+ /**
286
+ * The template option which is used to render the customized header cells on the schedule. Here, the
287
+ * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header cells.
288
+ * All the resource fields mapped within resources can be accessed within this template code.
289
+ * It gets applied only to the view objects on which it is defined.
290
+ * @default null
291
+ * @angulartype string | object
292
+ * @reacttype string | function | JSX.Element
293
+ * @vuetype string | function
294
+ * @asptype string
295
+ */
296
+ resourceHeaderTemplate: any;
297
+ /**
298
+ * The template option which is used to render the customized header indent cell on the schedule. Here, the
299
+ * template accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header indent cell.
300
+ * It gets applied only to the view objects on which it is defined.
301
+ * @default null
302
+ * @angulartype string | object
303
+ * @reacttype string | function | JSX.Element
304
+ * @vuetype string | function
305
+ * @asptype string
306
+ */
307
+ headerIndentTemplate: any;
308
+ timeScale_minorSlotTemplate: any;
309
+ timeScale_majorSlotTemplate: any;
310
+ group_headerTooltipTemplate: any;
311
+ constructor(viewContainerRef: ViewContainerRef);
312
+ }
313
+ /**
314
+ * View Array Directive
315
+ * @private
316
+ */
317
+ export declare class ViewsDirective extends ArrayBase<ViewsDirective> {
318
+ constructor();
319
+ }