@syncfusion/ej2-schedule 26.2.12 → 27.1.48

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 (200) hide show
  1. package/dist/ej2-schedule.umd.min.js +2 -2
  2. package/dist/ej2-schedule.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-schedule.es2015.js +173 -34
  4. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es5.js +173 -34
  6. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  7. package/dist/global/ej2-schedule.min.js +2 -2
  8. package/dist/global/ej2-schedule.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +18 -17
  11. package/src/schedule/actions/crud.js +22 -6
  12. package/src/schedule/actions/keyboard.d.ts +1 -0
  13. package/src/schedule/actions/keyboard.js +45 -3
  14. package/src/schedule/actions/resize.js +1 -0
  15. package/src/schedule/actions/virtual-scroll.d.ts +1 -0
  16. package/src/schedule/actions/virtual-scroll.js +35 -4
  17. package/src/schedule/base/interface.d.ts +1 -0
  18. package/src/schedule/base/resource.js +5 -0
  19. package/src/schedule/base/schedule.js +2 -1
  20. package/src/schedule/event-renderer/inline-edit.js +9 -1
  21. package/src/schedule/event-renderer/month.js +4 -1
  22. package/src/schedule/event-renderer/timeline-view.js +4 -1
  23. package/src/schedule/event-renderer/year.js +2 -2
  24. package/src/schedule/popups/event-tooltip.js +2 -1
  25. package/src/schedule/renderer/header-renderer.d.ts +1 -0
  26. package/src/schedule/renderer/header-renderer.js +9 -1
  27. package/src/schedule/renderer/month.js +6 -0
  28. package/src/schedule/renderer/timeline-header-row.js +1 -1
  29. package/src/schedule/renderer/timeline-view.js +5 -0
  30. package/src/schedule/renderer/timeline-year.js +6 -2
  31. package/src/schedule/renderer/vertical-view.js +2 -6
  32. package/src/schedule/renderer/view-base.d.ts +1 -0
  33. package/src/schedule/renderer/view-base.js +9 -0
  34. package/src/schedule/renderer/year.js +4 -4
  35. package/styles/bootstrap-dark-lite.css +4169 -0
  36. package/styles/bootstrap-dark-lite.scss +18 -0
  37. package/styles/bootstrap-dark.css +818 -596
  38. package/styles/bootstrap-dark.scss +3 -2
  39. package/styles/bootstrap-lite.css +4164 -0
  40. package/styles/bootstrap-lite.scss +18 -0
  41. package/styles/bootstrap.css +818 -596
  42. package/styles/bootstrap.scss +3 -2
  43. package/styles/bootstrap4-lite.css +4211 -0
  44. package/styles/bootstrap4-lite.scss +18 -0
  45. package/styles/bootstrap4.css +803 -636
  46. package/styles/bootstrap4.scss +3 -2
  47. package/styles/bootstrap5-dark-lite.css +4210 -0
  48. package/styles/bootstrap5-dark-lite.scss +18 -0
  49. package/styles/bootstrap5-dark.css +819 -597
  50. package/styles/bootstrap5-dark.scss +3 -2
  51. package/styles/bootstrap5-lite.css +4210 -0
  52. package/styles/bootstrap5-lite.scss +18 -0
  53. package/styles/bootstrap5.3-lite.css +4256 -0
  54. package/styles/bootstrap5.3-lite.scss +18 -0
  55. package/styles/bootstrap5.3.css +5017 -0
  56. package/styles/bootstrap5.3.scss +20 -0
  57. package/styles/bootstrap5.css +819 -597
  58. package/styles/bootstrap5.scss +3 -2
  59. package/styles/fabric-dark-lite.css +4139 -0
  60. package/styles/fabric-dark-lite.scss +18 -0
  61. package/styles/fabric-dark.css +825 -595
  62. package/styles/fabric-dark.scss +3 -2
  63. package/styles/fabric-lite.css +4136 -0
  64. package/styles/fabric-lite.scss +18 -0
  65. package/styles/fabric.css +825 -588
  66. package/styles/fabric.scss +3 -2
  67. package/styles/fluent-dark-lite.css +4202 -0
  68. package/styles/fluent-dark-lite.scss +18 -0
  69. package/styles/fluent-dark.css +823 -593
  70. package/styles/fluent-dark.scss +3 -2
  71. package/styles/fluent-lite.css +4202 -0
  72. package/styles/fluent-lite.scss +18 -0
  73. package/styles/fluent.css +823 -593
  74. package/styles/fluent.scss +3 -2
  75. package/styles/fluent2-lite.css +4422 -0
  76. package/styles/fluent2-lite.scss +18 -0
  77. package/styles/fluent2.css +860 -602
  78. package/styles/fluent2.scss +3 -2
  79. package/styles/highcontrast-light-lite.css +4228 -0
  80. package/styles/highcontrast-light-lite.scss +18 -0
  81. package/styles/highcontrast-light.css +828 -584
  82. package/styles/highcontrast-light.scss +3 -2
  83. package/styles/highcontrast-lite.css +4237 -0
  84. package/styles/highcontrast-lite.scss +18 -0
  85. package/styles/highcontrast.css +829 -585
  86. package/styles/highcontrast.scss +3 -2
  87. package/styles/material-dark-lite.css +4216 -0
  88. package/styles/material-dark-lite.scss +18 -0
  89. package/styles/material-dark.css +834 -582
  90. package/styles/material-dark.scss +3 -2
  91. package/styles/material-lite.css +4242 -0
  92. package/styles/material-lite.scss +18 -0
  93. package/styles/material.css +831 -600
  94. package/styles/material.scss +3 -2
  95. package/styles/material3-dark-lite.css +4233 -0
  96. package/styles/material3-dark-lite.scss +18 -0
  97. package/styles/material3-dark.css +825 -602
  98. package/styles/material3-dark.scss +3 -2
  99. package/styles/material3-lite.css +4235 -0
  100. package/styles/material3-lite.scss +18 -0
  101. package/styles/material3.css +825 -602
  102. package/styles/material3.scss +3 -2
  103. package/styles/recurrence-editor/_bigger.scss +134 -0
  104. package/styles/recurrence-editor/_layout.scss +0 -110
  105. package/styles/recurrence-editor/bootstrap-dark.css +87 -131
  106. package/styles/recurrence-editor/bootstrap-dark.scss +1 -0
  107. package/styles/recurrence-editor/bootstrap.css +87 -131
  108. package/styles/recurrence-editor/bootstrap.scss +1 -0
  109. package/styles/recurrence-editor/bootstrap4.css +87 -149
  110. package/styles/recurrence-editor/bootstrap4.scss +1 -0
  111. package/styles/recurrence-editor/bootstrap5-dark.css +87 -135
  112. package/styles/recurrence-editor/bootstrap5-dark.scss +1 -0
  113. package/styles/recurrence-editor/bootstrap5.3.css +501 -0
  114. package/styles/recurrence-editor/bootstrap5.3.scss +9 -0
  115. package/styles/recurrence-editor/bootstrap5.css +87 -135
  116. package/styles/recurrence-editor/bootstrap5.scss +1 -0
  117. package/styles/recurrence-editor/fabric-dark.css +87 -130
  118. package/styles/recurrence-editor/fabric-dark.scss +1 -0
  119. package/styles/recurrence-editor/fabric.css +87 -123
  120. package/styles/recurrence-editor/fabric.scss +1 -0
  121. package/styles/recurrence-editor/fluent-dark.css +87 -122
  122. package/styles/recurrence-editor/fluent-dark.scss +1 -0
  123. package/styles/recurrence-editor/fluent.css +87 -122
  124. package/styles/recurrence-editor/fluent.scss +1 -0
  125. package/styles/recurrence-editor/fluent2.css +91 -117
  126. package/styles/recurrence-editor/fluent2.scss +1 -0
  127. package/styles/recurrence-editor/highcontrast-light.css +87 -118
  128. package/styles/recurrence-editor/highcontrast-light.scss +1 -0
  129. package/styles/recurrence-editor/highcontrast.css +87 -118
  130. package/styles/recurrence-editor/highcontrast.scss +1 -0
  131. package/styles/recurrence-editor/material-dark.css +87 -115
  132. package/styles/recurrence-editor/material-dark.scss +1 -0
  133. package/styles/recurrence-editor/material.css +87 -136
  134. package/styles/recurrence-editor/material.scss +1 -0
  135. package/styles/recurrence-editor/material3-dark.css +87 -140
  136. package/styles/recurrence-editor/material3-dark.scss +1 -0
  137. package/styles/recurrence-editor/material3.css +87 -140
  138. package/styles/recurrence-editor/material3.scss +1 -0
  139. package/styles/recurrence-editor/tailwind-dark.css +87 -116
  140. package/styles/recurrence-editor/tailwind-dark.scss +1 -0
  141. package/styles/recurrence-editor/tailwind.css +87 -116
  142. package/styles/recurrence-editor/tailwind.scss +1 -0
  143. package/styles/schedule/_bds-definition.scss +1 -1
  144. package/styles/schedule/_bigger.scss +809 -0
  145. package/styles/schedule/_bootstrap4-definition.scss +1 -1
  146. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  147. package/styles/schedule/_bootstrap5.3-definition.scss +9 -6
  148. package/styles/schedule/_fluent-definition.scss +1 -1
  149. package/styles/schedule/_fluent2-definition.scss +6 -6
  150. package/styles/schedule/_fusionnew-definition.scss +1 -1
  151. package/styles/schedule/_layout.scss +5 -442
  152. package/styles/schedule/_tailwind-definition.scss +1 -1
  153. package/styles/schedule/_theme.scss +23 -1
  154. package/styles/schedule/bootstrap-dark.css +699 -483
  155. package/styles/schedule/bootstrap-dark.scss +1 -0
  156. package/styles/schedule/bootstrap.css +699 -483
  157. package/styles/schedule/bootstrap.scss +1 -0
  158. package/styles/schedule/bootstrap4.css +684 -523
  159. package/styles/schedule/bootstrap4.scss +1 -0
  160. package/styles/schedule/bootstrap5-dark.css +707 -491
  161. package/styles/schedule/bootstrap5-dark.scss +1 -0
  162. package/styles/schedule/bootstrap5.3.css +4615 -0
  163. package/styles/schedule/bootstrap5.3.scss +17 -0
  164. package/styles/schedule/bootstrap5.css +707 -491
  165. package/styles/schedule/bootstrap5.scss +1 -0
  166. package/styles/schedule/fabric-dark.css +706 -482
  167. package/styles/schedule/fabric-dark.scss +1 -0
  168. package/styles/schedule/fabric.css +706 -475
  169. package/styles/schedule/fabric.scss +1 -0
  170. package/styles/schedule/fluent-dark.css +716 -492
  171. package/styles/schedule/fluent-dark.scss +1 -0
  172. package/styles/schedule/fluent.css +716 -492
  173. package/styles/schedule/fluent.scss +1 -0
  174. package/styles/schedule/fluent2.css +746 -497
  175. package/styles/schedule/fluent2.scss +1 -0
  176. package/styles/schedule/highcontrast-light.css +714 -476
  177. package/styles/schedule/highcontrast-light.scss +1 -0
  178. package/styles/schedule/highcontrast.css +714 -476
  179. package/styles/schedule/highcontrast.scss +1 -0
  180. package/styles/schedule/material-dark.css +725 -479
  181. package/styles/schedule/material-dark.scss +1 -0
  182. package/styles/schedule/material.css +722 -497
  183. package/styles/schedule/material.scss +1 -0
  184. package/styles/schedule/material3-dark.css +714 -497
  185. package/styles/schedule/material3-dark.scss +1 -0
  186. package/styles/schedule/material3.css +714 -497
  187. package/styles/schedule/material3.scss +1 -0
  188. package/styles/schedule/tailwind-dark.css +718 -483
  189. package/styles/schedule/tailwind-dark.scss +1 -0
  190. package/styles/schedule/tailwind.css +718 -483
  191. package/styles/schedule/tailwind.scss +1 -0
  192. package/styles/tailwind-dark-lite.css +4179 -0
  193. package/styles/tailwind-dark-lite.scss +18 -0
  194. package/styles/tailwind-dark.css +827 -586
  195. package/styles/tailwind-dark.scss +3 -2
  196. package/styles/tailwind-lite.css +4179 -0
  197. package/styles/tailwind-lite.scss +18 -0
  198. package/styles/tailwind.css +827 -586
  199. package/styles/tailwind.scss +3 -2
  200. package/dist/ej2-schedule.min.js +0 -10
