@syncfusion/ej2-schedule 19.2.60 → 19.3.48

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 (125) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +65 -0
  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 +445 -164
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +456 -172
  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 +15 -15
  13. package/src/schedule/actions/action-base.js +1 -1
  14. package/src/schedule/actions/crud.js +3 -2
  15. package/src/schedule/actions/drag.d.ts +2 -0
  16. package/src/schedule/actions/drag.js +27 -17
  17. package/src/schedule/actions/keyboard.js +5 -5
  18. package/src/schedule/actions/resize.js +17 -10
  19. package/src/schedule/actions/virtual-scroll.js +2 -1
  20. package/src/schedule/base/interface.d.ts +9 -0
  21. package/src/schedule/base/resource.js +12 -3
  22. package/src/schedule/base/schedule-model.d.ts +13 -1
  23. package/src/schedule/base/schedule.d.ts +45 -2
  24. package/src/schedule/base/schedule.js +139 -14
  25. package/src/schedule/base/type.d.ts +4 -0
  26. package/src/schedule/event-renderer/event-base.d.ts +2 -1
  27. package/src/schedule/event-renderer/event-base.js +42 -28
  28. package/src/schedule/event-renderer/month.d.ts +0 -1
  29. package/src/schedule/event-renderer/month.js +32 -33
  30. package/src/schedule/event-renderer/timeline-view.d.ts +2 -0
  31. package/src/schedule/event-renderer/timeline-view.js +31 -1
  32. package/src/schedule/event-renderer/vertical-view.js +26 -19
  33. package/src/schedule/event-renderer/year.js +4 -1
  34. package/src/schedule/models/event-settings-model.d.ts +21 -1
  35. package/src/schedule/models/event-settings.d.ts +20 -0
  36. package/src/schedule/models/event-settings.js +6 -0
  37. package/src/schedule/models/views-model.d.ts +9 -0
  38. package/src/schedule/models/views.d.ts +8 -0
  39. package/src/schedule/models/views.js +3 -0
  40. package/src/schedule/popups/event-window.d.ts +3 -2
  41. package/src/schedule/popups/event-window.js +7 -3
  42. package/src/schedule/popups/form-validator.js +4 -1
  43. package/src/schedule/popups/quick-popups.d.ts +3 -2
  44. package/src/schedule/popups/quick-popups.js +32 -13
  45. package/src/schedule/renderer/agenda.d.ts +1 -0
  46. package/src/schedule/renderer/agenda.js +20 -3
  47. package/src/schedule/renderer/header-renderer.d.ts +1 -0
  48. package/src/schedule/renderer/header-renderer.js +6 -1
  49. package/src/schedule/renderer/month.d.ts +1 -0
  50. package/src/schedule/renderer/month.js +7 -7
  51. package/src/schedule/renderer/timeline-year.js +8 -2
  52. package/src/schedule/renderer/vertical-view.d.ts +2 -0
  53. package/src/schedule/renderer/vertical-view.js +19 -8
  54. package/src/schedule/renderer/view-base.d.ts +2 -1
  55. package/src/schedule/renderer/view-base.js +11 -3
  56. package/styles/bootstrap-dark.css +48 -66
  57. package/styles/bootstrap.css +28 -45
  58. package/styles/bootstrap4.css +28 -44
  59. package/styles/bootstrap5-dark.css +5172 -0
  60. package/styles/bootstrap5-dark.scss +2 -0
  61. package/styles/bootstrap5.css +5173 -0
  62. package/styles/bootstrap5.scss +2 -0
  63. package/styles/fabric-dark.css +29 -61
  64. package/styles/fabric.css +28 -45
  65. package/styles/highcontrast-light.css +28 -76
  66. package/styles/highcontrast.css +30 -49
  67. package/styles/material-dark.css +72 -79
  68. package/styles/material.css +32 -45
  69. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +1 -0
  70. package/styles/recurrence-editor/_bootstrap5-definition.scss +8 -0
  71. package/styles/recurrence-editor/_layout.scss +0 -4
  72. package/styles/recurrence-editor/_tailwind-dark-definition.scss +1 -8
  73. package/styles/recurrence-editor/_tailwind-definition.scss +8 -8
  74. package/styles/recurrence-editor/bootstrap-dark.css +0 -4
  75. package/styles/recurrence-editor/bootstrap.css +0 -4
  76. package/styles/recurrence-editor/bootstrap4.css +0 -4
  77. package/styles/recurrence-editor/bootstrap5-dark.css +479 -0
  78. package/styles/recurrence-editor/bootstrap5-dark.scss +3 -0
  79. package/styles/recurrence-editor/bootstrap5.css +479 -0
  80. package/styles/recurrence-editor/bootstrap5.scss +3 -0
  81. package/styles/recurrence-editor/fabric-dark.css +0 -4
  82. package/styles/recurrence-editor/fabric.css +0 -4
  83. package/styles/recurrence-editor/highcontrast-light.css +0 -4
  84. package/styles/recurrence-editor/highcontrast.css +0 -4
  85. package/styles/recurrence-editor/material-dark.css +0 -4
  86. package/styles/recurrence-editor/material.css +0 -4
  87. package/styles/recurrence-editor/tailwind-dark.css +0 -4
  88. package/styles/recurrence-editor/tailwind.css +0 -4
  89. package/styles/schedule/_bootstrap-dark-definition.scss +6 -6
  90. package/styles/schedule/_bootstrap-definition.scss +2 -2
  91. package/styles/schedule/_bootstrap4-definition.scss +6 -5
  92. package/styles/schedule/_bootstrap5-dark-definition.scss +1 -0
  93. package/styles/schedule/_bootstrap5-definition.scss +198 -0
  94. package/styles/schedule/_fabric-dark-definition.scss +3 -3
  95. package/styles/schedule/_fabric-definition.scss +2 -2
  96. package/styles/schedule/_highcontrast-definition.scss +3 -3
  97. package/styles/schedule/_highcontrast-light-definition.scss +2 -2
  98. package/styles/schedule/_layout.scss +97 -120
  99. package/styles/schedule/_material-dark-definition.scss +2 -2
  100. package/styles/schedule/_material-definition.scss +2 -2
  101. package/styles/schedule/_tailwind-dark-definition.scss +1 -196
  102. package/styles/schedule/_tailwind-definition.scss +195 -196
  103. package/styles/schedule/_theme.scss +33 -7
  104. package/styles/schedule/bootstrap-dark.css +48 -62
  105. package/styles/schedule/bootstrap.css +28 -41
  106. package/styles/schedule/bootstrap4.css +28 -40
  107. package/styles/schedule/bootstrap5-dark.css +4692 -0
  108. package/styles/schedule/bootstrap5-dark.scss +4 -0
  109. package/styles/schedule/bootstrap5.css +4693 -0
  110. package/styles/schedule/bootstrap5.scss +5 -0
  111. package/styles/schedule/fabric-dark.css +29 -57
  112. package/styles/schedule/fabric.css +28 -41
  113. package/styles/schedule/highcontrast-light.css +28 -72
  114. package/styles/schedule/highcontrast.css +30 -45
  115. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -0
  116. package/styles/schedule/icons/_bootstrap5.scss +232 -0
  117. package/styles/schedule/icons/_tailwind-dark.scss +1 -231
  118. package/styles/schedule/icons/_tailwind.scss +231 -231
  119. package/styles/schedule/material-dark.css +72 -75
  120. package/styles/schedule/material.css +32 -41
  121. package/styles/schedule/tailwind-dark.css +53 -71
  122. package/styles/schedule/tailwind-dark.scss +0 -1
  123. package/styles/schedule/tailwind.css +53 -70
  124. package/styles/tailwind-dark.css +53 -75
  125. package/styles/tailwind.css +53 -74
