@syncfusion/ej2-schedule 20.1.59 → 20.2.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 (82) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/ej2-schedule.umd.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-schedule.es2015.js +250 -68
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +254 -67
  7. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-schedule.min.js +2 -2
  9. package/dist/global/ej2-schedule.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/helpers/e2e/index.js +9 -7
  12. package/helpers/e2e/recurrence-editor.js +41 -25
  13. package/helpers/e2e/schedule.js +44 -28
  14. package/package.json +15 -15
  15. package/src/recurrence-editor/recurrence-editor.js +4 -1
  16. package/src/schedule/actions/action-base.d.ts +1 -0
  17. package/src/schedule/actions/action-base.js +3 -2
  18. package/src/schedule/actions/crud.js +9 -7
  19. package/src/schedule/actions/drag.js +1 -1
  20. package/src/schedule/base/interface.d.ts +6 -0
  21. package/src/schedule/base/schedule.d.ts +8 -0
  22. package/src/schedule/base/schedule.js +66 -0
  23. package/src/schedule/event-renderer/agenda-base.js +6 -6
  24. package/src/schedule/event-renderer/event-base.d.ts +2 -0
  25. package/src/schedule/event-renderer/event-base.js +23 -4
  26. package/src/schedule/event-renderer/month.js +3 -6
  27. package/src/schedule/event-renderer/vertical-view.js +3 -3
  28. package/src/schedule/event-renderer/year.js +2 -2
  29. package/src/schedule/exports/calendar-export.js +1 -1
  30. package/src/schedule/exports/calendar-import.js +32 -18
  31. package/src/schedule/exports/excel-export.js +8 -4
  32. package/src/schedule/popups/event-window.js +3 -1
  33. package/src/schedule/popups/quick-popups.js +5 -4
  34. package/src/schedule/renderer/agenda.js +2 -2
  35. package/src/schedule/renderer/timeline-month.d.ts +1 -0
  36. package/src/schedule/renderer/timeline-month.js +9 -0
  37. package/src/schedule/renderer/timeline-view.d.ts +1 -0
  38. package/src/schedule/renderer/timeline-view.js +14 -0
  39. package/src/schedule/renderer/timeline-year.js +3 -0
  40. package/src/schedule/renderer/vertical-view.d.ts +2 -0
  41. package/src/schedule/renderer/vertical-view.js +37 -5
  42. package/src/schedule/renderer/view-base.d.ts +1 -0
  43. package/src/schedule/renderer/view-base.js +19 -0
  44. package/src/schedule/renderer/year.js +2 -1
  45. package/styles/bootstrap-dark.css +6 -5
  46. package/styles/bootstrap.css +6 -5
  47. package/styles/bootstrap4.css +6 -5
  48. package/styles/bootstrap5-dark.css +5 -3
  49. package/styles/bootstrap5.css +6 -5
  50. package/styles/fabric-dark.css +6 -5
  51. package/styles/fabric.css +6 -5
  52. package/styles/fluent-dark.css +20 -18
  53. package/styles/fluent.css +8 -7
  54. package/styles/highcontrast-light.css +6 -5
  55. package/styles/highcontrast.css +6 -5
  56. package/styles/material-dark.css +6 -5
  57. package/styles/material.css +6 -5
  58. package/styles/recurrence-editor/_fusionnew-definition.scss +15 -0
  59. package/styles/recurrence-editor/_material3-definition.scss +15 -0
  60. package/styles/schedule/_fluent-definition.scss +1 -1
  61. package/styles/schedule/_fusionnew-definition.scss +224 -0
  62. package/styles/schedule/_layout.scss +6 -2
  63. package/styles/schedule/_material3-definition.scss +224 -0
  64. package/styles/schedule/bootstrap-dark.css +6 -5
  65. package/styles/schedule/bootstrap.css +6 -5
  66. package/styles/schedule/bootstrap4.css +6 -5
  67. package/styles/schedule/bootstrap5-dark.css +5 -3
  68. package/styles/schedule/bootstrap5.css +6 -5
  69. package/styles/schedule/fabric-dark.css +6 -5
  70. package/styles/schedule/fabric.css +6 -5
  71. package/styles/schedule/fluent-dark.css +20 -18
  72. package/styles/schedule/fluent.css +8 -7
  73. package/styles/schedule/highcontrast-light.css +6 -5
  74. package/styles/schedule/highcontrast.css +6 -5
  75. package/styles/schedule/icons/_fusionnew.scss +232 -0
  76. package/styles/schedule/icons/_material3.scss +232 -0
  77. package/styles/schedule/material-dark.css +6 -5
  78. package/styles/schedule/material.css +6 -5
  79. package/styles/schedule/tailwind-dark.css +5 -3
  80. package/styles/schedule/tailwind.css +6 -5
  81. package/styles/tailwind-dark.css +5 -3
  82. package/styles/tailwind.css +6 -5
