@syncfusion/ej2-schedule 20.4.53 → 21.1.37

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 (107) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +339 -144
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +374 -165
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/common/calendar-util.d.ts +7 -0
  14. package/src/recurrence-editor/recurrence-editor.d.ts +10 -0
  15. package/src/schedule/actions/action-base.js +5 -0
  16. package/src/schedule/actions/crud.js +1 -0
  17. package/src/schedule/actions/data.d.ts +14 -2
  18. package/src/schedule/actions/data.js +26 -2
  19. package/src/schedule/actions/keyboard.js +15 -14
  20. package/src/schedule/base/interface.d.ts +23 -23
  21. package/src/schedule/base/resource.js +5 -6
  22. package/src/schedule/base/schedule-model.d.ts +34 -27
  23. package/src/schedule/base/schedule.d.ts +50 -27
  24. package/src/schedule/base/schedule.js +44 -8
  25. package/src/schedule/base/type.d.ts +66 -1
  26. package/src/schedule/event-renderer/agenda-base.js +6 -2
  27. package/src/schedule/event-renderer/event-base.d.ts +2 -1
  28. package/src/schedule/event-renderer/event-base.js +34 -13
  29. package/src/schedule/event-renderer/month.js +4 -5
  30. package/src/schedule/event-renderer/vertical-view.d.ts +0 -1
  31. package/src/schedule/event-renderer/vertical-view.js +6 -30
  32. package/src/schedule/event-renderer/year.d.ts +1 -0
  33. package/src/schedule/event-renderer/year.js +135 -54
  34. package/src/schedule/models/event-settings-model.d.ts +11 -2
  35. package/src/schedule/models/event-settings.d.ts +10 -2
  36. package/src/schedule/models/event-settings.js +3 -0
  37. package/src/schedule/models/fields-model.d.ts +4 -2
  38. package/src/schedule/models/fields.d.ts +6 -4
  39. package/src/schedule/models/fields.js +2 -2
  40. package/src/schedule/models/header-rows-model.d.ts +5 -5
  41. package/src/schedule/models/header-rows.d.ts +5 -5
  42. package/src/schedule/models/quick-info-templates-model.d.ts +3 -3
  43. package/src/schedule/models/quick-info-templates.d.ts +3 -3
  44. package/src/schedule/models/views-model.d.ts +16 -15
  45. package/src/schedule/models/views.d.ts +16 -15
  46. package/src/schedule/popups/event-tooltip.js +2 -1
  47. package/src/schedule/popups/event-window.js +26 -5
  48. package/src/schedule/popups/quick-popups.js +32 -10
  49. package/src/schedule/renderer/header-renderer.js +1 -0
  50. package/src/schedule/renderer/month-agenda.d.ts +3 -2
  51. package/src/schedule/renderer/month-agenda.js +5 -0
  52. package/src/schedule/renderer/month.d.ts +1 -0
  53. package/src/schedule/renderer/month.js +5 -3
  54. package/src/schedule/renderer/timeline-year.js +12 -8
  55. package/src/schedule/renderer/vertical-view.js +1 -1
  56. package/src/schedule/renderer/view-base.js +3 -4
  57. package/src/schedule/renderer/year.js +5 -1
  58. package/styles/bootstrap-dark.css +99 -89
  59. package/styles/bootstrap.css +99 -89
  60. package/styles/bootstrap4.css +99 -89
  61. package/styles/bootstrap5-dark.css +110 -100
  62. package/styles/bootstrap5.css +110 -100
  63. package/styles/fabric-dark.css +98 -88
  64. package/styles/fabric.css +98 -88
  65. package/styles/fluent-dark.css +109 -99
  66. package/styles/fluent.css +109 -99
  67. package/styles/highcontrast-light.css +98 -88
  68. package/styles/highcontrast.css +98 -88
  69. package/styles/material-dark.css +98 -88
  70. package/styles/material.css +98 -88
  71. package/styles/recurrence-editor/_bootstrap5-definition.scss +1 -1
  72. package/styles/recurrence-editor/_fluent-definition.scss +1 -1
  73. package/styles/recurrence-editor/_tailwind-definition.scss +1 -1
  74. package/styles/schedule/_bootstrap-dark-definition.scss +8 -1
  75. package/styles/schedule/_bootstrap-definition.scss +8 -1
  76. package/styles/schedule/_bootstrap4-definition.scss +7 -0
  77. package/styles/schedule/_bootstrap5-definition.scss +17 -10
  78. package/styles/schedule/_fabric-dark-definition.scss +7 -0
  79. package/styles/schedule/_fabric-definition.scss +7 -0
  80. package/styles/schedule/_fluent-definition.scss +15 -8
  81. package/styles/schedule/_fusionnew-definition.scss +7 -0
  82. package/styles/schedule/_highcontrast-definition.scss +7 -0
  83. package/styles/schedule/_highcontrast-light-definition.scss +7 -0
  84. package/styles/schedule/_layout.scss +63 -48
  85. package/styles/schedule/_material-dark-definition.scss +7 -0
  86. package/styles/schedule/_material-definition.scss +7 -0
  87. package/styles/schedule/_tailwind-definition.scss +17 -10
  88. package/styles/schedule/_theme.scss +40 -41
  89. package/styles/schedule/bootstrap-dark.css +99 -89
  90. package/styles/schedule/bootstrap.css +99 -89
  91. package/styles/schedule/bootstrap4.css +99 -89
  92. package/styles/schedule/bootstrap5-dark.css +110 -100
  93. package/styles/schedule/bootstrap5.css +110 -100
  94. package/styles/schedule/fabric-dark.css +98 -88
  95. package/styles/schedule/fabric.css +98 -88
  96. package/styles/schedule/fluent-dark.css +109 -99
  97. package/styles/schedule/fluent.css +109 -99
  98. package/styles/schedule/highcontrast-light.css +98 -88
  99. package/styles/schedule/highcontrast.css +98 -88
  100. package/styles/schedule/material-dark.css +98 -88
  101. package/styles/schedule/material.css +98 -88
  102. package/styles/schedule/tailwind-dark.css +106 -96
  103. package/styles/schedule/tailwind.css +106 -96
  104. package/styles/tailwind-dark.css +106 -96
  105. package/styles/tailwind.css +106 -96
  106. package/styles/recurrence-editor/_material3-definition.scss +0 -13
  107. package/styles/schedule/_material3-definition.scss +0 -283
