@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,77 +1,3 @@
1
- .e-ddl.e-popup {
2
- border: 0;
3
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
4
- margin-top: 1px;
5
- }
6
- .e-ddl.e-popup .e-input-group input {
7
- line-height: 15px;
8
- }
9
-
10
- .e-ddl.e-popup .e-input-group {
11
- display: -ms-flexbox;
12
- display: flex;
13
- width: auto;
14
- }
15
-
16
- .e-popup.e-ddl .e-dropdownbase {
17
- min-height: 26px;
18
- }
19
-
20
- .e-ddl.e-popup .e-filter-parent {
21
- border-left-width: 0;
22
- border-right-width: 0;
23
- }
24
-
25
- .e-bigger .e-popup.e-ddl-device-filter {
26
- margin-top: 0;
27
- }
28
-
29
- .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 {
30
- font-size: 15px;
31
- line-height: 45px;
32
- padding-left: 0;
33
- text-indent: 16px;
34
- }
35
-
36
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
37
- padding-left: 4px;
38
- }
39
-
40
- .e-bigger .e-ddl.e-popup .e-input-group {
41
- padding: 4px 0;
42
- }
43
-
44
- .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
45
- height: 38px;
46
- }
47
-
48
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
49
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
50
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
51
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
52
- background: transparent;
53
- color: #333;
54
- }
55
-
56
- .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 {
57
- font-size: 14px;
58
- line-height: 40px;
59
- padding-left: 0;
60
- text-indent: 16px;
61
- }
62
-
63
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
64
- padding-left: 4px;
65
- }
66
-
67
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
68
- padding: 0;
69
- }
70
-
71
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
72
- height: 34px;
73
- }
74
-
75
1
  /*! recurrence editor theme wise definitions*/
76
2
  /*! Recurrence-Editor component layout */
77
3
  .e-recurrenceeditor .e-editor {
@@ -79,7 +5,8 @@
79
5
  display: flex;
80
6
  -ms-flex-flow: row wrap;
81
7
  flex-flow: row wrap;
82
- margin: 0 auto;
8
+ margin-left: auto;
9
+ margin-right: auto;
83
10
  max-width: 1240px;
84
11
  }
85
12
  .e-recurrenceeditor .e-recurrence-table {
@@ -120,7 +47,7 @@
120
47
  }
121
48
  .e-recurrenceeditor .e-form-right,
122
49
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
123
- padding: 0 0 10px;
50
+ padding: 0 0 10px 8px;
124
51
  }
125
52
  .e-recurrenceeditor .e-input-wrapper {
126
53
  float: left;
@@ -161,11 +88,13 @@
161
88
  margin-bottom: 5px;
162
89
  }
163
90
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
164
- padding: 0 0 0 8px;
91
+ padding-left: 8px;
92
+ padding-right: 0;
165
93
  }
166
94
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
167
95
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
168
- padding: 0 8px 0 0;
96
+ padding-left: 0;
97
+ padding-right: 8px;
169
98
  }
170
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
171
100
  width: 30px;
@@ -193,10 +122,10 @@
193
122
  margin-bottom: 11px;
194
123
  }
195
124
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
196
- padding-bottom: 11px;
125
+ margin-bottom: 11px;
197
126
  }
198
127
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
199
- padding-top: 3px;
128
+ margin-top: -3px;
200
129
  }
201
130
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
202
131
  display: none;
@@ -246,7 +175,7 @@
246
175
  }
247
176
  .e-bigger .e-recurrenceeditor .e-form-right,
248
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
249
- padding: 0 0 10px;
178
+ padding: 0 0 10px 12px;
250
179
  }
251
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
252
181
  padding-bottom: 6px;
@@ -305,7 +234,8 @@
305
234
  }
306
235
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
307
236
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
308
- padding: 0 64px 0 0;
237
+ padding-left: 0;
238
+ padding-right: 64px;
309
239
  }