@@ -48,52 +48,18 @@
48
48
  border-radius: 4px;
49
49
  }
50
50
 
51
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
52
- border-color: rgba(var(--color-sf-primary));
53
- }
54
-
55
- .e-bigger .e-popup.e-ddl-device-filter {
56
- margin-top: 0;
57
- }
58
-
59
- .e-bigger .e-ddl-device .e-input-group,
60
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
61
- background: rgba(0, 0, 0, 0.0001);
62
- border-width: 0;
63
- -webkit-box-shadow: none;
64
- box-shadow: none;
65
- margin-bottom: 0;
66
- }
67
-
68
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
69
- .e-bigger .e-ddl-device .e-input-group input.e-input,
70
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
71
- background: rgba(0, 0, 0, 0.0001);
72
- }
73
-
74
51
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
75
52
  margin: 0 6px;
76
53
  min-height: 30px;
77
54
  min-width: 30px;
78
55
  }
79
56
 
80
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
81
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
- min-height: 38px;
83
- min-width: 38px;
84
- }
85
-
86
57
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
87
58
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
88
59
  min-height: 22px;
89
60
  min-width: 22px;
90
61
  }
91
62
 
92
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
93
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
94
- padding: 4px 16px 4px 0;
95
- }
96
-
97
63
  .e-input-group.e-ddl,
