@syncfusion/ej2-schedule 20.3.58 → 20.4.38

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 (158) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +10 -0
  3. package/README.md +62 -46
  4. package/dist/ej2-schedule.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js +2 -2
  6. package/dist/ej2-schedule.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es2015.js +821 -528
  8. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  9. package/dist/es6/ej2-schedule.es5.js +860 -539
  10. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  11. package/dist/global/ej2-schedule.min.js +2 -2
  12. package/dist/global/ej2-schedule.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +22 -30
  15. package/src/common/calendar-util.js +1 -1
  16. package/src/recurrence-editor/date-generator.js +26 -26
  17. package/src/recurrence-editor/recurrence-editor.js +5 -5
  18. package/src/schedule/actions/action-base.js +3 -3
  19. package/src/schedule/actions/crud.js +16 -16
  20. package/src/schedule/actions/drag.js +36 -32
  21. package/src/schedule/actions/keyboard.js +10 -8
  22. package/src/schedule/actions/resize.js +6 -6
  23. package/src/schedule/actions/touch.js +4 -3
  24. package/src/schedule/actions/virtual-scroll.js +10 -7
  25. package/src/schedule/base/interface.d.ts +8 -1
  26. package/src/schedule/base/resource.d.ts +1 -0
  27. package/src/schedule/base/resource.js +179 -93
  28. package/src/schedule/base/schedule-model.d.ts +7 -0
  29. package/src/schedule/base/schedule.d.ts +23 -0
  30. package/src/schedule/base/schedule.js +73 -22
  31. package/src/schedule/base/util.js +4 -6
  32. package/src/schedule/event-renderer/agenda-base.js +36 -31
  33. package/src/schedule/event-renderer/event-base.js +25 -25
  34. package/src/schedule/event-renderer/inline-edit.js +8 -5
  35. package/src/schedule/event-renderer/month.js +17 -14
  36. package/src/schedule/event-renderer/timeline-view.js +11 -11
  37. package/src/schedule/event-renderer/vertical-view.d.ts +1 -0
  38. package/src/schedule/event-renderer/vertical-view.js +97 -70
  39. package/src/schedule/event-renderer/year.js +25 -17
  40. package/src/schedule/exports/calendar-export.js +4 -4
  41. package/src/schedule/exports/calendar-import.js +14 -15
  42. package/src/schedule/exports/excel-export.js +1 -1
  43. package/src/schedule/exports/print.js +39 -4
  44. package/src/schedule/models/group-model.d.ts +8 -0
  45. package/src/schedule/models/group.d.ts +7 -0
  46. package/src/schedule/models/group.js +3 -0
  47. package/src/schedule/models/views-model.d.ts +8 -1
  48. package/src/schedule/models/views.d.ts +7 -1
  49. package/src/schedule/models/views.js +3 -0
  50. package/src/schedule/popups/event-tooltip.js +3 -2
  51. package/src/schedule/popups/event-window.js +36 -30
  52. package/src/schedule/popups/quick-popups.js +6 -6
  53. package/src/schedule/renderer/agenda.js +5 -5
  54. package/src/schedule/renderer/header-renderer.d.ts +1 -1
  55. package/src/schedule/renderer/header-renderer.js +21 -5
  56. package/src/schedule/renderer/month-agenda.js +11 -4
  57. package/src/schedule/renderer/month.js +44 -16
  58. package/src/schedule/renderer/renderer.js +3 -3
  59. package/src/schedule/renderer/timeline-header-row.js +7 -7
  60. package/src/schedule/renderer/timeline-month.js +5 -5
  61. package/src/schedule/renderer/timeline-view.js +2 -2
  62. package/src/schedule/renderer/timeline-year.js +20 -14
  63. package/src/schedule/renderer/vertical-view.js +24 -9
  64. package/src/schedule/renderer/view-base.d.ts +3 -0
  65. package/src/schedule/renderer/view-base.js +11 -3
  66. package/src/schedule/renderer/year.js +11 -5
  67. package/styles/bootstrap-dark.css +364 -101
  68. package/styles/bootstrap.css +363 -99
  69. package/styles/bootstrap4.css +375 -141
  70. package/styles/bootstrap5-dark.css +339 -137
  71. package/styles/bootstrap5.css +339 -137
  72. package/styles/fabric-dark.css +330 -101
  73. package/styles/fabric.css +316 -106
  74. package/styles/fluent-dark.css +395 -102
  75. package/styles/fluent.css +395 -102
  76. package/styles/highcontrast-light.css +407 -98
  77. package/styles/highcontrast.css +399 -113
  78. package/styles/material-dark.css +362 -110
  79. package/styles/material.css +404 -110
  80. package/styles/recurrence-editor/_layout.scss +42 -28
  81. package/styles/recurrence-editor/bootstrap-dark.css +137 -28
  82. package/styles/recurrence-editor/bootstrap-dark.scss +5 -0
  83. package/styles/recurrence-editor/bootstrap.css +137 -28
  84. package/styles/recurrence-editor/bootstrap.scss +5 -0
  85. package/styles/recurrence-editor/bootstrap4.css +171 -28
  86. package/styles/recurrence-editor/bootstrap4.scss +5 -0
  87. package/styles/recurrence-editor/bootstrap5-dark.css +178 -28
  88. package/styles/recurrence-editor/bootstrap5-dark.scss +5 -0
  89. package/styles/recurrence-editor/bootstrap5.css +178 -28
  90. package/styles/recurrence-editor/bootstrap5.scss +5 -0
  91. package/styles/recurrence-editor/fabric-dark.css +113 -28
  92. package/styles/recurrence-editor/fabric-dark.scss +5 -0
  93. package/styles/recurrence-editor/fabric.css +106 -28
  94. package/styles/recurrence-editor/fabric.scss +5 -0
  95. package/styles/recurrence-editor/fluent-dark.css +158 -28
  96. package/styles/recurrence-editor/fluent-dark.scss +5 -0
  97. package/styles/recurrence-editor/fluent.css +158 -28
  98. package/styles/recurrence-editor/fluent.scss +5 -0
  99. package/styles/recurrence-editor/highcontrast-light.css +110 -28
  100. package/styles/recurrence-editor/highcontrast-light.scss +5 -0
  101. package/styles/recurrence-editor/highcontrast.css +110 -28
  102. package/styles/recurrence-editor/highcontrast.scss +5 -0
  103. package/styles/recurrence-editor/material-dark.css +138 -28
  104. package/styles/recurrence-editor/material-dark.scss +5 -0
  105. package/styles/recurrence-editor/material.css +163 -28
  106. package/styles/recurrence-editor/material.scss +5 -0
  107. package/styles/recurrence-editor/tailwind-dark.css +126 -28
  108. package/styles/recurrence-editor/tailwind-dark.scss +5 -0
  109. package/styles/recurrence-editor/tailwind.css +126 -28
  110. package/styles/recurrence-editor/tailwind.scss +5 -0
  111. package/styles/schedule/_bootstrap-dark-definition.scss +63 -4
  112. package/styles/schedule/_bootstrap-definition.scss +62 -3
  113. package/styles/schedule/_bootstrap4-definition.scss +65 -5
  114. package/styles/schedule/_bootstrap5-definition.scss +63 -5
  115. package/styles/schedule/_fabric-dark-definition.scss +61 -3
  116. package/styles/schedule/_fabric-definition.scss +62 -3
  117. package/styles/schedule/_fluent-definition.scss +63 -6
  118. package/styles/schedule/_fusionnew-definition.scss +60 -3
  119. package/styles/schedule/_highcontrast-definition.scss +62 -3
  120. package/styles/schedule/_highcontrast-light-definition.scss +62 -3
  121. package/styles/schedule/_layout.scss +117 -506
  122. package/styles/schedule/_material-dark-definition.scss +63 -4
  123. package/styles/schedule/_material-definition.scss +63 -4
  124. package/styles/schedule/_material3-definition.scss +62 -3
  125. package/styles/schedule/_tailwind-definition.scss +63 -6
  126. package/styles/schedule/_theme.scss +97 -62
  127. package/styles/schedule/bootstrap-dark.css +332 -73
  128. package/styles/schedule/bootstrap-dark.scss +11 -0
  129. package/styles/schedule/bootstrap.css +331 -71
  130. package/styles/schedule/bootstrap.scss +11 -0
  131. package/styles/schedule/bootstrap4.css +343 -113
  132. package/styles/schedule/bootstrap4.scss +11 -0
  133. package/styles/schedule/bootstrap5-dark.css +307 -109
  134. package/styles/schedule/bootstrap5-dark.scss +11 -0
  135. package/styles/schedule/bootstrap5.css +307 -109
  136. package/styles/schedule/bootstrap5.scss +11 -0
  137. package/styles/schedule/fabric-dark.css +298 -73
  138. package/styles/schedule/fabric-dark.scss +11 -0
  139. package/styles/schedule/fabric.css +284 -78
  140. package/styles/schedule/fabric.scss +11 -0
  141. package/styles/schedule/fluent-dark.css +363 -74
  142. package/styles/schedule/fluent-dark.scss +11 -0
  143. package/styles/schedule/fluent.css +363 -74
  144. package/styles/schedule/fluent.scss +11 -0
  145. package/styles/schedule/highcontrast-light.css +375 -70
  146. package/styles/schedule/highcontrast-light.scss +11 -0
  147. package/styles/schedule/highcontrast.css +367 -85
  148. package/styles/schedule/highcontrast.scss +11 -0
  149. package/styles/schedule/material-dark.css +330 -82
  150. package/styles/schedule/material-dark.scss +11 -0
  151. package/styles/schedule/material.css +372 -82
  152. package/styles/schedule/material.scss +11 -0
  153. package/styles/schedule/tailwind-dark.css +246 -111
  154. package/styles/schedule/tailwind-dark.scss +11 -0
  155. package/styles/schedule/tailwind.css +246 -111
  156. package/styles/schedule/tailwind.scss +11 -0
  157. package/styles/tailwind-dark.css +279 -140
  158. package/styles/tailwind.css +279 -140