310
240
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
311
241
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -315,11 +245,13 @@
315
245
  margin-bottom: 5px;
316
246
  }
317
247
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
318
- padding: 0 0 0 12px;
248
+ padding-left: 12px;
249
+ padding-right: 0;
319
250
  }
320
251
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
321
252
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
322
- padding: 0 12px 0 0;
253
+ padding-left: 0;
254
+ padding-right: 12px;
323
255
  }
324
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
325
257
  left: 0;
@@ -351,7 +283,8 @@
351
283
  }
352
284
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
353
285
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
354
- padding: 0 0 0 10px;
286
+ padding-left: 10px;
287
+ padding-right: 0;
355
288
  }
356
289
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
357
290
  padding-right: 10px;
@@ -372,25 +305,23 @@
372
305
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
373
306
  padding-left: 20px;
374
307
  }
375
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
376
- margin-left: 20px;
377
- }
378
308
  .e-device .e-recurrenceeditor .e-week-position {
379
309
  right: 0;
380
- padding-right: 10px;
381
310
  }
382
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
383
312
  padding-right: 0;
384
313
  }
385
314
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
386
315
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
387
- padding: 0 10px 0 0;
316
+ padding-left: 0;
317
+ padding-right: 10px;
388
318
  }
389
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
390
- padding: 0 20px 0 0;
320
+ padding-left: 0;
391
321
  }
392
322
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
393
- padding: 0 50px 0 0;
323
+ padding-right: 20px;
324
+ padding-left: 0;
394
325
  }
395
326
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
396
327
  left: 0;
@@ -407,14 +338,6 @@
407
338
  padding: 16px 8px;
408
339
  }
409
340
 
410
- @media (max-width: 1024px) {
411
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
412
- width: 100%;
413
- }
414
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
415
- width: 65%;
416
- }
417
- }
418
341
  @media (max-width: 580px) {
419
342
  .e-recurrenceeditor {
420
343
  margin-left: auto;
@@ -429,7 +352,7 @@
429
352
  margin-top: 0;
430
353
  }
431
354
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
432
- .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 {
433
356
  margin-bottom: 7px;
434
357
  }
435
358
  .e-recurrenceeditor .e-editor > div {
@@ -445,35 +368,34 @@
445
368
  width: 50%;
446
369
  }
447
370
  .e-recurrenceeditor .e-editor .e-form-left,
448
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
371
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
449
372
  padding: 0 0 10px;
450
373
  }
451
374
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
452
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
453
- 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;
454
378
  }
455
379
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
456
380
  padding-right: 10px;
457
381
  }
458
382
  .e-recurrenceeditor .e-editor .e-form-right,
459
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
383
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
460
384
  padding-left: 0;
461
385
  }
462
386
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
463
387
  width: 100%;
464
388
  }
465
389
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
466
- width: 65%;
467
- }
468
- .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
469
- padding-left: 50px;
390
+ width: 100%;
470
391
  }
471
392
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
472
393
  padding-right: 0;
473
394
  }
474
395
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
475
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
476
- 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;
477
399
  }
478
400
  }
479
401
  /*! Recurrence-Editor component theme */