98
64
  .e-input-group.e-ddl .e-input,
99
65
  .e-input-group.e-ddl .e-ddl-icon {
@@ -123,31 +89,6 @@
123
89
  padding: 4px 5px 4px 12px;
124
90
  }
125
91
 
126
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
127
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
128
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
129
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
130
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
131
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
132
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
133
- min-height: 34px;
134
- min-width: 34px;
135
- }
136
-
137
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
138
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
139
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
140
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
141
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
142
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
143
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
144
- padding: 8px 16px;
145
- }
146
-
147
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
148
- margin: 0 4px;
149
- }
150
-
151
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
152
93
  padding: 4px 8px;
153
94
  }
@@ -312,86 +253,6 @@
312
253
  margin-bottom: 11px;
313
254
  }
314
255
 
315
- .e-bigger .e-recurrenceeditor {
316
- padding: 0;
317
- }
318
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
319
- padding: 0 12px 11px 0;
320
- }
321
- .e-bigger .e-recurrenceeditor .e-form-left {
322
- padding: 0 12px 14px 0;
323
- }
324
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
325
- padding-left: 70px;
326
- }
327
- .e-bigger .e-recurrenceeditor .e-week-position {
328
- min-width: 130px;
329
- right: 0;
330
- }
331
- .e-bigger .e-recurrenceeditor .e-day-position {
332
- min-width: 190px;
333
- padding-left: 54px;
334
- }
335
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
336
- font-size: 12px;
337
- margin-bottom: -1px;
338
- font-weight: 400;
339
- }
340
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
341
- padding-right: 16px;
342
- }
343
- .e-bigger .e-recurrenceeditor .e-end-on-label {
344
- margin-bottom: 0;
345
- }
346
- .e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
347
- font-size: 12px;
348
- margin-bottom: 8px;
349
- }
350
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
351
- font-size: 12px;
352
- margin-bottom: 1px;
353
- }
354
- .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
355
- .e-bigger .e-recurrenceeditor .e-year-expander {
356
- margin-bottom: 11px;
357
- }
358
- .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
359
- width: 30px;
360
- }
361
- .e-bigger .e-recurrenceeditor .e-days button {
362
- height: 40px;
363
- width: 40px;
364
- }
365
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
366
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
367
- padding: 0 0 10px 12px;
368
- }
369
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
370
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
371
- padding: 0 12px 10px 0;
372
- }
373
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
374
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
375
- padding: 0 64px 0 0;
376
- }
377
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
378
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
379
- padding-right: 0;
380
- }
381
- .e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
382
- margin-bottom: 5px;
383
- }
384
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
385
- padding: 0 0 0 12px;
386
- }
387
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
388
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
389
- padding: 0 12px 0 0;
390
- }
391
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
392
- left: 0;
393
- }
394
-
395
256
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
396
257
  width: 25%;
