@syncfusion/ej2-angular-schedule 20.4.38-ngcc → 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 (173) hide show
  1. package/README.md +47 -121
  2. package/esm2020/public_api.mjs +3 -0
  3. package/esm2020/src/index.mjs +11 -0
  4. package/esm2020/src/recurrence-editor/recurrenceeditor-all.module.mjs +23 -0
  5. package/esm2020/src/recurrence-editor/recurrenceeditor.component.mjs +59 -0
  6. package/esm2020/src/recurrence-editor/recurrenceeditor.module.mjs +25 -0
  7. package/esm2020/src/schedule/headerrows.directive.mjs +66 -0
  8. package/esm2020/src/schedule/resources.directive.mjs +58 -0
  9. package/esm2020/src/schedule/schedule-all.module.mjs +74 -0
  10. package/esm2020/src/schedule/schedule.component.mjs +283 -0
  11. package/esm2020/src/schedule/schedule.module.mjs +52 -0
  12. package/esm2020/src/schedule/views.directive.mjs +126 -0
  13. package/esm2020/syncfusion-ej2-angular-schedule.mjs +5 -0
  14. package/fesm2015/syncfusion-ej2-angular-schedule.mjs +733 -0
  15. package/fesm2015/syncfusion-ej2-angular-schedule.mjs.map +1 -0
  16. package/fesm2020/syncfusion-ej2-angular-schedule.mjs +733 -0
  17. package/fesm2020/syncfusion-ej2-angular-schedule.mjs.map +1 -0
  18. package/package.json +45 -22
  19. package/schematics/utils/lib-details.d.ts +2 -2
  20. package/src/recurrence-editor/recurrenceeditor-all.module.d.ts +6 -0
  21. package/src/recurrence-editor/recurrenceeditor.component.d.ts +3 -0
  22. package/src/recurrence-editor/recurrenceeditor.module.d.ts +6 -0
  23. package/src/schedule/headerrows.directive.d.ts +5 -0
  24. package/src/schedule/resources.directive.d.ts +5 -0
  25. package/src/schedule/schedule-all.module.d.ts +6 -0
  26. package/src/schedule/schedule.component.d.ts +3 -0
  27. package/src/schedule/schedule.module.d.ts +9 -0
  28. package/src/schedule/views.directive.d.ts +6 -6
  29. package/styles/bootstrap-dark.css +106 -369
  30. package/styles/bootstrap.css +104 -368
  31. package/styles/bootstrap4.css +146 -380
  32. package/styles/bootstrap5-dark.css +142 -344
  33. package/styles/bootstrap5.css +142 -344
  34. package/styles/fabric-dark.css +106 -335
  35. package/styles/fabric.css +111 -321
  36. package/styles/fluent-dark.css +107 -400
  37. package/styles/fluent.css +107 -400
  38. package/styles/highcontrast-light.css +103 -412
  39. package/styles/highcontrast.css +118 -404
  40. package/styles/material-dark.css +115 -367
  41. package/styles/material.css +115 -409
  42. package/styles/recurrence-editor/_all.scss +2 -0
  43. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +13 -0
  44. package/styles/recurrence-editor/_bootstrap-definition.scss +13 -0
  45. package/styles/recurrence-editor/_bootstrap4-definition.scss +13 -0
  46. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +1 -0
  47. package/styles/recurrence-editor/_bootstrap5-definition.scss +13 -0
  48. package/styles/recurrence-editor/_fabric-dark-definition.scss +13 -0
  49. package/styles/recurrence-editor/_fabric-definition.scss +13 -0
  50. package/styles/recurrence-editor/_fluent-dark-definition.scss +1 -0
  51. package/styles/recurrence-editor/_fluent-definition.scss +13 -0
  52. package/styles/recurrence-editor/_fusionnew-definition.scss +13 -0
  53. package/styles/recurrence-editor/_highcontrast-definition.scss +13 -0
  54. package/styles/recurrence-editor/_highcontrast-light-definition.scss +13 -0
  55. package/styles/recurrence-editor/_layout.scss +534 -0
  56. package/styles/recurrence-editor/_material-dark-definition.scss +13 -0
  57. package/styles/recurrence-editor/_material-definition.scss +13 -0
  58. package/styles/recurrence-editor/_material3-definition.scss +13 -0
  59. package/styles/recurrence-editor/_tailwind-dark-definition.scss +1 -0
  60. package/styles/recurrence-editor/_tailwind-definition.scss +13 -0
  61. package/styles/recurrence-editor/_theme.scss +1 -0
  62. package/styles/recurrence-editor/bootstrap-dark.css +33 -142
  63. package/styles/recurrence-editor/bootstrap-dark.scss +3 -1
  64. package/styles/recurrence-editor/bootstrap.css +33 -142
  65. package/styles/recurrence-editor/bootstrap.scss +3 -1
  66. package/styles/recurrence-editor/bootstrap4.css +33 -176
  67. package/styles/recurrence-editor/bootstrap4.scss +3 -1
  68. package/styles/recurrence-editor/bootstrap5-dark.css +33 -183
  69. package/styles/recurrence-editor/bootstrap5-dark.scss +3 -1
  70. package/styles/recurrence-editor/bootstrap5.css +33 -183
  71. package/styles/recurrence-editor/bootstrap5.scss +3 -1
  72. package/styles/recurrence-editor/fabric-dark.css +33 -118
  73. package/styles/recurrence-editor/fabric-dark.scss +3 -1
  74. package/styles/recurrence-editor/fabric.css +33 -111
  75. package/styles/recurrence-editor/fabric.scss +3 -1
  76. package/styles/recurrence-editor/fluent-dark.css +33 -163
  77. package/styles/recurrence-editor/fluent-dark.scss +3 -1
  78. package/styles/recurrence-editor/fluent.css +33 -163
  79. package/styles/recurrence-editor/fluent.scss +3 -1
  80. package/styles/recurrence-editor/highcontrast-light.css +33 -115
  81. package/styles/recurrence-editor/highcontrast-light.scss +3 -1
  82. package/styles/recurrence-editor/highcontrast.css +33 -115
  83. package/styles/recurrence-editor/highcontrast.scss +3 -1
  84. package/styles/recurrence-editor/material-dark.css +33 -143
  85. package/styles/recurrence-editor/material-dark.scss +3 -1
  86. package/styles/recurrence-editor/material.css +33 -168
  87. package/styles/recurrence-editor/material.scss +3 -1
  88. package/styles/recurrence-editor/tailwind-dark.css +33 -131
  89. package/styles/recurrence-editor/tailwind-dark.scss +3 -1
  90. package/styles/recurrence-editor/tailwind.css +33 -131
  91. package/styles/recurrence-editor/tailwind.scss +3 -1
  92. package/styles/schedule/_all.scss +2 -0
  93. package/styles/schedule/_bootstrap-dark-definition.scss +213 -0
  94. package/styles/schedule/_bootstrap-definition.scss +213 -0
  95. package/styles/schedule/_bootstrap4-definition.scss +215 -0
  96. package/styles/schedule/_bootstrap5-dark-definition.scss +1 -0
  97. package/styles/schedule/_bootstrap5-definition.scss +224 -0
  98. package/styles/schedule/_fabric-dark-definition.scss +213 -0
  99. package/styles/schedule/_fabric-definition.scss +213 -0
  100. package/styles/schedule/_fluent-dark-definition.scss +1 -0
  101. package/styles/schedule/_fluent-definition.scss +220 -0
  102. package/styles/schedule/_fusionnew-definition.scss +224 -0
  103. package/styles/schedule/_highcontrast-definition.scss +214 -0
  104. package/styles/schedule/_highcontrast-light-definition.scss +214 -0
  105. package/styles/schedule/_layout.scss +4489 -0
  106. package/styles/schedule/_material-dark-definition.scss +213 -0
  107. package/styles/schedule/_material-definition.scss +213 -0
  108. package/styles/schedule/_material3-definition.scss +224 -0
  109. package/styles/schedule/_tailwind-dark-definition.scss +1 -0
  110. package/styles/schedule/_tailwind-definition.scss +217 -0
  111. package/styles/schedule/_theme.scss +510 -0
  112. package/styles/schedule/bootstrap-dark.css +73 -332
  113. package/styles/schedule/bootstrap-dark.scss +5 -1
  114. package/styles/schedule/bootstrap.css +71 -331
  115. package/styles/schedule/bootstrap.scss +5 -1
  116. package/styles/schedule/bootstrap4.css +113 -343
  117. package/styles/schedule/bootstrap4.scss +5 -1
  118. package/styles/schedule/bootstrap5-dark.css +109 -307
  119. package/styles/schedule/bootstrap5-dark.scss +4 -1
  120. package/styles/schedule/bootstrap5.css +109 -307
  121. package/styles/schedule/bootstrap5.scss +5 -1
  122. package/styles/schedule/fabric-dark.css +73 -298
  123. package/styles/schedule/fabric-dark.scss +5 -1
  124. package/styles/schedule/fabric.css +78 -284
  125. package/styles/schedule/fabric.scss +5 -1
  126. package/styles/schedule/fluent-dark.css +74 -363
  127. package/styles/schedule/fluent-dark.scss +4 -1
  128. package/styles/schedule/fluent.css +74 -363
  129. package/styles/schedule/fluent.scss +5 -1
  130. package/styles/schedule/highcontrast-light.css +70 -375
  131. package/styles/schedule/highcontrast-light.scss +5 -1
  132. package/styles/schedule/highcontrast.css +85 -367
  133. package/styles/schedule/highcontrast.scss +5 -1
  134. package/styles/schedule/icons/_bootstrap-dark.scss +231 -0
  135. package/styles/schedule/icons/_bootstrap.scss +231 -0
  136. package/styles/schedule/icons/_bootstrap4.scss +231 -0
  137. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -0
  138. package/styles/schedule/icons/_bootstrap5.scss +231 -0
  139. package/styles/schedule/icons/_fabric-dark.scss +231 -0
  140. package/styles/schedule/icons/_fabric.scss +231 -0
  141. package/styles/schedule/icons/_fluent-dark.scss +1 -0
  142. package/styles/schedule/icons/_fluent.scss +231 -0
  143. package/styles/schedule/icons/_fusionnew.scss +231 -0
  144. package/styles/schedule/icons/_highcontrast-light.scss +231 -0
  145. package/styles/schedule/icons/_highcontrast.scss +231 -0
  146. package/styles/schedule/icons/_material-dark.scss +231 -0
  147. package/styles/schedule/icons/_material.scss +231 -0
  148. package/styles/schedule/icons/_material3.scss +231 -0
  149. package/styles/schedule/icons/_tailwind-dark.scss +1 -0
  150. package/styles/schedule/icons/_tailwind.scss +231 -0
  151. package/styles/schedule/material-dark.css +82 -330
  152. package/styles/schedule/material-dark.scss +5 -1
  153. package/styles/schedule/material.css +82 -372
  154. package/styles/schedule/material.scss +5 -1
  155. package/styles/schedule/tailwind-dark.css +111 -246
  156. package/styles/schedule/tailwind-dark.scss +4 -1
  157. package/styles/schedule/tailwind.css +111 -246
  158. package/styles/schedule/tailwind.scss +5 -1
  159. package/styles/tailwind-dark.css +145 -284
  160. package/styles/tailwind.css +145 -284
  161. package/syncfusion-ej2-angular-schedule.d.ts +5 -0
  162. package/@syncfusion/ej2-angular-schedule.es5.js +0 -840
  163. package/@syncfusion/ej2-angular-schedule.es5.js.map +0 -1
  164. package/@syncfusion/ej2-angular-schedule.js +0 -788
  165. package/@syncfusion/ej2-angular-schedule.js.map +0 -1
  166. package/CHANGELOG.md +0 -1589
  167. package/dist/ej2-angular-schedule.umd.js +0 -980
  168. package/dist/ej2-angular-schedule.umd.js.map +0 -1
  169. package/dist/ej2-angular-schedule.umd.min.js +0 -11
  170. package/dist/ej2-angular-schedule.umd.min.js.map +0 -1
  171. package/ej2-angular-schedule.d.ts +0 -6
  172. package/ej2-angular-schedule.metadata.json +0 -1
  173. package/postinstall/tagchange.js +0 -18