@@ -226,21 +226,9 @@
226
226
  }
227
227
 
228
228
  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
229
- background: #f8f9fa;
230
229
  overflow: auto;
231
230
  }
232
231
 
233
- .e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
234
- background-color: #545b62;
235
- border-color: #4e555b;
236
- }
237
-
238
- .e-schedule .e-schedule-toolbar .e-tbar-btn:active {
239
- background: #e9ecef;
240
- background: #545b62;
241
- border-color: #4e555b;
242
- }
243
-
244
232
  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
245
233
  cursor: pointer;
246
234
  font-size: 14px;
@@ -265,13 +253,7 @@
265
253
  padding-top: 2px;
266
254
  }
267
255
 
268
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
269
- background: #5a6268;
270
- border-radius: 4px;
271
- }
272
-
273
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
274
- background: #5a6268;
256
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
275
257
  border-radius: 4px;
276
258
  }
277
259
 
@@ -312,14 +294,7 @@
312
294
  text-transform: initial;
313
295
  }
314
296
 
315
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
316
- cursor: pointer;
317
- font-size: 14px;
318
- text-transform: initial;
319
- }
320
-
321
297
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
322
- padding-left: 0;
323
298
  padding-right: 0;
324
299
  }
325
300
 
@@ -544,6 +519,13 @@
544
519
  width: 100%;
545
520
  }
546
521
 
522
+ .e-schedule .e-content-placeholder {
523
+ height: 100%;
524
+ position: relative;
525
+ width: 100%;
526
+ z-index: 99999;
527
+ }
528
+
547
529
  .e-schedule .e-content-wrap,