397
258
  }
@@ -546,4 +407,90 @@
546
407
  padding: 0 10px 0 0;
547
408
  }
548
409
  }
549
- /*! Recurrence-Editor component theme */
410
+ /*! Recurrence-Editor component theme */
411
+ .e-bigger .e-recurrenceeditor {
412
+ padding: 0;
413
+ }
414
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
415
+ padding: 0 12px 11px 0;
416
+ }
417
+ .e-bigger .e-recurrenceeditor .e-form-left {
418
+ padding: 0 12px 14px 0;
419
+ }
420
+ .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
421
+ padding-left: 70px;
422
+ }
423
+ .e-bigger .e-recurrenceeditor .e-week-position {
424
+ min-width: 130px;
425
+ right: 0;
426
+ }
427
+ .e-bigger .e-recurrenceeditor .e-day-position {
428
+ min-width: 190px;
429
+ padding-left: 54px;
430
+ }
431
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
432
+ font-size: 12px;
433
+ margin-bottom: -1px;
434
+ font-weight: 400;
435
+ }
436
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
437
+ padding-right: 16px;
438
+ }
439
+ .e-bigger .e-recurrenceeditor .e-end-on-label {
440
+ margin-bottom: 0;
441
+ }
442
+ .e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
443
+ font-size: 12px;
444
+ margin-bottom: 8px;
445
+ }
446
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
447
+ font-size: 12px;
448
+ margin-bottom: 1px;
449
+ }
450
+ .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
451
+ .e-bigger .e-recurrenceeditor .e-year-expander {
452
+ margin-bottom: 11px;
453
+ }
454
+ .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
455
+ width: 30px;
456
+ }
457
+ .e-bigger .e-recurrenceeditor .e-days button {
458
+ height: 40px;
459
+ width: 40px;
460
+ }
461
+ .e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
462
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
463
+ padding: 0 0 10px 12px;
464
+ }
465
+ .e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
466
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
467
+ padding: 0 12px 10px 0;
468
+ }
469
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
470
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
471
+ padding: 0 64px 0 0;
472
+ }
473
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
474
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
475
+ padding-right: 0;
476
+ }
477
+ .e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
478
+ margin-bottom: 5px;
479
+ }
480
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
481
+ padding: 0 0 0 12px;
482
+ }
483
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
484
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
485
+ padding: 0 12px 0 0;
486
+ }
487
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
488
+ left: 0;
489
+ }
490
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element,
491
+ .e-bigger .e-device .e-recurrence-table .e-day-position {
492
+ padding-left: 20px;
493
+ }
494
+ .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
495
+ padding: 0 20px 0 0;
496
+ }
@@ -7,3 +7,4 @@
7
7
  @import 'ej2-dropdowns/styles/drop-down-list/material3-dark-definition.scss';