@@ -1,81 +1,3 @@
1
- .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
- height: 36px;
3
- }
4
-
5
- .e-popup.e-ddl .e-dropdownbase {
6
- min-height: 26px;
7
- }
8
-
9
- .e-ddl.e-popup {
10
- border: 0;
11
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
- margin-top: 1px;
13
- }
14
- .e-ddl.e-popup .e-content.e-nodata {
15
- background-color: #000;
16
- }
17
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
18
- color: #ffd939;
19
- }
20
- .e-ddl.e-popup .e-input-group {
21
- display: -ms-flexbox;
22
- display: flex;
23
- width: auto;
24
- }
25
- .e-ddl.e-popup .e-input-group input {
26
- line-height: 15px;
27
- }
28
-
29
- .e-ddl.e-popup .e-input-group .e-clear-icon {
30
- border-radius: 20px;
31
- height: 20px;
32
- margin: 5px;
33
- min-width: 20px;
34
- }
35
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
36
- font-size: 10px;
37
- }
38
- .e-ddl.e-popup .e-filter-parent {
39
- border-left-width: 0;
40
- border-right-width: 0;
41
- }
42
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
43
- border-color: #fff;
44
- }
45
- .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
46
- margin-top: 0;
47
- }
48
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
49
- font-size: 15px;
50
- line-height: 45px;
51
- padding-left: 0;
52
- text-indent: 16px;
53
- }
54
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
55
- padding-left: 4px;
56
- }
57
- .e-bigger .e-ddl.e-popup .e-input-group {
58
- padding: 4px 0;
59
- }
60
- .e-bigger .e-ddl.e-popup .e-input-group input {
61
- height: 46px;
62
- }
63
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
64
- font-size: 14px;
65
- line-height: 40px;
66
- padding-left: 0;
67
- text-indent: 16px;
68
- }
69
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
70
- padding-left: 4px;
71
- }
72
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
73
- padding: 0;
74
- }
75
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
76
- height: 34px;
77
- }
78
-
79
1
  /*! recurrence editor theme wise definitions*/