package/styles/schedule/_theme.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /*! schedule component theme */
4
4
  .e-schedule {
5
- background-color: $schedule-header-bg-color;
5
+ background: $schedule-header-bg-color;
6
6
  border: $border-size $border-type $schedule-content-border-color;
7
7
 
8
8
  .e-date-header-wrap {
@@ -25,7 +25,7 @@
25
25
 
26
26
  .e-date-header-wrap {
27
27
  .e-all-day-cells {
28
- background-color: $schedule-header-bg-color;
28
+ background: $schedule-header-bg-color;
29
29
 
30
30
  &:hover {
31
31
  background: $schedule-hover-bg-color;
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .e-left-indent-wrap table tbody td {
37
- background-color: $schedule-header-bg-color;
37
+ background: $schedule-header-bg-color;
38
38
  border-color: $schedule-header-border-color;
39
39
  border-style: $border-type;
40
40
  border-width: 0 1px 1px 0;
@@ -58,7 +58,7 @@
58
58
  }
59
59
 
60
60
  .e-date-header-wrap table tbody td {
61
- background-color: $schedule-header-bg-color;
61
+ background: $schedule-header-bg-color;
62
62
  border-color: $schedule-header-border-color;
63
63
  border-style: $border-type;
64
64
  border-width: $schedule-vertical-work-cells-border;
@@ -71,7 +71,7 @@
71
71
  }
72
72
 
73
73
  .e-time-cells-wrap table td {
74
- background-color: $schedule-time-cells-bg-color;
74
+ background: $schedule-time-cells-bg-color;
75
75
  border-color: $schedule-content-border-color;
76
76
  border-style: $border-type;
77
77
  border-width: 0 1px 1px 0;
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
89
  .e-header-cells {
90
- background-color: $schedule-header-bg-color;
90
+ background: $schedule-header-bg-color;
91
91
 
92
92
  &.e-current-day {
93
93
  color: $schedule-active-font-color;
@@ -96,7 +96,7 @@
96
96
  }
97
97
 
98
98
  .e-work-cells {
99
- background-color: $schedule-work-cells-bg-color;
99
+ background: $schedule-work-cells-bg-color;
100
100
  border-color: $schedule-content-border-color;
101
101
  border-style: $border-type;
102
102
  border-width: $schedule-vertical-work-cells-border;
@@ -113,33 +113,33 @@
113
113
  }
114
114
 
115
115
  .e-work-hours {
116
- background-color: $schedule-workhour-bg-color;
116
+ background: $schedule-workhour-bg-color;
117
117
  }
118
118
 
119
119
  .e-all-day-cells {
120
- background-color: $schedule-header-bg-color;
120
+ background: $schedule-header-bg-color;
121
121
 
122
122
  &.e-current-day {
123
123
  color: $schedule-active-font-color;
124
124
  }
125
125
 
126
126
  &.e-selected-cell {
127
- background-color: $schedule-select-bg-color;
127
+ background: $schedule-select-bg-color;
128
128
  color: $schedule-hover-font-color;
129
129
 
130
130
  &:hover {
131
- background-color: $schedule-select-bg-color;
131
+ background: $schedule-select-bg-color;
132
132
  color: $schedule-selected-cell-hover-font-color;
133
133
  }
134
134
  }
135
135
  }
136
136
 
137
137
  .e-selected-cell {
138
- background-color: $schedule-select-bg-color;
138
+ background: $schedule-select-bg-color;
139
139
  color: $schedule-hover-font-color;
140
140
 
141
141
  &:hover {
142
- background-color: $schedule-select-bg-color;
142
+ background: $schedule-select-bg-color;
143
143
  color: $schedule-selected-cell-hover-font-color;
144
144
  }
145
145
  }
@@ -176,7 +176,7 @@
176
176
  .e-month-view,
177
177
  .e-month-agenda-view {
178
178
  .e-date-header-wrap table td {
179
- background-color: $schedule-header-bg-color;
179
+ background: $schedule-header-bg-color;
180
180
  border-color: $schedule-header-border-color;
181
181
  border-style: $border-type;
182
182
  border-width: $schedule-month-work-cells-border;
@@ -192,7 +192,7 @@
192
192
  }
193
193
 
194
194
  .e-work-cells {
195
- background-color: $schedule-work-cells-bg-color;
195
+ background: $schedule-work-cells-bg-color;
196
196
  border-color: $schedule-content-border-color;
197
197
  border-style: $border-type;
198
198
  border-width: $schedule-month-work-cells-border;
@@ -206,7 +206,7 @@
206
206
  }
207
207
 
208
208
  .e-work-days {
209
- background-color: $schedule-workhour-bg-color;
209
+ background: $schedule-workhour-bg-color;
210
210
  }
211
211
 
212
212
  .e-other-month {
@@ -214,14 +214,14 @@
214
214
  }
215
215
 
216
216
  .e-current-date .e-date-header {
217
- background-color: $schedule-current-date-bg-color;
217
+ background: $schedule-current-date-bg-color;
218
218
  border-radius: 50%;
219
219
  color: $schedule-current-date-header-font-color;
220
220
  width: 20px;
221
221
  }
222
222
 
223
223
  .e-selected-cell {
224
- background-color: $schedule-select-bg-color;
224
+ background: $schedule-select-bg-color;
225
225
  color: $schedule-select-font-color;
226
226
 
227
227
  .e-date-header {
@@ -233,13 +233,12 @@
233
233
  }
234
234
 
235
235
  &:hover {
236
- background-color: $schedule-select-bg-color;
236
+ background: $schedule-select-bg-color;
237
237
  }
238
238
  }
239
239
  }
240
240
 
241
241
  .e-month-agenda-view {
242
-
243
242
  .e-content-wrap .e-table-container {
244
243
  overflow: auto;
245
244
  }
@@ -270,7 +269,7 @@
270
269
  }
271
270
 
272
271
  .e-date-header-wrap table td {
273
- background-color: $schedule-header-bg-color;
272
+ background: $schedule-header-bg-color;
274
273
  border-color: $schedule-header-border-color;
275
274
  border-style: $border-type;
276
275
  border-width: $schedule-timeline-work-cells-border;
@@ -283,7 +282,7 @@
283
282
  }
284
283
 
285
284
  .e-work-cells {
286
- background-color: $schedule-work-cells-bg-color;
285
+ background: $schedule-work-cells-bg-color;
287
286
  border-color: $schedule-content-border-color;
288
287
  border-style: $border-type;
289
288
  border-width: $schedule-timeline-work-cells-border;
@@ -297,42 +296,42 @@
297
296
  }
298
297
 
299
298
  &.e-virtual-mask .e-work-cells:hover {
300
- background-color: $schedule-disable-dates-color;
299
+ background: $schedule-disable-dates-color;
301
300
  }
302
301
 
303
302
  .e-work-days {
304
- background-color: $schedule-workhour-bg-color;
303
+ background: $schedule-workhour-bg-color;
305
304
  }
306
305
 
307
306
  .e-resource-group-cells {
308
- background-color: $schedule-work-cells-bg-color;
307
+ background: $schedule-work-cells-bg-color;
309
308
  }
310
309
 
311
310
  .e-selected-cell {
312
- background-color: $schedule-select-bg-color;
311
+ background: $schedule-select-bg-color;
313
312
  color: $schedule-select-font-color;
314
313
 
315
314
  &:hover:not(.e-resource-group-cells) {
316
- background-color: $schedule-select-bg-color;
315
+ background: $schedule-select-bg-color;
317
316
  }
318
317
  }
319
318
  }
320
319
 
321
320
  .e-timeline-view {
322
321
  .e-work-hours {
323
- background-color: $schedule-workhour-bg-color;
322
+ background: $schedule-workhour-bg-color;
324
323
  }
325
324
 
326
325
  .e-resource-group-cells {
327
- background-color: $schedule-work-cells-bg-color;
326
+ background: $schedule-work-cells-bg-color;
328
327
  }
329
328
 
330
329
  .e-selected-cell {
331
- background-color: $schedule-select-bg-color;
330
+ background: $schedule-select-bg-color;
332
331
  color: $schedule-hover-font-color;
333
332
 
334
333
  &:hover {
335
- background-color: $schedule-select-bg-color;
334
+ background: $schedule-select-bg-color;
336
335
  }
337
336
  }
338
337
 
@@ -357,7 +356,7 @@
357
356
 
358
357
  .e-timeline-year-view {
359
358
  .e-work-cells {
360
- background-color: $schedule-work-cells-bg-color;
359
+ background: $schedule-work-cells-bg-color;
361
360
  border-color: $schedule-content-border-color;
362
361
  border-style: $border-type;
363
362
  border-width: 0 $border-size $border-size 0;
@@ -370,7 +369,7 @@
370
369
  }
371
370
 
372
371
  &.e-work-days {
373
- background-color: $schedule-workhour-bg-color;
372
+ background: $schedule-workhour-bg-color;
374
373
  }
375
374
 
376
375
  &.e-other-month {
@@ -378,7 +377,7 @@
378
377
  }
379
378
 
380
379
  &.e-current-day .e-date-header {
381
- background-color: $schedule-current-date-bg-color;
380
+ background: $schedule-current-date-bg-color;
382
381
  border-radius: 50%;
383
382
  color: $schedule-current-day-active-color;
384
383
  margin: 2px;
@@ -386,7 +385,7 @@
386
385
  }
387
386
 
388
387
  &.e-selected-cell {
389
- background-color: $schedule-select-bg-color;
388
+ background: $schedule-select-bg-color;
390
389
  color: $schedule-select-font-color;
391
390
 
392
391
  .e-date-header {
@@ -398,12 +397,12 @@
398
397
  }
399
398
 
400
399
  &:hover {
401
- background-color: $schedule-select-bg-color;
400
+ background: $schedule-select-bg-color;
402
401
  }
403
402
  }
404
403
 
405
404
  &.e-disable-dates {
406
- background-color: $schedule-disable-dates-color;
405
+ background: $schedule-disable-dates-color;
407
406
 
408
407
  .e-date-header {
409
408
  cursor: default;
@@ -415,17 +414,17 @@
415
414
  }
416
415
 
417
416
  &:hover {
418
- background-color: $schedule-disable-dates-color;
417
+ background: $schedule-disable-dates-color;
419
418
  }
420
419
  }
421
420
  }
422
421
 
423
422
  &.e-virtual-mask .e-work-cells {
424
- background-color: $schedule-disable-dates-color;
423
+ background: $schedule-disable-dates-color;
425
424
  box-shadow: inset 0 0 0 8px $schedule-work-cells-bg-color;
426
425
 
427
426
  &:hover {
428
- background-color: $schedule-disable-dates-color;
427
+ background: $schedule-disable-dates-color;
429
428
  }
430
429
  }
431
430
  }
@@ -513,7 +512,7 @@
513
512
  }
514
513
 
515
514
  .e-tooltip-wrap.e-schedule-error {
516
- background-color: $schedule-val-error-bg-color;
515
+ background: $schedule-val-error-bg-color;
517
516
  border-color: $schedule-val-error-bg-color;
518
517
  z-index: 1000;
519
518