@@ -1 +1,3 @@
1
- @import 'ej2-schedule/styles/recurrence-editor/fabric.scss';
1
+ @import 'ej2-base/styles/fabric-definition.scss';
2
+ @import 'fabric-definition.scss';
3
+ @import 'all.scss';
@@ -1,129 +1,3 @@
1
- .e-popup.e-ddl {
2
- border-radius: 4px;
3
- box-shadow: none;
4
- margin-top: 1px;
5
- }
6
- .e-popup.e-ddl .e-input-group {
7
- width: auto;
8
- }
9
- .e-popup.e-ddl .e-input-group input {
10
- line-height: 15px;
11
- }
12
-
13
- .e-popup.e-ddl .e-dropdownbase {
14
- min-height: 26px;
15
- }
16
-
17
- .e-popup.e-ddl .e-filter-parent .e-input-group {
18
- display: -ms-flexbox;
19
- display: flex;
20
- width: auto;
21
- }
22
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
23
- border: 0;
24
- }
25
-
26
- .e-bigger .e-popup.e-ddl-device-filter {
27
- margin-top: 0;
28
- }
29
-
30
- .e-bigger .e-popup.e-ddl .e-list-item {
31
- font-size: 16px;
32
- line-height: 32px;
33
- padding-left: 0;
34
- text-indent: 16px;
35
- }
36
-
37
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
38
- font-size: 14px;
39
- line-height: 32px;
40
- padding-left: 0;
41
- text-indent: 16px;
42
- }
43
-
44
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
45
- min-height: 40px;
46
- }
47
-
48
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
49
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
50
- background: transparent;
51
- }
52
-
53
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
54
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
55
- background: #1b1a19;
56
- }
57
-
58
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
59
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
60
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
61
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
62
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
63
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
64
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
65
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
66
- background: none;
67
- color: #a19f9d;
68
- }
69
-
70
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
71
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
72
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
73
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
74
- background: transparent;
75
- color: #a19f9d;
76
- }
77
-
78
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
79
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
80
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
81
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
82
- border: 0;
83
- }
84
-
85
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
86
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
87
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
88
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
89
- box-shadow: none;
90
- }
91
-
92
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
93
- background: none;
94
- display: -ms-flexbox;
95
- display: flex;
96
- position: relative;
97
- }
98
-
99
- .e-ddl.e-popup .e-filter-parent .e-input-group,
100
- .e-ddl.e-popup .e-filter-parent {
101
- background: #252423;
102
- }
103
-
104
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
105
- font-size: 14px;
106
- }
107
-
108
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
109
- font-size: 16px;
110
- }
111
-
112
- .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 {
113
- font-size: 14px;
114
- line-height: 34px;
115
- padding-left: 0;
116
- text-indent: 16px;
117
- }
118
-
119
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
120
- height: 30px;
121
- }
122
-
123
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
124
- min-height: 34px;
125
- }
126
-
127
1
  /*! recurrence editor theme wise definitions*/
128
2
  /*! Recurrence-Editor component layout */
129
3
  .e-recurrenceeditor .e-editor {
@@ -131,7 +5,8 @@
131
5
  display: flex;
132
6
  -ms-flex-flow: row wrap;
133
7
  flex-flow: row wrap;
134
- margin: 0 auto;
8
+ margin-left: auto;
9
+ margin-right: auto;
135
10
  max-width: 1240px;
136
11
  }
137
12
  .e-recurrenceeditor .e-recurrence-table {
@@ -172,7 +47,7 @@
172
47
  }
173
48
  .e-recurrenceeditor .e-form-right,
174
49
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
175
- padding: 0 0 10px;
50
+ padding: 0 0 10px 8px;
176
51
  }
177
52
  .e-recurrenceeditor .e-input-wrapper {
178
53
  float: left;
@@ -213,11 +88,13 @@
213
88
  margin-bottom: 5px;
214
89
  }
215
90
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
216
- padding: 0 0 0 8px;
91
+ padding-left: 8px;
92
+ padding-right: 0;
217
93
  }
218
94
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
219
95
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
220
- padding: 0 8px 0 0;
96
+ padding-left: 0;
97
+ padding-right: 8px;
221
98
  }
222
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
223
100
  width: 30px;
@@ -245,10 +122,10 @@
245
122
  margin-bottom: 11px;
246
123
  }
247
124
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
248
- padding-bottom: 11px;
125
+ margin-bottom: 11px;
249
126
  }
250
127
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
251
- padding-top: 3px;
128
+ margin-top: -3px;
252
129
  }
253
130
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
254
131
  display: none;
@@ -298,7 +175,7 @@
298
175
  }