80
2
  /*! Recurrence-Editor component layout */
81
3
  .e-recurrenceeditor .e-editor {
@@ -83,7 +5,8 @@
83
5
  display: flex;
84
6
  -ms-flex-flow: row wrap;
85
7
  flex-flow: row wrap;
86
- margin: 0 auto;
8
+ margin-left: auto;
9
+ margin-right: auto;
87
10
  max-width: 1240px;
88
11
  }
89
12
  .e-recurrenceeditor .e-recurrence-table {
@@ -124,7 +47,7 @@
124
47
  }
125
48
  .e-recurrenceeditor .e-form-right,
126
49
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
127
- padding: 0 0 10px;
50
+ padding: 0 0 10px 8px;
128
51
  }
129
52
  .e-recurrenceeditor .e-input-wrapper {
130
53
  float: left;
@@ -165,11 +88,13 @@
165
88
  margin-bottom: 5px;
166
89
  }
167
90
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
168
- padding: 0 0 0 8px;
91
+ padding-left: 8px;
92
+ padding-right: 0;
169
93
  }
170
94
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
171
95
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
172
- padding: 0 8px 0 0;
96
+ padding-left: 0;
97
+ padding-right: 8px;
173
98
  }
174
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
175
100
  width: 30px;
@@ -197,10 +122,10 @@
197
122
  margin-bottom: 11px;