@@ -21,6 +21,10 @@ $schedule-active-color: $selection-font !default;
21
21
  $schedule-active-border-color: $selection-border !default;
22
22
  $schedule-active-font-color: $selection-bg !default;
23
23
  $schedule-current-day-active-color: $schedule-active-color !default;
24
+ $schedule-calendar-background: none !default;
25
+ $schedule-calendar-shadow: none !default;
26
+ $schedule-time-cells-font-color: $schedule-secondary-content-font-color !default;
27
+ $schedule-time-cells-bg-color: $schedule-header-bg-color !default;
24
28
 
25
29
  $schedule-alternate-cell-border: dashed !default;
26
30
  $schedule-header-cells-height: 60px !default;
@@ -43,6 +47,9 @@ $schedule-date-month-header-wrap-bgr-font-size: 14px !default;
43
47
  $schedule-date-header-wrap-nrml-font-size: 13px !default;
44
48
  $schedule-date-header-wrap-bgr-font-size: 18px !default;
45
49
  $schedule-date-header-wrap-device-font-size: 13px !default;
50
+ $schedule-month-date-header-cell-font-size: none !default;
51
+ $schedule-month-date-header-cell-text-align: left !default;
52
+ $schedule-month-date-header-cell-text-transform: none !default;
46
53
 