548
530
  .e-schedule .e-scroll-container {
549
531
  -webkit-overflow-scrolling: touch;
@@ -1707,7 +1689,7 @@
1707
1689
  border-style: solid;
1708
1690
  border-width: 0 1px 1px 0;
1709
1691
  color: #212529;
1710
- height: 70px;
1692
+ height: 75px;
1711
1693
  padding-left: 15px;
1712
1694
  padding-right: 0;
1713
1695
  vertical-align: middle;
@@ -1749,6 +1731,7 @@
1749
1731
  border-style: solid;
1750
1732
  border-width: 0 1px 1px 0;
1751
1733
  color: #212529;
1734
+ padding: 0;
1752
1735
  }
1753
1736
 
1754
1737
  .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1853,7 +1836,7 @@
1853
1836
 
1854
1837
  .e-schedule .e-timeline-year-view .e-month-header,
1855
1838
  .e-schedule .e-timeline-year-view .e-work-cells {
1856
- height: 70px;
1839
+ height: 75px;
1857
1840
  }
1858
1841
 
1859
1842
  .e-schedule .e-timeline-year-view .e-header-cells,
@@ -2107,13 +2090,6 @@
2107
2090
  background-color: #f2f4f6;
2108
2091
  }
2109
2092
 
2110
- .e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
2111
- .e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
2112
- background-color: transparent;
2113
- border-radius: 50%;
2114
- color: rgba(33, 37, 41, 0.75);
2115
- }
2116
-
2117
2093
  .e-schedule .e-timeline-view .e-resource-column-wrap,
2118
2094
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
2119
2095
  overflow: hidden;
@@ -2137,6 +2113,12 @@
2137
2113
  height: 42px;
2138
2114
  }
2139
2115
 
2116
+ .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
2117
+ .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
2118
+ background-color: rgba(0, 0, 0, 0.08);
2119
+ box-shadow: inset 0 0 0 8px #f8f9fa;
2120
+ }
2121
+
2140
2122
  .e-schedule .e-timeline-view .e-resource-tree-icon,
2141
2123
  .e-schedule .e-timeline-month-view .e-resource-tree-icon {
2142
2124
  color: #212529;
@@ -2223,6 +2205,7 @@
2223
2205
  .e-schedule .e-timeline-view .e-appointment .e-time,
2224
2206
  .e-schedule .e-timeline-month-view .e-appointment .e-time {
2225
2207
  display: block;
2208
+ line-height: 1.4;
2226
2209
  }
2227
2210
 
2228
2211
  .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2399,6 +2382,7 @@
2399
2382
 
2400
2383
  .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
2401
2384
  border-right: 1px solid #dee2e6;
2385
+ height: 40px;
2402
2386
  padding-top: 8px;
2403
2387
  }
2404
2388
 
@@ -2554,7 +2538,7 @@
2554
2538
  padding: 0;
2555
2539
  }
2556
2540
 
2557
- .e-schedule .e-month-agenda-view .e-appointment-indicator {
2541
+ .e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
2558
2542
  background: #007bff;
2559
2543
  border-radius: 50%;
2560
2544
  height: 6px;
@@ -3989,10 +3973,6 @@
3989
3973
  font-size: 14px;
3990
3974
  }
3991
3975
 
3992
- .e-bigger .e-timeline-view .e-resource-cells {
3993
- padding: 14px 0 14px 12px;
3994
- }
3995
-
3996
3976
  .e-bigger .e-timeline-view .e-resource-text {
3997
3977
  font-size: 14px;
3998
3978
  padding-left: 12px;
@@ -4347,6 +4327,7 @@
4347
4327
  border-color: #dee2e6;
4348
4328
  border-style: solid;
4349
4329
  border-width: 0 0 1px 1px;
4330
+ padding: 0;
4350
4331
  }
4351
4332
 
4352
4333
  .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4432,6 +4413,7 @@
4432
4413
  border-style: solid;
4433
4414
  border-width: 0 0 1px 1px;
4434
4415
  color: #212529;
4416
+ padding: 0;
4435
4417
  }
4436
4418
 
4437
4419
  .e-schedule .e-month-view .e-work-cells:hover,
@@ -4520,6 +4502,7 @@
4520
4502
  border-style: solid;
4521
4503
  border-width: 0 0 1px 1px;
4522
4504
  color: #212529;
4505
+ padding: 0;
4523
4506
  }
4524
4507
 
4525
4508
  .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4528,6 +4511,11 @@
4528
4511
  color: #212529;
4529
4512
  }
4530
4513
 
4514
+ .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
4515
+ .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
4516
+ background-color: rgba(0, 0, 0, 0.08);
4517
+ }
4518
+
4531
4519
  .e-schedule .e-timeline-view .e-work-days,
4532
4520
  .e-schedule .e-timeline-month-view .e-work-days {
4533
4521
  background-color: #fff;