198
123
  }
199
124
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
200
- padding-bottom: 11px;
125
+ margin-bottom: 11px;
201
126
  }
202
127
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
203
- padding-top: 3px;
128
+ margin-top: -3px;
204
129
  }
205
130
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
206
131
  display: none;
@@ -250,7 +175,7 @@
250
175
  }
251
176
  .e-bigger .e-recurrenceeditor .e-form-right,
252
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
253
- padding: 0 0 10px;
178
+ padding: 0 0 10px 12px;
254
179
  }
255
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
256
181
  padding-bottom: 6px;
@@ -309,7 +234,8 @@
309
234
  }
310
235
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
311
236
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
312
- padding: 0 64px 0 0;
237
+ padding-left: 0;
238
+ padding-right: 64px;
313
239
  }
314
240
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
315
241
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -319,11 +245,13 @@
319
245
  margin-bottom: 5px;
320
246
  }
321
247
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
322
- padding: 0 0 0 12px;
248
+ padding-left: 12px;
249
+ padding-right: 0;
323
250
  }
324
251
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
325
252
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
326
- padding: 0 12px 0 0;
253
+ padding-left: 0;
254
+ padding-right: 12px;
327
255
  }
328
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
329
257
  left: 0;
@@ -355,7 +283,8 @@
355
283
  }