299
176
  .e-bigger .e-recurrenceeditor .e-form-right,
300
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
301
- padding: 0 0 10px;
178
+ padding: 0 0 10px 12px;
302
179
  }
303
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
304
181
  padding-bottom: 6px;
@@ -357,7 +234,8 @@
357
234
  }
358
235
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
359
236
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
360
- padding: 0 64px 0 0;
237
+ padding-left: 0;
238
+ padding-right: 64px;
361
239
  }
362
240
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
363
241
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -367,11 +245,13 @@
367
245
  margin-bottom: 5px;
368
246
  }
369
247
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
370
- padding: 0 0 0 12px;
248
+ padding-left: 12px;
249
+ padding-right: 0;
371
250
  }
372
251
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
373
252
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
374
- padding: 0 12px 0 0;
253
+ padding-left: 0;
254
+ padding-right: 12px;
375
255
  }
376
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
377
257
  left: 0;
@@ -403,7 +283,8 @@
403
283
  }
404
284
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
405
285
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
406
- padding: 0 0 0 10px;
286
+ padding-left: 10px;
287
+ padding-right: 0;
407
288
  }
408
289
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
409
290
  padding-right: 10px;
@@ -424,25 +305,23 @@
424
305
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
425
306
  padding-left: 20px;
426
307
  }
427
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
428
- margin-left: 20px;
429
- }
430
308
  .e-device .e-recurrenceeditor .e-week-position {
431
309
  right: 0;
432
- padding-right: 10px;
433
310
  }
434
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
435
312
  padding-right: 0;
436
313
  }
437
314
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
438
315
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
439
- padding: 0 10px 0 0;
316
+ padding-left: 0;
317
+ padding-right: 10px;
440
318
  }
441
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
442
- padding: 0 20px 0 0;
320
+ padding-left: 0;
443
321
  }
444
322
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
445
- padding: 0 50px 0 0;
323
+ padding-right: 20px;
324
+ padding-left: 0;
446
325
  }
447
326
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
448
327
  left: 0;
@@ -459,14 +338,6 @@
459
338
  padding: 16px 8px;
460
339
  }
461
340
 
462
- @media (max-width: 1024px) {
463
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
464
- width: 100%;
465
- }
466
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
467
- width: 65%;
468
- }
469
- }
470
341
  @media (max-width: 580px) {
471
342
  .e-recurrenceeditor {
472
343
  margin-left: auto;
@@ -481,7 +352,7 @@
481
352
  margin-top: 0;
482
353
  }
483
354
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
484
- .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 {
485
356
  margin-bottom: 7px;
486
357
  }
487
358
  .e-recurrenceeditor .e-editor > div {
@@ -497,35 +368,34 @@
497
368
  width: 50%;
498
369
  }
499
370
  .e-recurrenceeditor .e-editor .e-form-left,
500
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
371
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
501
372
  padding: 0 0 10px;
502
373
  }
503
374
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
504
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
505
- 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;
506
378
  }
507
379
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
508
380
  padding-right: 10px;
509
381
  }
510
382
  .e-recurrenceeditor .e-editor .e-form-right,
511
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
383
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
512
384
  padding-left: 0;
513
385
  }
514
386
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
515
387
  width: 100%;
516
388
  }
517
389
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
518
- width: 65%;
519
- }
520
- .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
521
- padding-left: 50px;
390
+ width: 100%;
522
391
  }
523
392
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
524
393
  padding-right: 0;
525
394
  }
526
395
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
527
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
528
- 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;
529
399
  }
530
400
  }
531
401
  /*! Recurrence-Editor component theme */
@@ -1 +1,3 @@
1
- @import 'ej2-schedule/styles/recurrence-editor/fluent-dark.scss';
1
+ @import 'ej2-base/styles/fluent-dark-definition.scss';
2
+ @import 'fluent-dark-definition.scss';
3
+ @import 'all.scss';