@@ -0,0 +1,232 @@
1
+ @include export-module('schedule-material3-icons') {
2
+ .e-schedule {
3
+ .e-schedule-toolbar {
4
+ & .e-icon-prev::before {
5
+ content: '\e765';
6
+ }
7
+
8
+ & .e-icon-next::before {
9
+ content: '\e748';
10
+ }
11
+
12
+ & .e-icon-add::before {
13
+ content: '\e805';
14
+ }
15
+
16
+ & .e-icon-today::before {
17
+ content: '\e778';
18
+ }
19
+
20
+ & .e-icon-down-arrow::before {
21
+ content: '\e729';
22
+ }
23
+
24
+ & .e-icon-day::before {
25
+ content: '\e75e';
26
+ }
27
+
28
+ & .e-icon-week::before {
29
+ content: '\e817';
30
+ }
31
+
32
+ & .e-icon-workweek::before {
33
+ content: '\e817';
34
+ }
35
+
36
+ & .e-icon-month::before {
37
+ content: '\e7c5';
38
+ }
39
+
40
+ & .e-icon-month-agenda::before {
41
+ content: '\e75b';
42
+ }
43
+
44
+ & .e-icon-agenda::before {
45
+ content: '\e74c';
46
+ }
47
+
48
+ & .e-icon-year::before {
49
+ content: '\e7c5';
50
+ }
51
+
52
+ & .e-icon-timeline-year-vertical::before {
53
+ content: '\e876';
54
+ }
55
+
56
+ & .e-icon-timeline-year-horizontal::before {
57
+ content: '\e876';
58
+ }
59
+
60
+ & .e-icon-timeline-day::before {
61
+ content: '\e7da';
62
+ }
63
+
64
+ & .e-icon-timeline-week::before {
65
+ content: '\e81f';
66
+ }
67
+
68
+ & .e-icon-timeline-workweek::before {
69
+ content: '\e720';
70
+ }
71
+
72
+ & .e-icon-timeline-month::before {
73
+ content: '\e876';
74
+ }
75
+
76
+ &.e-toolbar {
77
+ .e-popup-down-icon::before {
78
+ content: '\e770';
79
+ }
80
+
81
+ .e-popup-up-icon::before {
82
+ content: '\e770';
83
+ }
84
+ }
85
+
86
+ &.e-rtl {
87
+ & .e-icon-prev::before {
88
+ content: '\e748';
89
+ }
90
+
91
+ & .e-icon-next::before {
92
+ content: '\e765';
93
+ }
94
+ }
95
+ }
96
+
97
+ .e-schedule-resource-toolbar {
98
+ & .e-icon-menu::before {
99
+ content: '\e799';
100
+ }
101
+
102
+ & .e-icon-next::before {
103
+ content: '\e748';
104
+ }
105
+ }
106
+
107
+ .e-close-icon::before {
108
+ content: '\e7e7';
109
+ }
110
+
111
+ .e-block-indicator::before {
112
+ content: '\e839';
113
+ }
114
+
115
+ .e-appointment {
116
+ .e-recurrence-icon::before {
117
+ content: '\e772';
118
+ }
119
+
120
+ .e-recurrence-edit-icon::before {
121
+ content: '\e789';
122
+ }
123
+
124
+ .e-up-icon::before {
125
+ content: '\e822';
126
+ }
127
+
128
+ .e-down-icon::before {
129
+ content: '\e7fe';
130
+ }
131
+
132
+ .e-left-icon::before {
133
+ content: '\e744';
134
+ }
135
+
136
+ .e-right-icon::before {
137
+ content: '\e7a9';
138
+ }
139
+ }
140
+
141
+ .e-vertical-view .e-all-day-cells {
142
+ .e-all-day-appointment-section::before {
143
+ content: '\e729';
144
+ }
145
+ }
146
+
147
+ &.e-rtl {
148
+ .e-appointment {
149
+ & .e-left-icon::before {
150
+ content: '\e7a9';
151
+ }
152
+
153
+ & .e-right-icon::before {
154
+ content: '\e744';
155
+ }
156
+ }
157
+ }
158
+
159
+ .e-resource-tree-icon::before {
160
+ content: '\e748';
161
+ }
162
+ }
163
+
164
+ .e-schedule-dialog.e-device {
165
+ .e-back-icon::before {
166
+ content: '\e773';
167
+ }
168
+
169
+ .e-save-icon::before {
170
+ content: '\e7c8';
171
+ }
172
+
173
+ .e-recurrence-container {
174
+ .e-recurrence-edit-button {
175
+ .e-recurrence-edit.e-icons::before {
176
+ content: '\e730';
177
+ }
178
+ }
179
+ }
180
+ }
181
+
182
+ .e-schedule-dialog.e-device.e-rtl {
183
+ .e-back-icon::before {
184
+ content: '\e7f9';
185
+ }
186
+ }
187
+
188
+ .e-quick-popup-wrapper {
189
+ .e-edit-icon::before {
190
+ content: '\e730';
191
+ }
192
+
193
+ .e-delete-icon::before {
194
+ content: '\e820';
195
+ }
196
+
197
+ .e-close-icon::before {
198
+ content: '\e7e7';
199
+ }
200
+
201
+ .e-time-icon::before {
202
+ content: '\e705';
203
+ }
204
+
205
+ .e-location-icon::before {
206
+ content: '\e756';
207
+ }
208
+
209
+ .e-time-zone-icon::before {
210
+ content: '\e804';
211
+ }
212
+
213
+ .e-description-icon::before {
214
+ content: '\e7c0';
215
+ }
216
+
217
+ .e-resource-icon::before {
218
+ content: '\e7b9';
219
+ }
220
+
221
+ .e-date-time-icon::before {
222
+ content: '\e7da';
223
+ }
224
+ }
225
+
226
+ .e-more-popup-wrapper.e-device {
227
+ .e-close-icon::before {
228
+ content: '\e7e7';
229
+ }
230
+ }
231
+ }
232
+
@@ -1,6 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
- /*! recurrence editor theme wise definitions*/
3
- /*! Schedule component's material theme definitions and variables */
2
+ /*! recurrence editor theme wise definitions*/ /*! Schedule component's material theme definitions and variables */
4
3
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
5
4
  content: "\e937";