356
284
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
357
285
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
358
- padding: 0 0 0 10px;
286
+ padding-left: 10px;
287
+ padding-right: 0;
359
288
  }
360
289
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
361
290
  padding-right: 10px;
@@ -376,25 +305,23 @@
376
305
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
377
306
  padding-left: 20px;
378
307
  }
379
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
380
- margin-left: 20px;
381
- }
382
308
  .e-device .e-recurrenceeditor .e-week-position {
383
309
  right: 0;
384
- padding-right: 10px;
385
310
  }
386
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
387
312
  padding-right: 0;
388
313
  }
389
314
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
390
315
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
391
- padding: 0 10px 0 0;
316
+ padding-left: 0;
317
+ padding-right: 10px;
392
318
  }
393
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
394
- padding: 0 20px 0 0;
320
+ padding-left: 0;
395
321
  }
396
322
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
397
- padding: 0 50px 0 0;
323
+ padding-right: 20px;
324
+ padding-left: 0;
398
325
  }
399
326
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
400
327
  left: 0;
@@ -411,14 +338,6 @@
411
338
  padding: 16px 8px;
412
339
  }
413
340
 
414
- @media (max-width: 1024px) {
415
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
416
- width: 100%;
417
- }
418
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
419
- width: 65%;
420
- }
421
- }
422
341
  @media (max-width: 580px) {
423
342
  .e-recurrenceeditor {
424
343
  margin-left: auto;
@@ -433,7 +352,7 @@
433
352
  margin-top: 0;
434
353
  }
435
354
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
436
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
355
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
437
356
  margin-bottom: 7px;
438
357
  }
439
358
  .e-recurrenceeditor .e-editor > div {
@@ -449,35 +368,34 @@
449
368
  width: 50%;
450
369
  }
451
370
  .e-recurrenceeditor .e-editor .e-form-left,
452
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
371
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
453
372
  padding: 0 0 10px;
454
373
  }
455
374
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
456
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
457
- padding: 0 0 0 10px;
375
+ .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
376
+ padding-left: 10px;
377
+ padding-right: 0;
458
378
  }
459
379
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
460
380
  padding-right: 10px;
461
381
  }
462
382
  .e-recurrenceeditor .e-editor .e-form-right,
463
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
383
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
464
384
  padding-left: 0;
465
385
  }
466
386
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
467
387
  width: 100%;
468
388
  }
469
389
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
470
- width: 65%;
471
- }
472
- .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
473
- padding-left: 50px;
390
+ width: 100%;
474
391
  }
475
392
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
476
393
  padding-right: 0;
477
394
  }
478
395
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
479
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
480
- padding: 0 10px 0 0;
396
+ .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
397
+ padding-left: 0;
398
+ padding-right: 10px;
481
399
  }
482
400
  }
483
401
  /*! Recurrence-Editor component theme */
