@syncfusion/ej2-schedule 19.4.50 → 20.1.47

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 (76) hide show
  1. package/CHANGELOG.md +25 -9
  2. package/README.md +1 -1
  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 +156 -46
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +156 -46
  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/recurrence-editor/date-generator.js +4 -0
  14. package/src/schedule/base/schedule.js +4 -0
  15. package/src/schedule/event-renderer/agenda-base.js +1 -1
  16. package/src/schedule/event-renderer/month.d.ts +3 -0
  17. package/src/schedule/event-renderer/month.js +38 -24
  18. package/src/schedule/event-renderer/timeline-view.js +2 -1
  19. package/src/schedule/event-renderer/year.js +3 -1
  20. package/src/schedule/popups/event-window.js +4 -2
  21. package/src/schedule/renderer/month.d.ts +1 -0
  22. package/src/schedule/renderer/month.js +29 -12
  23. package/src/schedule/renderer/renderer.js +2 -1
  24. package/src/schedule/renderer/timeline-year.d.ts +2 -1
  25. package/src/schedule/renderer/timeline-year.js +49 -4
  26. package/src/schedule/renderer/year.js +20 -0
  27. package/styles/bootstrap-dark.css +19 -8
  28. package/styles/bootstrap.css +19 -8
  29. package/styles/bootstrap4.css +20 -9
  30. package/styles/bootstrap5-dark.css +29 -20
  31. package/styles/bootstrap5.css +29 -20
  32. package/styles/fabric-dark.css +19 -8
  33. package/styles/fabric.css +19 -8
  34. package/styles/fluent-dark.css +5102 -0
  35. package/styles/fluent-dark.scss +2 -0
  36. package/styles/fluent.css +5103 -0
  37. package/styles/fluent.scss +2 -0
  38. package/styles/highcontrast-light.css +19 -8
  39. package/styles/highcontrast.css +20 -9
  40. package/styles/material-dark.css +19 -8
  41. package/styles/material.css +19 -8
  42. package/styles/recurrence-editor/_fluent-dark-definition.scss +1 -0
  43. package/styles/recurrence-editor/fluent-dark.css +495 -0
  44. package/styles/recurrence-editor/fluent-dark.scss +3 -0
  45. package/styles/recurrence-editor/fluent.css +495 -0
  46. package/styles/recurrence-editor/fluent.scss +3 -0
  47. package/styles/schedule/_bootstrap4-definition.scss +1 -1
  48. package/styles/schedule/_bootstrap5-definition.scss +4 -4
  49. package/styles/schedule/_fluent-dark-definition.scss +1 -0
  50. package/styles/schedule/_fluent-definition.scss +10 -8
  51. package/styles/schedule/_highcontrast-definition.scss +1 -1
  52. package/styles/schedule/_layout.scss +62 -15
  53. package/styles/schedule/_tailwind-definition.scss +1 -0
  54. package/styles/schedule/_theme.scss +6 -9
  55. package/styles/schedule/bootstrap-dark.css +19 -8
  56. package/styles/schedule/bootstrap.css +19 -8
  57. package/styles/schedule/bootstrap4.css +20 -9
  58. package/styles/schedule/bootstrap5-dark.css +29 -20
  59. package/styles/schedule/bootstrap5.css +29 -20
  60. package/styles/schedule/fabric-dark.css +19 -8
  61. package/styles/schedule/fabric.css +19 -8
  62. package/styles/schedule/fluent-dark.css +4606 -0
  63. package/styles/schedule/fluent-dark.scss +4 -0
  64. package/styles/schedule/fluent.css +4607 -0
  65. package/styles/schedule/fluent.scss +5 -0
  66. package/styles/schedule/highcontrast-light.css +19 -8
  67. package/styles/schedule/highcontrast.css +20 -9
  68. package/styles/schedule/icons/_fluent-dark.scss +1 -0
  69. package/styles/schedule/icons/_fluent.scss +51 -50
  70. package/styles/schedule/icons/_tailwind.scss +51 -50
  71. package/styles/schedule/material-dark.css +19 -8
  72. package/styles/schedule/material.css +19 -8
  73. package/styles/schedule/tailwind-dark.css +74 -61
  74. package/styles/schedule/tailwind.css +74 -61
  75. package/styles/tailwind-dark.css +74 -61
  76. package/styles/tailwind.css +74 -61