8
8
  @import 'material3-dark-definition.scss';
9
9
  @import 'all.scss';
10
+ @import 'bigger.scss';
@@ -50,52 +50,18 @@
50
50
  border-radius: 4px;
51
51
  }
52
52
 
53
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
54
- border-color: rgba(var(--color-sf-primary));
55
- }
56
-
57
- .e-bigger .e-popup.e-ddl-device-filter {
58
- margin-top: 0;
59
- }
60
-
61
- .e-bigger .e-ddl-device .e-input-group,
62
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
63
- background: rgba(0, 0, 0, 0.0001);
64
- border-width: 0;
65
- -webkit-box-shadow: none;
66
- box-shadow: none;
67
- margin-bottom: 0;
68
- }
69
-
70
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
71
- .e-bigger .e-ddl-device .e-input-group input.e-input,
72
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
73
- background: rgba(0, 0, 0, 0.0001);
74
- }
75
-
76
53
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
77
54
  margin: 0 6px;
78
55
  min-height: 30px;
79
56
  min-width: 30px;
80
57
  }
81
58
 
82
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
83
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
84
- min-height: 38px;
85
- min-width: 38px;
86
- }
87
-
88
59
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
60
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
61
  min-height: 22px;
91
62
  min-width: 22px;
92
63
  }
93
64
 
94
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
- padding: 4px 16px 4px 0;
97
- }
98
-
99
65
  .e-input-group.e-ddl,
100
66
  .e-input-group.e-ddl .e-input,
101
67
  .e-input-group.e-ddl .e-ddl-icon {
@@ -125,31 +91,6 @@
125
91
  padding: 4px 5px 4px 12px;
126
92
  }
127
93
 
128
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
- min-height: 34px;
136
- min-width: 34px;
137
- }
138
-
139
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
141
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
143
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
- padding: 8px 16px;
147
- }
148
-
149
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
150
- margin: 0 4px;
151
- }
152
-
153
94
  .e-ddl.e-popup.e-outline .e-filter-parent {
154
95
  padding: 4px 8px;
155
96
  }
@@ -314,86 +255,6 @@
314
255
  margin-bottom: 11px;
315
256
  }
316
257
 
