@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
@@ -0,0 +1,5 @@
1
+ @import 'ej2-base/styles/fluent-definition.scss';
2
+ @import '../recurrence-editor/fluent-definition.scss';
3
+ @import 'fluent-definition.scss';
4
+ @import 'icons/fluent.scss';
5
+ @import 'all.scss';
@@ -1843,6 +1843,15 @@
1843
1843
  text-decoration: underline;
1844
1844
  }
1845
1845
 
1846
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1847
+ background-color: rgba(0, 0, 0, 0.08);
1848
+ box-shadow: inset 0 0 0 8px #e4e4e4;
1849
+ }
1850
+
1851
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1852
+ background-color: rgba(0, 0, 0, 0.08);
1853
+ }
1854
+
1846
1855
  .e-schedule .e-timeline-year-view .e-event-table {
1847
1856
  position: absolute;
1848
1857
  top: 0;
@@ -1978,6 +1987,12 @@
1978
1987
  top: 0;
1979
1988
  }
1980
1989
 
1990
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1991
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
1992
+ height: 60px;
1993
+ position: relative;
1994
+ }
1995
+
1981
1996
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1982
1997
  .e-schedule .e-timeline-view .e-content-wrap table col,
1983
1998
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2086,8 +2101,10 @@
2086
2101
 
2087
2102
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2088
2103
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2104
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2089
2105
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2090
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2106
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2107
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2091
2108
  height: 42px;
2092
2109
  }
2093
2110
 
@@ -2867,13 +2884,6 @@
2867
2884
  padding: 0 1.5px;
2868
2885
  }
2869
2886
 
2870
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2871
- .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,
2872
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2873
- .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 {
2874
- padding: 0;
2875
- }
2876
-
2877
2887
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2878
2888
  .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,
2879
2889
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4004,6 +4014,7 @@
4004
4014
 
4005
4015
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4006
4016
  .e-more-popup-wrapper .e-more-event-content {
4017
+ color: #000;
4007
4018
  height: calc(100% - 35px);
4008
4019
  max-height: 150px;
4009
4020
  overflow-y: auto;
@@ -1851,6 +1851,15 @@
1851
1851
  text-decoration: underline;
1852
1852
  }
1853
1853
 
1854
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1855
+ background-color: rgba(0, 0, 0, 0.08);
1856
+ box-shadow: inset 0 0 0 8px #1a1a1a;
1857
+ }
1858
+
1859
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1860
+ background-color: rgba(0, 0, 0, 0.08);
1861
+ }
1862
+
1854
1863
  .e-schedule .e-timeline-year-view .e-event-table {
1855
1864
  position: absolute;
1856
1865
  top: 0;
@@ -1986,6 +1995,12 @@
1986
1995
  top: 0;
1987
1996
  }
1988
1997
 
1998
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1999
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
2000
+ height: 60px;
2001
+ position: relative;
2002
+ }
2003
+
1989
2004
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1990
2005
  .e-schedule .e-timeline-view .e-content-wrap table col,
1991
2006
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2094,8 +2109,10 @@
2094
2109
 
2095
2110
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2096
2111
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2112
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2097
2113
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2098
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2114
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2115
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2099
2116
  height: 42px;
2100
2117
  }
2101
2118
 
@@ -2875,13 +2892,6 @@
2875
2892
  padding: 0 1.5px;
2876
2893
  }
2877
2894
 
2878
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2879
- .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,
2880
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2881
- .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 {
2882
- padding: 0;
2883
- }
2884
-
2885
2895
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2886
2896
  .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,
2887
2897
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4030,6 +4040,7 @@
4030
4040
 
4031
4041
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4032
4042
  .e-more-popup-wrapper .e-more-event-content {
4043
+ color: #fff;
4033
4044
  height: calc(100% - 35px);
4034
4045
  max-height: 150px;
4035
4046
  overflow-y: auto;
@@ -4101,7 +4112,7 @@
4101
4112
 
4102
4113
  .e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
4103
4114
  .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
4104
- margin-top: 3px;
4115
+ margin-top: 0;
4105
4116
  }
4106
4117
 