47
54
  $schedule-timezone-enable-nrml-height: 60px !default;
48
55
  $schedule-timezone-enable-bgr-height: 70px !default;
@@ -61,6 +68,10 @@ $schedule-month-appointment-time-padding: 1.5px !default;
61
68
  $schedule-month-appointment-subject-padding: 1px 2px !default;
62
69
  $schedule-timescale-appointment-height: 54px !default;
63
70
 
71
+ $schedule-header-date-line-height: unset !default;
72
+ $schedule-header-padding-top: 0 !default;
73
+ $schedule-header-day-line-height: unset !default;
74
+ $schedule-header-day-padding-bottom: 0 !default;
64
75
  $schedule-header-day-nrml-font-size: 13px !default;
65
76
  $schedule-header-day-bgr-font-size: 14px !default;
66
77
  $schedule-header-day-device-font-size: 14px !default;
@@ -91,12 +102,14 @@ $schedule-agenda-date-header-padding: 10px 32px 0 16px !default;
91
102
  $schedule-recurrence-font-size: 9px !default;
92
103
  $schedule-agenda-item-padding: 10px 0 !default;
93
104
  $schedule-agenda-appointment-padding: 0 8px !default;
105
+ $schedule-agenda-big-appointment-padding: $schedule-agenda-appointment-padding !default;
94
106
  $schedule-month-agenda-appointment-padding: 0 8px !default;