@@ -1 +1,3 @@
1
- @import 'ej2-schedule/styles/recurrence-editor/highcontrast.scss';
1
+ @import 'ej2-base/styles/highcontrast-definition.scss';
2
+ @import 'highcontrast-definition.scss';
3
+ @import 'all.scss';
@@ -1,110 +1,4 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
- transform: rotate(0deg);
4
- transition: transform 300ms ease;
5
- }
6
-
7
- .e-popup.e-ddl .e-dropdownbase {
8
- min-height: 26px;
9
- }
10
-
11
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
12
- transform: rotate(180deg);
13
- transition: transform 300ms ease;
14
- }
15
-
16
- .e-dropdownbase .e-list-item.e-active.e-hover {
17
- color: #00b0ff;
18
- }
19
-
20
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
21
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
22
- .e-input-group:not(.e-disabled) .e-back-icon:active,
23
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
24
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
25
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
26
- background: transparent;
27
- }
28
-
29
- .e-input-group .e-ddl-icon:not(:active)::after {
30
- animation: none;
31
- }
32
-
33
- .e-ddl.e-popup {
34
- border: 0;
35
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
36
- margin-top: 2px;
37
- }
38
-
39
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
40
- border-color: transparent;
41
- }
42
-
43
- .e-bigger .e-popup.e-ddl-device-filter {
44
- margin-top: 0;
45
- }
46
-
47
- .e-bigger .e-ddl-device .e-input-group,
48
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
49
- background: #f5f5f5;
50
- border-width: 0;
51
- box-shadow: none;
52
- margin-bottom: 0;
53
- }
54
-
55
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
56
- .e-bigger .e-ddl-device .e-input-group input.e-input,
57
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
58
- background-color: #f5f5f5;
59
- }
60
-
61
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
62
- margin: 6px 6px 5px;
63
- min-height: 12px;
64
- min-width: 12px;
65
- padding: 6px;
66
- }
67
-
68
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
69
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
70
- min-height: 16px;
71
- min-width: 16px;
72
- }
73
-
74
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
75
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
76
- padding: 8px 16px 8px 0;
77
- }
78
-
79
- .e-input-group.e-ddl,
80
- .e-input-group.e-ddl .e-input,
81
- .e-input-group.e-ddl .e-ddl-icon {
82
- background: transparent;
83
- }
84
-
85
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
86
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
87
- border-bottom-width: 0;
88
- }
89
-
90
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
91
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
92
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
93
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
94
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
95
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
96
- margin: 0;
97
- }
98
-
99
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
100
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
101
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
102
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
103
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
104
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
105
- padding: 5px 5px 5px 12px;
106
- }
107
-
108
2
  /*! recurrence editor theme wise definitions*/
109
3
  /*! Recurrence-Editor component layout */
110
4
  .e-recurrenceeditor .e-editor {
@@ -112,7 +6,8 @@
112
6
  display: flex;
113
7
  -ms-flex-flow: row wrap;
114
8
  flex-flow: row wrap;
115
- margin: 0 auto;
9
+ margin-left: auto;
10
+ margin-right: auto;
116
11
  max-width: 1240px;
117
12
  }
118
13
  .e-recurrenceeditor .e-recurrence-table {
@@ -153,7 +48,7 @@
153
48
  }
154
49
  .e-recurrenceeditor .e-form-right,
155
50
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
156
- padding: 0 0 10px;
51
+ padding: 0 0 10px 8px;
157
52
  }
158
53
  .e-recurrenceeditor .e-input-wrapper {
159
54
  float: left;
@@ -194,11 +89,13 @@
194
89
  margin-bottom: 5px;
195
90
  }
196
91
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
197
- padding: 0 0 0 8px;
92
+ padding-left: 8px;
93
+ padding-right: 0;
198
94
  }
199
95
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
200
96
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
201
- padding: 0 8px 0 0;
97
+ padding-left: 0;
98
+ padding-right: 8px;
202
99
  }
203
100
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
204
101
  width: 30px;
@@ -226,10 +123,10 @@
226
123
  margin-bottom: 11px;
227
124
  }
228
125
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
229
- padding-bottom: 11px;
126
+ margin-bottom: 11px;
230
127
  }
231
128
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
232
- padding-top: 3px;
129
+ margin-top: -3px;
233
130
  }
234
131
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
235
132
  display: none;
@@ -279,7 +176,7 @@
279
176
  }