6
5
  }
@@ -1071,8 +1070,6 @@
1071
1070
  height: 70px;
1072
1071
  }
1073
1072
  .e-schedule .e-month-view .e-content-wrap {
1074
- display: -ms-flexbox;
1075
- display: flex;
1076
1073
  font-size: 13px;
1077
1074
  }
1078
1075
  .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1501,6 +1498,10 @@
1501
1498
  position: absolute;
1502
1499
  top: 0;
1503
1500
  }
1501
+ .e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
1502
+ height: 75px;
1503
+ position: relative;
1504
+ }
1504
1505
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
1505
1506
  position: absolute;
1506
1507
  }
@@ -2467,7 +2468,7 @@
2467
2468
  }
2468
2469
 
2469
2470
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
2470
- width: 485px;
2471
+ width: 502px;
2471
2472
  }
2472
2473
 
2473
2474
  .e-dialog.e-quick-dialog.e-following-events-dialog {
@@ -1,6 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
- /*! recurrence editor theme wise definitions*/
3
- /*! Schedule component's material theme definitions and variables */
2
+ /*! recurrence editor theme wise definitions*/ /*! Schedule component's material theme definitions and variables */
4
3
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
5
4
  content: "\e937";
6
5
  }
@@ -1074,8 +1073,6 @@
1074
1073
  height: 70px;
1075
1074
  }
1076
1075
  .e-schedule .e-month-view .e-content-wrap {
1077
- display: -ms-flexbox;
1078
- display: flex;
1079
1076
  font-size: 13px;
1080
1077
  }
1081
1078
  .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1504,6 +1501,10 @@
1504
1501
  position: absolute;
1505
1502
  top: 0;
1506
1503
  }
1504
+ .e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
1505
+ height: 75px;
1506
+ position: relative;
1507
+ }
1507
1508
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
1508
1509
  position: absolute;
1509
1510
  }
@@ -2470,7 +2471,7 @@
2470
2471
  }
2471
2472
 
2472
2473
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
2473
- width: 485px;
2474
+ width: 502px;
2474
2475
  }
2475
2476
 