95
107
  $schedule-month-agenda-item-padding: 10px 0 !default;
96
108
  $schedule-popup-content-padding: 38px 18px 12px !default;
97
109
  $schedule-popup-footer-padding: 8px 18px 8px 22px !default;
98
110
  $schedule-date-header-line-height: 20px !default;
99
111
  $schedule-date-header-margin: 3px 3px 2px !default;
112
+ $schedule-date-header-margin-rtl: $schedule-date-header-margin !default;
100
113
 
101
114
  $schedule-tbar-bgr-min-height: 56px !default;
102
115
  $schedule-tbar-border-bottom-size: 1px solid $schedule-header-border-color !default;
@@ -104,7 +117,7 @@ $schedule-tbar-box-shadow: none !default;
104
117
  $schedule-tbar-box-shadow-bottom-margin: 0 !default;
105
118
  $schedule-tbar-min-height: 43px !default;
106
119
  $schedule-tbar-down-arrow-font-size: 12px !default;
107
- $schedule-tbar-down-arrow-padding-top: 4px !default;
120
+ $schedule-tbar-down-arrow-margin-top: 3px !default;
108
121
  $schedule-tbar-default-icon-color: $content-font !default;
109
122
  $schedule-tbar-separator-size: $border-size !default;
110
123
  $schedule-tbar-default-bg: $bg-base-0 !default;
@@ -126,7 +139,7 @@ $schedule-tbar-btn-bgr-minheight: 50px !default;
126
139
  $schedule-tbar-btn-bgr-minwidth: 34px !default;
127
140
  $schedule-tbar-btn-bgr-padding: 0 1.5px !default;
128
141
  $schedule-tbar-btn-icn-bgr-padding: 0 !default;
129
- $schedule-tbar-btn-icn-right-bgr-padding: 3px 12px 0 0 !default;
142
+ $schedule-tbar-btn-icn-right-bgr-padding: 0 12px 0 0 !default;
130
143
 
131
144
  $schedule-content-nrml-font-text-transform: uppercase !default;
132
145
  $schedule-header-hover-border-radius: 0% !default;
@@ -153,6 +166,31 @@ $schedule-btn-txt-bgr-padding: 5px 12px !default;
153
166
  $schedule-icon-color: $content-font !default;
154
167
  $schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
155
168
  $schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !default;
169
+ $schedule-popup-icon-font-size: 18px !default;
170
+ $schedule-popup-icon-padding: 4px 13px 0 0 !default;
171
+ $schedule-popup-footer-text-transform: capitalize !default;
172
+ $schedule-cell-popup-header-icon-padding: 0 !default;
173
+ $schedule-cell-popup-span-margin: 0 0 4px !default;
174
+ $schedule-cell-popup-subject-height: 40px !default;
175
+ $schedule-bgr-cell-popup-content-padding: $schedule-popup-content-padding !default;
176
+ $schedule-bgr-cell-popup-footer-padding: $schedule-popup-footer-padding !default;
177
+ $schedule-event-popup-subject-color: $schedule-appointment-font-color !default;
178
+ $schedule-event-popup-subject-bg-color: $schedule-popup-title-color !default;
179
+ $schedule-event-popup-subject-border-left: 6px solid $schedule-appointment-bg-color !default;
180
+ $schedule-event-popup-subject-padding: 8px 0 8px 10px !default;
181
+ $schedule-event-popup-subject-border-radius: $schedule-more-popup-wrapper-border-radius !default;
182
+ $schedule-event-popup-footer-display: block !default;
183
+ $schedule-event-popup-header-bg-color: $schedule-popup-bg-color !default;
184
+ $schedule-event-popup-header-icon-display: none !default;
185
+ $schedule-event-popup-header-close-icon-position: relative !default;
186
+ $schedule-event-popup-header-close-icon-right: 2px !default;
187
+ $schedule-header-icon-wrapper-bg-color: $schedule-content-bg-color !default;
188
+ $schedule-device-event-popup-subject-padding: 12px 24px !default;
189
+ $schedule-bgr-event-popup-header-icon-size: 2em !default;
190
+ $schedule-bgr-rtl-event-popup-date-time-icon-padding-right: 13px !default;
191
+ $schedule-multiple-event-popup-icon-bg-color: transparent !default;
192
+ $schedule-multiple-event-popup-icon-color: $schedule-primary-content-font-color !default;
193
+ $schedule-multiple-event-popup-subject-padding: 0 5px 0 8px !default;
156
194
 