@@ -2,178 +2,178 @@
2
2
  .e-schedule {
3
3
  .e-schedule-toolbar {
4
4
  & .e-icon-prev::before {
5
- content: '\e70f';
5
+ content: '\e765';
6
6
  }
7
7
 
8
8
  & .e-icon-next::before {
9
- content: '\e7b7';
9
+ content: '\e748';
10
10
  }
11
11
 
12
12
  & .e-icon-add::before {
13
- content: '\e78a';
13
+ content: '\e805';
14
14
  }
15
15
 
16
16
  & .e-icon-today::before {
17
- content: '\e767';
17
+ content: '\e778';
18
18
  }
19
19
 
20
20
  & .e-icon-down-arrow::before {
21
- content: '\e7b3';
21
+ content: '\e729';
22
22
  }
23
23
 
24
24
  & .e-icon-day::before {
25
- content: '\e742';
25
+ content: '\e75e';
26
26
  }
27
27
 
28
28
  & .e-icon-week::before {
29
- content: '\e795';
29
+ content: '\e817';
30
30
  }
31
31
 
32
32
  & .e-icon-workweek::before {
33
- content: '\e795';
33
+ content: '\e817';
34
34
  }
35
35
 
36
36
  & .e-icon-month::before {
37
- content: '\e719';
37
+ content: '\e7c5';
38
38
  }
39
39
 
40
40
  & .e-icon-month-agenda::before {
41
- content: '\e770';
41
+ content: '\e75b';
42
42
  }
43
43
 
44
44
  & .e-icon-agenda::before {
45
- content: '\e718';
45
+ content: '\e74c';
46
46
  }
47
47
 
48
48
  & .e-icon-year::before {
49
- content: '\e719';
49
+ content: '\e7c5';
50
50
  }
51
51
 
52
52
  & .e-icon-timeline-year-vertical::before {
53
- content: '\e740';
53
+ content: '\e876';
54
54
  }
55
55
 
56
56
  & .e-icon-timeline-year-horizontal::before {
57
- content: '\e740';
57
+ content: '\e876';
58
58
  }
59
59
 
60
60
  & .e-icon-timeline-day::before {
61
- content: '\e7e6';
61
+ content: '\e7da';
62
62
  }
63
63
 
64
64
  & .e-icon-timeline-week::before {
65
- content: '\e74e';
65
+ content: '\e81f';
66
66
  }
67
67
 
68
68
  & .e-icon-timeline-workweek::before {
69
- content: '\e73a';
69
+ content: '\e720';
70
70
  }
71
71
 
72
72
  & .e-icon-timeline-month::before {
73
- content: '\e740';
73
+ content: '\e876';
74
74
  }
75
75
 
76
76
  &.e-toolbar {
77
77
  .e-popup-down-icon::before {
78
- content: '\e75b';
78
+ content: '\e770';
79
79
  }
80
80
 
81
81
  .e-popup-up-icon::before {
82
- content: '\e75b';
82
+ content: '\e770';
83
83
  }
84
84
  }
85
85
 
86
86
  &.e-rtl {
87
87
  & .e-icon-prev::before {
88
- content: '\e7b7';
88
+ content: '\e748';
89
89
  }
90
90
 
91
91
  & .e-icon-next::before {
92
- content: '\e70f';
92
+ content: '\e765';
93
93
  }
94
94
  }
95
95
  }
96
96
 
97
97
  .e-schedule-resource-toolbar {
98
98
  & .e-icon-menu::before {
99
- content: '\e75c';
99
+ content: '\e799';
100
100
  }
101
101
 
102
102
  & .e-icon-next::before {
103
- content: '\e707';
103
+ content: '\e748';
104
104
  }
105
105
  }
106
106
 
107
107
  .e-close-icon::before {
108
- content: '\e771';
108
+ content: '\e7e7';
109
109
  }
110
110
 
111
111
  .e-block-indicator::before {
112
- content: '\e77e';
112
+ content: '\e839';
113
113
  }
114
114
 
115
115
  .e-appointment {
116
116
  .e-recurrence-icon::before {
117
- content: '\e71d';
117
+ content: '\e772';
118
118
  }
119
119
 
120
120
  .e-recurrence-edit-icon::before {
121
- content: '\e72b';
121
+ content: '\e789';
122
122
  }
123
123
 
124
124
  .e-up-icon::before {
125
- content: '\e798';
125
+ content: '\e822';
126
126
  }
127
127
 
128
128
  .e-down-icon::before {
129
- content: '\e738';
129
+ content: '\e7fe';
130
130
  }
131
131
 
132
132
  .e-left-icon::before {
133
- content: '\e78b';
133
+ content: '\e744';
134
134
  }
135
135
 
136
136
  .e-right-icon::before {
137
- content: '\e751';
137
+ content: '\e7a9';
138
138
  }
139
139
  }
140
140
 
141
141
  .e-vertical-view .e-all-day-cells {
142
142
  .e-all-day-appointment-section::before {
143
- content: '\e706';
143
+ content: '\e729';
144
144
  }
145
145
  }
146
146
 
147
147
  &.e-rtl {
148
148
  .e-appointment {
149
149
  & .e-left-icon::before {
150
- content: '\e751';
150
+ content: '\e7a9';
151
151
  }
152
152
 
153
153
  & .e-right-icon::before {
154
- content: '\e78b';
154
+ content: '\e744';
155
155
  }
156
156
  }
157
157
  }
158
158
 
159
159
  .e-resource-tree-icon::before {
160
- content: '\e707';
160
+ content: '\e748';
161
161
  }
162
162
  }