2476
2477
  .e-dialog.e-quick-dialog.e-following-events-dialog {
@@ -1078,8 +1078,6 @@
1078
1078
  height: 70px;
1079
1079
  }
1080
1080
  .e-schedule .e-month-view .e-content-wrap {
1081
- display: -ms-flexbox;
1082
- display: flex;
1083
1081
  font-size: 14px;
1084
1082
  }
1085
1083
  .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1509,6 +1507,10 @@
1509
1507
  position: absolute;
1510
1508
  top: 0;
1511
1509
  }
1510
+ .e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
1511
+ height: 75px;
1512
+ position: relative;
1513
+ }
1512
1514
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
1513
1515
  position: absolute;
1514
1516
  }
@@ -2487,7 +2489,7 @@
2487
2489
  }
2488
2490
 
2489
2491
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
2490
- width: 485px;
2492
+ width: 502px;
2491
2493
  }
2492
2494
 
2493
2495
  .e-dialog.e-quick-dialog.e-following-events-dialog {
@@ -1,6 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- /*! recurrence editor theme wise definitions*/
3
- /*! Schedule component's tailwind theme definitions and variables */
2
+ /*! recurrence editor theme wise definitions*/ /*! Schedule component's tailwind theme definitions and variables */
4
3
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
5
4
  content: "\e765";
6
5
  }
@@ -1079,8 +1078,6 @@
1079
1078
  height: 70px;
1080
1079
  }
1081
1080
  .e-schedule .e-month-view .e-content-wrap {
1082
- display: -ms-flexbox;
1083
- display: flex;
1084
1081
  font-size: 14px;
1085
1082
  }
1086
1083
  .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1510,6 +1507,10 @@
1510
1507
  position: absolute;
1511
1508
  top: 0;
1512
1509
  }
1510
+ .e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
1511
+ height: 75px;
1512
+ position: relative;
1513
+ }
1513
1514
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
1514
1515
  position: absolute;
1515
1516
  }
@@ -2488,7 +2489,7 @@
2488
2489
  }
2489
2490
 
2490
2491
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
2491
- width: 485px;
2492
+ width: 502px;
2492
2493
  }
2493
2494
 
2494
2495
  .e-dialog.e-quick-dialog.e-following-events-dialog {
@@ -1079,8 +1079,6 @@
1079
1079
  height: 70px;
1080
1080
  }
1081
1081
  .e-schedule .e-month-view .e-content-wrap {
1082
- display: -ms-flexbox;
1083
- display: flex;
1084
1082
  font-size: 14px;
1085
1083
  }
1086
1084
  .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1510,6 +1508,10 @@
1510
1508
  position: absolute;
1511
1509
  top: 0;
1512
1510
  }
1511
+ .e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
1512
+ height: 75px;
1513
+ position: relative;
1514
+ }
1513
1515
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
1514
1516
  position: absolute;
1515
1517
  }
@@ -2488,7 +2490,7 @@
2488
2490
  }
2489
2491
 
2490
2492
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
2491
- width: 485px;
2493
+ width: 502px;
2492
2494
  }
2493
2495
 
2494
2496
  .e-dialog.e-quick-dialog.e-following-events-dialog {
@@ -1,6 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- /*! recurrence editor theme wise definitions*/
3
- /*! Schedule component's tailwind theme definitions and variables */
2
+ /*! recurrence editor theme wise definitions*/ /*! Schedule component's tailwind theme definitions and variables */
4
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
5
4
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
6
5
  content: "\e765";
@@ -1080,8 +1079,6 @@
1080
1079
  height: 70px;
1081
1080
  }
1082
1081
  .e-schedule .e-month-view .e-content-wrap {
1083
- display: -ms-flexbox;
1084
- display: flex;
1085
1082
  font-size: 14px;
1086
1083
  }
1087
1084
  .e-schedule .e-month-view .e-date-header-wrap table col {
@@ -1511,6 +1508,10 @@
1511
1508
  position: absolute;
1512
1509
  top: 0;
1513
1510
  }
1511
+ .e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container {
1512
+ height: 75px;
1513
+ position: relative;
1514
+ }
1514
1515
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper {
1515
1516
  position: absolute;
1516
1517
  }
@@ -2489,7 +2490,7 @@
2489
2490
  }
2490
2491
 
2491
2492
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
2492
- width: 485px;
2493
+ width: 502px;
2493
2494
  }
2494
2495
 
2495
2496
  .e-dialog.e-quick-dialog.e-following-events-dialog {