280
177
  .e-bigger .e-recurrenceeditor .e-form-right,
281
178
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
282
- padding: 0 0 10px;
179
+ padding: 0 0 10px 12px;
283
180
  }
284
181
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
285
182
  padding-bottom: 6px;
@@ -338,7 +235,8 @@
338
235
  }
339
236
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
340
237
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
341
- padding: 0 64px 0 0;
238
+ padding-left: 0;
239
+ padding-right: 64px;
342
240
  }
343
241
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
344
242
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -348,11 +246,13 @@
348
246
  margin-bottom: 5px;
349
247
  }
350
248
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
351
- padding: 0 0 0 12px;
249
+ padding-left: 12px;
250
+ padding-right: 0;
352
251
  }
353
252
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
354
253
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
355
- padding: 0 12px 0 0;
254
+ padding-left: 0;
255
+ padding-right: 12px;
356
256
  }
357
257
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
358
258
  left: 0;
@@ -384,7 +284,8 @@
384
284
  }
385
285
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
386
286
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
387
- padding: 0 0 0 10px;
287
+ padding-left: 10px;
288
+ padding-right: 0;
388
289
  }
389
290
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
390
291
  padding-right: 10px;
@@ -405,25 +306,23 @@
405
306
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
406
307
  padding-left: 20px;
407
308
  }
408
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
409
- margin-left: 20px;
410
- }
411
309
  .e-device .e-recurrenceeditor .e-week-position {
412
310
  right: 0;
413
- padding-right: 10px;
414
311
  }
415
312
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
416
313
  padding-right: 0;
417
314
  }
418
315
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
419
316
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
420
- padding: 0 10px 0 0;
317
+ padding-left: 0;
318
+ padding-right: 10px;
421
319
  }
422
320
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
423
- padding: 0 20px 0 0;
321
+ padding-left: 0;
424
322
  }
425
323
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
426
- padding: 0 50px 0 0;
324
+ padding-right: 20px;
325
+ padding-left: 0;
427
326
  }
428
327
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
429
328
  left: 0;
@@ -440,14 +339,6 @@
440
339
  padding: 16px 8px;
441
340
  }
442
341
 
443
- @media (max-width: 1024px) {
444
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
445
- width: 100%;
446
- }
447
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
448
- width: 65%;
449
- }
450
- }
451
342
  @media (max-width: 580px) {
452
343
  .e-recurrenceeditor {
453
344
  margin-left: auto;
@@ -462,7 +353,7 @@
462
353
  margin-top: 0;
463
354
  }
464
355
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
465
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
356
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
466
357
  margin-bottom: 1px;
467
358
  }
468
359
  .e-recurrenceeditor .e-editor > div {
@@ -478,35 +369,34 @@
478
369
  width: 50%;
479
370
  }
480
371
  .e-recurrenceeditor .e-editor .e-form-left,
481
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
372
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
482
373
  padding: 0 0 10px;
483
374
  }
484
375
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
485
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
486
- padding: 0 0 0 10px;
376
+ .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
377
+ padding-left: 10px;
378
+ padding-right: 0;
487
379
  }
488
380
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
489
381
  padding-right: 10px;
490
382
  }
491
383
  .e-recurrenceeditor .e-editor .e-form-right,
492
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
384
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
493
385
  padding-left: 0;
494
386
  }
495
387
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
496
388
  width: 100%;
497
389
  }
498
390
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
499
- width: 65%;
500
- }
501
- .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
502
- padding-left: 50px;
391
+ width: 100%;
503
392
  }
504
393
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
505
394
  padding-right: 0;
506
395
  }
507
396
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
508
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
509
- padding: 0 10px 0 0;
397
+ .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
398
+ padding-left: 0;
399
+ padding-right: 10px;
510
400
  }
511
401
  }
512
402
  /*! Recurrence-Editor component theme */
@@ -1 +1,3 @@
1
- @import 'ej2-schedule/styles/recurrence-editor/material-dark.scss';
1
+ @import 'ej2-base/styles/material-dark-definition.scss';
2
+ @import 'material-dark-definition.scss';
3
+ @import 'all.scss';