163
163
 
164
164
  .e-schedule-dialog.e-device {
165
165
  .e-back-icon::before {
166
- content: '\e7a5';
166
+ content: '\e773';
167
167
  }
168
168
 
169
169
  .e-save-icon::before {
170
- content: '\e704';
170
+ content: '\e7c8';
171
171
  }
172
172
 
173
173
  .e-recurrence-container {
174
174
  .e-recurrence-edit-button {
175
175
  .e-recurrence-edit.e-icons::before {
176
- content: '\e7d2';
176
+ content: '\e730';
177
177
  }
178
178
  }
179
179
  }
@@ -181,51 +181,52 @@
181
181
 
182
182
  .e-schedule-dialog.e-device.e-rtl {
183
183
  .e-back-icon::before {
184
- content: '\e7a8';
184
+ content: '\e7f9';
185
185
  }
186
186
  }
187
187
 
188
188
  .e-quick-popup-wrapper {
189
189
  .e-edit-icon::before {
190
- content: '\e7d2';
190
+ content: '\e730';
191
191
  }
192
192
 
193
193
  .e-delete-icon::before {
194
- content: '\e78d';
194
+ content: '\e820';
195
195
  }
196
196
 
197
197
  .e-close-icon::before {
198
- content: '\e771';
198
+ content: '\e7e7';
199
199
  }
200
200
 
201
201
  .e-time-icon::before {
202
- content: '\e730';
202
+ content: '\e705';
203
203
  }
204
204
 
205
205
  .e-location-icon::before {
206
- content: '\e755';
206
+ content: '\e756';
207
207
  }
208
208
 
209
209
  .e-time-zone-icon::before {
210
- content: '\e736';
210
+ content: '\e804';
211
211
  }
212
212
 
213
213
  .e-description-icon::before {
214
- content: '\e7b6';
214
+ content: '\e7c0';
215
215
  }
216
216
 
217
217
  .e-resource-icon::before {
218
- content: '\e790';
218
+ content: '\e7b9';
219
219
  }
220
220
 
221
221
  .e-date-time-icon::before {
222
- content: '\e7e6';
222
+ content: '\e7da';
223
223
  }
224
224
  }
225
225
 
226
226
  .e-more-popup-wrapper.e-device {
227
227
  .e-close-icon::before {
228
- content: '\e771';
228
+ content: '\e7e7';
229
229
  }
230
230
  }
231
231
  }