157
195
  $schedule-event-box-shadow-1: 0 6px 10px 0 rgba($shadow, .14) !default;
158
196
  $schedule-event-box-shadow-2: 0 1px 18px 0 rgba($shadow, .12) !default;
@@ -165,7 +203,7 @@ $schedule-more-popup-close-margin-top: 3px !default;
165
203
  $schedule-more-popup-padding: 8px 0 !default;
166
204
  $schedule-more-appointment-margin-bottom: 2px !default;
167
205
  $schedule-event-popup-header-icon-padding: 5px 5px 2px !default;
168
- $schedule-event-popup-subject-padding: 0 18px 8px !default;
206
+ $schedule-event-popup-subject-wrap-padding: 0 18px 8px !default;
169
207
 
170
208
  $schedule-timeline-header-cells-height: 36px !default;
171
209
  $schedule-timeline-work-cells-height: 60px !default;
@@ -187,8 +225,10 @@ $schedule-dialog-all-day-row-padding-bottom: 14px !default;
187
225
  $schedule-bigger-dialog-row-continer-padding-bottom: 12px !default;
188
226
  $schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
189
227
  $schedule-device-dialog-all-day-row-padding-top: 20px !default;
228
+ $schedule-all-day-section-hover-color: $schedule-tbar-default-icon-color !default;
190
229
 
191
230
  $schedule-tree-bg-color: $content-bg-color !default;
231
+ $schedule-tree-font-color: $schedule-primary-content-font-color !default;
192
232
  $schedule-popup-overlay-bg-color: #383838 !default;
193
233
 
194
234
  $schedule-val-error-color: $error-alt !default;
@@ -201,6 +241,25 @@ $schedule-resource-color-margin-top: 12px !default;
201
241
  $schedule-bigger-resource-color-margin-top: 14px !default;
202
242
  $schedule-resource-color-size: 14px !default;
203
243
  $schedule-bigger-resource-color-size: 16px !default;
244
+ $schedule-resource-tree-text-content-padding: 0 0 0 12px !default;
245
+
246
+ $schedule-tip-content-padding: 3px 6px !default;
247
+ $schedule-time-cells-border-bottom-color: $schedule-content-border-color !default;
248
+ $schedule-current-day-font-weight: normal !default;
249
+ $schedule-selected-cell-hover-font-color: $schedule-hover-font-color !default;
250
+ $schedule-work-cell-hover-color: $schedule-hover-font-color !default;
251
+ $schedule-current-date-header-font-color: $schedule-active-color !default;
252
+ $schedule-selected-date-header-cell-font-color: none !default;
253
+ $schedule-appointment-detail-line-height: unset !default;
254
+ $schedule-timeline-header-time-slots-bg: $schedule-header-bg-color !default;
255
+ $schedule-agenda-subject-wrap-margin-bottom: 0 !default;
256
+ $schedule-bigger-tbar-btn-font-size: $schedule-date-navigation-font-size !default;
257
+ $schedule-more-event-close-icon-font-size: 9px !default;
258
+ $schedule-tbar-btn-icn-right-bgr-padding-top: 0 !default;
259
+ $schedule-following-events-dlg-padding: 2% !default;
260
+ $schedule-bgr-date-time-icon-padding-right: 13px !default;
261
+ $schedule-bgr-more-event-close-icon-padding: unset !default;
262
+ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
204
263
 
205
264
  @mixin tbar-btn-animation {
206
265
  content: '';