317
- .e-bigger .e-recurrenceeditor {
318
- padding: 0;
319
- }
320
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
321
- padding: 0 12px 11px 0;
322
- }
323
- .e-bigger .e-recurrenceeditor .e-form-left {
324
- padding: 0 12px 14px 0;
325
- }
326
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
327
- padding-left: 70px;
328
- }
329
- .e-bigger .e-recurrenceeditor .e-week-position {
330
- min-width: 130px;
331
- right: 0;
332
- }
333
- .e-bigger .e-recurrenceeditor .e-day-position {
334
- min-width: 190px;
335
- padding-left: 54px;
336
- }
337
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
338
- font-size: 12px;
339
- margin-bottom: -1px;
340
- font-weight: 400;
341
- }
342
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
343
- padding-right: 16px;
344
- }
345
- .e-bigger .e-recurrenceeditor .e-end-on-label {
346
- margin-bottom: 0;
347
- }
348
- .e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
349
- font-size: 12px;
350
- margin-bottom: 8px;
351
- }
352
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
353
- font-size: 12px;
354
- margin-bottom: 1px;
355
- }
356
- .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
357
- .e-bigger .e-recurrenceeditor .e-year-expander {
358
- margin-bottom: 11px;
359
- }
360
- .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
361
- width: 30px;
362
- }
363
- .e-bigger .e-recurrenceeditor .e-days button {
364
- height: 40px;
365
- width: 40px;
366
- }
367
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
368
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
369
- padding: 0 0 10px 12px;
370
- }
371
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
372
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
373
- padding: 0 12px 10px 0;
374
- }
375
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
376
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
377
- padding: 0 64px 0 0;
378
- }
379
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
380
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
381
- padding-right: 0;
382
- }
383
- .e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
384
- margin-bottom: 5px;
385
- }
386
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
387
- padding: 0 0 0 12px;
388
- }
389
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
390
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
391
- padding: 0 12px 0 0;
392
- }
393
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
394
- left: 0;
395
- }
396
-
397
258
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
398
259
  width: 25%;
399
260
  }
@@ -548,4 +409,90 @@
548
409
  padding: 0 10px 0 0;
549
410
  }
550
411
  }
551
- /*! Recurrence-Editor component theme */
412
+ /*! Recurrence-Editor component theme */
413
+ .e-bigger .e-recurrenceeditor {
414
+ padding: 0;
415
+ }
416
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
417
+ padding: 0 12px 11px 0;
418
+ }
419
+ .e-bigger .e-recurrenceeditor .e-form-left {
420
+ padding: 0 12px 14px 0;
421
+ }
422
+ .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
423
+ padding-left: 70px;
424
+ }
425
+ .e-bigger .e-recurrenceeditor .e-week-position {
426
+ min-width: 130px;
427
+ right: 0;
428
+ }
429
+ .e-bigger .e-recurrenceeditor .e-day-position {
430
+ min-width: 190px;
431
+ padding-left: 54px;
432
+ }
433
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
434
+ font-size: 12px;
435
+ margin-bottom: -1px;
436
+ font-weight: 400;
437
+ }
438
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
439
+ padding-right: 16px;
440
+ }
441
+ .e-bigger .e-recurrenceeditor .e-end-on-label {
442
+ margin-bottom: 0;
443
+ }
444
+ .e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
445
+ font-size: 12px;
446
+ margin-bottom: 8px;
447
+ }
448
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
449
+ font-size: 12px;
450
+ margin-bottom: 1px;
451
+ }
452
+ .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
453
+ .e-bigger .e-recurrenceeditor .e-year-expander {
454
+ margin-bottom: 11px;
455
+ }
456
+ .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
457
+ width: 30px;
458
+ }
459
+ .e-bigger .e-recurrenceeditor .e-days button {
460
+ height: 40px;
461
+ width: 40px;
462
+ }
463
+ .e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
464
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
465
+ padding: 0 0 10px 12px;
466
+ }
467
+ .e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
468
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
469
+ padding: 0 12px 10px 0;
470
+ }
471
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
472
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
473
+ padding: 0 64px 0 0;
474
+ }
475
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
476
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
477
+ padding-right: 0;
478
+ }
479
+ .e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
480
+ margin-bottom: 5px;
481
+ }
482
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
483
+ padding: 0 0 0 12px;
484
+ }
485
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
486
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
487
+ padding: 0 12px 0 0;
488
+ }
489
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
490
+ left: 0;
491
+ }
492
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element,
493
+ .e-bigger .e-device .e-recurrence-table .e-day-position {
494
+ padding-left: 20px;
495
+ }
496
+ .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
497
+ padding: 0 20px 0 0;
498
+ }
@@ -7,3 +7,4 @@
7
7
  @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
8
8
  @import 'material3-definition.scss';
9
9
  @import 'all.scss';
10
+ @import 'bigger.scss';