232
+
@@ -1844,6 +1844,15 @@
1844
1844
  text-decoration: underline;
1845
1845
  }
1846
1846
 
1847
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1848
+ background-color: rgba(0, 0, 0, 0.08);
1849
+ box-shadow: inset 0 0 0 8px #424242;
1850
+ }
1851
+
1852
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1853
+ background-color: rgba(0, 0, 0, 0.08);
1854
+ }
1855
+
1847
1856
  .e-schedule .e-timeline-year-view .e-event-table {
1848
1857
  position: absolute;
1849
1858
  top: 0;
@@ -1979,6 +1988,12 @@
1979
1988
  top: 0;
1980
1989
  }
1981
1990
 
1991
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1992
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
1993
+ height: 60px;
1994
+ position: relative;
1995
+ }
1996
+
1982
1997
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1983
1998
  .e-schedule .e-timeline-view .e-content-wrap table col,
1984
1999
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2087,8 +2102,10 @@
2087
2102
 
2088
2103
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2089
2104
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2105
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2090
2106
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2091
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2107
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2108
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2092
2109
  height: 42px;
2093
2110
  }
2094
2111
 
@@ -2868,13 +2885,6 @@
2868
2885
  padding: 0 1.5px;
2869
2886
  }
2870
2887
 
2871
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2872
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
2873
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2874
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
2875
- padding: 0;
2876
- }
2877
-
2878
2888
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2879
2889
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2880
2890
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4006,6 +4016,7 @@
4006
4016
 
4007
4017
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4008
4018
  .e-more-popup-wrapper .e-more-event-content {
4019
+ color: #fff;
4009
4020
  height: calc(100% - 35px);
4010
4021
  max-height: 150px;
4011
4022
  overflow-y: auto;
@@ -1848,6 +1848,15 @@
1848
1848
  text-decoration: underline;
1849
1849
  }
1850
1850
 
1851
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1852
+ background-color: rgba(0, 0, 0, 0.08);
1853
+ box-shadow: inset 0 0 0 8px #fafafa;
1854
+ }
1855
+
1856
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1857
+ background-color: rgba(0, 0, 0, 0.08);
1858
+ }
1859
+
1851
1860
  .e-schedule .e-timeline-year-view .e-event-table {
1852
1861
  position: absolute;
1853
1862
  top: 0;
@@ -1983,6 +1992,12 @@
1983
1992
  top: 0;
1984
1993
  }
1985
1994
 
1995
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1996
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
1997
+ height: 60px;
1998
+ position: relative;
1999
+ }
2000
+
1986
2001
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1987
2002
  .e-schedule .e-timeline-view .e-content-wrap table col,
1988
2003
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2091,8 +2106,10 @@
2091
2106
 
2092
2107
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2093
2108
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2109
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2094
2110
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2095
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2111
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2112
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2096
2113
  height: 42px;
2097
2114
  }
2098
2115
 
@@ -2872,13 +2889,6 @@
2872
2889
  padding: 0 1.5px;
2873
2890
  }
2874
2891
 
2875
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2876
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
2877
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2878
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
2879
- padding: 0;
2880
- }
2881
-
2882
2892
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2883
2893
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2884
2894
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4000,6 +4010,7 @@
4000
4010
 
4001
4011
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4002
4012
  .e-more-popup-wrapper .e-more-event-content {
4013
+ color: rgba(0, 0, 0, 0.87);
4003
4014
  height: calc(100% - 35px);
4004
4015
  max-height: 150px;
4005
4016
  overflow-y: auto;