4107
4118
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
@@ -0,0 +1 @@
1
+ @import './fluent.scss';
@@ -2,178 +2,178 @@
2
2
  .e-schedule {
3
3
  .e-schedule-toolbar {
4
4
  & .e-icon-prev::before {
5
- content: '\e7c1';
5
+ content: '\e765';
6
6
  }
7
7
 
8
8
  & .e-icon-next::before {
9
- content: '\e7c2';
9
+ content: '\e748';
10
10
  }
11
11
 
12
12
  & .e-icon-add::before {
13
- content: '\e7ba';
13
+ content: '\e805';
14
14
  }
15
15
 
16
16
  & .e-icon-today::before {
17
- content: '\e721';
17
+ content: '\e778';
18
18
  }
19
19
 
20
20
  & .e-icon-down-arrow::before {
21
- content: '\e7c3';
21
+ content: '\e729';
22
22
  }
23
23
 
24
24
  & .e-icon-day::before {
25
- content: '\e71b';
25
+ content: '\e75e';
26
26
  }
27
27
 
28
28
  & .e-icon-week::before {
29
- content: '\e725';
29
+ content: '\e817';
30
30
  }
31
31
 
32
32
  & .e-icon-workweek::before {
33
- content: '\e725';
33
+ content: '\e817';
34
34
  }
35
35
 
36
36
  & .e-icon-month::before {
37
- content: '\e71e';
37
+ content: '\e7c5';
38
38
  }
39
39
 
40
40
  & .e-icon-month-agenda::before {
41
- content: '\e7e2';
41
+ content: '\e75b';
42
42
  }
43
43
 
44
44
  & .e-icon-agenda::before {
45
- content: '\e71d';
45
+ content: '\e74c';
46
46
  }
47
47
 
48
48
  & .e-icon-year::before {
49
- content: '\e776';
49
+ content: '\e7c5';
50
50
  }
51
51
 
52
52
  & .e-icon-timeline-year-vertical::before {
53
- content: '\e776';
53
+ content: '\e876';
54
54
  }
55
55
 
56
56
  & .e-icon-timeline-year-horizontal::before {
57
- content: '\e776';
57
+ content: '\e876';
58
58
  }
59
59
 
60
60
  & .e-icon-timeline-day::before {
61
- content: '\e771';
61
+ content: '\e7da';
62
62
  }
63
63
 
64
64
  & .e-icon-timeline-week::before {
65
- content: '\e7e1';
65
+ content: '\e81f';
66
66
  }
67
67
 
68
68
  & .e-icon-timeline-workweek::before {
69
- content: '\e772';
69
+ content: '\e720';
70
70
  }
71
71
 
72
72
  & .e-icon-timeline-month::before {
73
- content: '\e776';
73
+ content: '\e876';
74
74
  }
75
75
 
76
76
  &.e-toolbar {
77
77
  .e-popup-down-icon::before {
78
- content: '\e7ad';
78
+ content: '\e770';
79
79
  }
80
80
 
81
81
  .e-popup-up-icon::before {
82
- content: '\e7ad';
82
+ content: '\e770';
83
83
  }
84
84
  }
85
85
 
86
86
  &.e-rtl {
87
87
  & .e-icon-prev::before {
88
- content: '\e7c2';
88
+ content: '\e748';
89
89
  }
90
90
 
91
91
  & .e-icon-next::before {
92
- content: '\e7c1';
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: '\e728';
99
+ content: '\e799';
100
100
  }
101
101
 
102
102
  & .e-icon-next::before {
103
- content: '\e7c2';
103
+ content: '\e748';
104
104
  }
105
105
  }
106
106
 
107
107
  .e-close-icon::before {
108
- content: '\e74f';
108
+ content: '\e7e7';
109
109
  }
110
110
 
111
111
  .e-block-indicator::before {
112
- content: '\e720';
112
+ content: '\e839';
113
113
  }
114
114
 
115
115
  .e-appointment {
116
116
  .e-recurrence-icon::before {
117
- content: '\e7be';
117
+ content: '\e772';
118
118
  }
119
119
 
120
120
  .e-recurrence-edit-icon::before {
121
- content: '\e7e3';
121
+ content: '\e789';
122
122
  }
123
123
 
124
124
  .e-up-icon::before {
125
- content: '\e7e6';
125
+ content: '\e822';
126
126
  }
127
127
 
128
128
  .e-down-icon::before {
129
- content: '\e7e7';
129
+ content: '\e7fe';
130
130
  }
131
131
 
132
132
  .e-left-icon::before {
133
- content: '\e7e9';
133
+ content: '\e744';
134
134
  }
135
135
 
136
136
  .e-right-icon::before {
137
- content: '\e7e8';
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: '\e7c3';
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: '\e7e8';
150
+ content: '\e7a9';
151
151
  }
152
152
 
153
153
  & .e-right-icon::before {
154
- content: '\e7e9';
154
+ content: '\e744';
155
155
  }
156
156
  }
157
157
  }
158
158
 
159
159
  .e-resource-tree-icon::before {
160
- content: '\e7c2';
160
+ content: '\e748';
161
161
  }
162
162
  }
163
163
 
164
164
  .e-schedule-dialog.e-device {
165
165
  .e-back-icon::before {
166
- content: '\e7e4';
166
+ content: '\e773';
167
167
  }
168
168
 
169
169
  .e-save-icon::before {
170
- content: '\e7bf';
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: '\e822';
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: '\e7e8';
184
+ content: '\e7f9';
185
185
  }
186
186
  }
187
187
 
188
188
  .e-quick-popup-wrapper {
189
189
  .e-edit-icon::before {
190
- content: '\e822';
190
+ content: '\e730';
191
191
  }
192
192
 
193
193
  .e-delete-icon::before {
194
- content: '\e75b';
194
+ content: '\e820';
195
195
  }
196
196
 
197
197
  .e-close-icon::before {
198
- content: '\e74f';
198
+ content: '\e7e7';
199
199
  }
200
200
 
201
201
  .e-time-icon::before {
202
- content: '\e7e0';
202
+ content: '\e705';
203
203
  }
204
204
 
205
205
  .e-location-icon::before {
206
- content: '\e7e5';
206
+ content: '\e756';
207
207
  }
208
208
 
209
209
  .e-time-zone-icon::before {
210
- content: '\e816';
210
+ content: '\e804';
211
211
  }
212
212
 
213
213
  .e-description-icon::before {
214
- content: '\e729';
214
+ content: '\e7c0';
215
215
  }
216
216
 
217
217
  .e-resource-icon::before {
218
- content: '\e72a';
218
+ content: '\e7b9';
219
219
  }
220
220
 
221
221
  .e-date-time-icon::before {
222
- content: '\e771';
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: '\e74f';
228
+ content: '\e7e7';
229
229
  }
230
230
  }
231
231
  }
232
+