@syncfusion/ej2-schedule 27.2.5 → 28.1.35

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 (144) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-schedule.min.js +3 -3
  3. package/dist/ej2-schedule.umd.min.js +3 -3
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +435 -52
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +464 -54
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +3 -3
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +16 -16
  13. package/src/schedule/actions/action-base.js +4 -3
  14. package/src/schedule/actions/drag.d.ts +1 -0
  15. package/src/schedule/actions/drag.js +12 -8
  16. package/src/schedule/actions/keyboard.d.ts +16 -0
  17. package/src/schedule/actions/keyboard.js +254 -8
  18. package/src/schedule/actions/touch.js +7 -2
  19. package/src/schedule/base/constant.d.ts +4 -0
  20. package/src/schedule/base/constant.js +4 -0
  21. package/src/schedule/base/css-constant.d.ts +2 -0
  22. package/src/schedule/base/css-constant.js +2 -0
  23. package/src/schedule/base/interface.d.ts +14 -4
  24. package/src/schedule/base/schedule-model.d.ts +17 -1
  25. package/src/schedule/base/schedule.d.ts +67 -1
  26. package/src/schedule/base/schedule.js +131 -1
  27. package/src/schedule/base/type.d.ts +8 -0
  28. package/src/schedule/popups/event-tooltip.js +4 -0
  29. package/src/schedule/renderer/agenda.d.ts +2 -1
  30. package/src/schedule/renderer/agenda.js +1 -1
  31. package/src/schedule/renderer/header-renderer.js +4 -2
  32. package/src/schedule/renderer/month-agenda.d.ts +2 -1
  33. package/src/schedule/renderer/month-agenda.js +2 -2
  34. package/src/schedule/renderer/month.d.ts +4 -3
  35. package/src/schedule/renderer/month.js +16 -9
  36. package/src/schedule/renderer/view-base.d.ts +5 -4
  37. package/src/schedule/renderer/view-base.js +13 -10
  38. package/src/schedule/renderer/year.d.ts +3 -2
  39. package/src/schedule/renderer/year.js +10 -7
  40. package/styles/bds-lite.css +4400 -0
  41. package/styles/bds-lite.scss +18 -0
  42. package/styles/bds.css +5161 -0
  43. package/styles/bds.scss +20 -0
  44. package/styles/bootstrap-dark-lite.css +19 -6
  45. package/styles/bootstrap-dark.css +23 -10
  46. package/styles/bootstrap-lite.css +18 -5
  47. package/styles/bootstrap.css +22 -9
  48. package/styles/bootstrap4-lite.css +18 -5
  49. package/styles/bootstrap4.css +22 -9
  50. package/styles/bootstrap5-dark-lite.css +18 -5
  51. package/styles/bootstrap5-dark.css +23 -10
  52. package/styles/bootstrap5-lite.css +18 -5
  53. package/styles/bootstrap5.3-lite.css +18 -5
  54. package/styles/bootstrap5.3.css +23 -10
  55. package/styles/bootstrap5.css +23 -10
  56. package/styles/fabric-dark-lite.css +18 -5
  57. package/styles/fabric-dark.css +22 -9
  58. package/styles/fabric-lite.css +18 -5
  59. package/styles/fabric.css +22 -9
  60. package/styles/fluent-dark-lite.css +18 -5
  61. package/styles/fluent-dark.css +22 -9
  62. package/styles/fluent-lite.css +18 -5
  63. package/styles/fluent.css +22 -9
  64. package/styles/fluent2-lite.css +43 -6
  65. package/styles/fluent2.css +50 -13
  66. package/styles/highcontrast-light-lite.css +18 -5
  67. package/styles/highcontrast-light.css +22 -9
  68. package/styles/highcontrast-lite.css +19 -6
  69. package/styles/highcontrast.css +23 -10
  70. package/styles/material-dark-lite.css +18 -5
  71. package/styles/material-dark.css +22 -9
  72. package/styles/material-lite.css +18 -5
  73. package/styles/material.css +22 -9
  74. package/styles/material3-dark-lite.css +18 -5
  75. package/styles/material3-dark.css +23 -10
  76. package/styles/material3-lite.css +18 -5
  77. package/styles/material3.css +23 -10
  78. package/styles/recurrence-editor/_bigger.scss +2 -3
  79. package/styles/recurrence-editor/_fluent2-definition.scss +1 -1
  80. package/styles/recurrence-editor/_tailwind3-definition.scss +14 -0
  81. package/styles/recurrence-editor/bds.css +533 -0
  82. package/styles/recurrence-editor/bds.scss +9 -0
  83. package/styles/recurrence-editor/bootstrap-dark.css +2 -3
  84. package/styles/recurrence-editor/bootstrap.css +2 -3
  85. package/styles/recurrence-editor/bootstrap4.css +2 -3
  86. package/styles/recurrence-editor/bootstrap5-dark.css +2 -3
  87. package/styles/recurrence-editor/bootstrap5.3.css +2 -3
  88. package/styles/recurrence-editor/bootstrap5.css +2 -3
  89. package/styles/recurrence-editor/fabric-dark.css +2 -3
  90. package/styles/recurrence-editor/fabric.css +2 -3
  91. package/styles/recurrence-editor/fluent-dark.css +2 -3
  92. package/styles/recurrence-editor/fluent.css +2 -3
  93. package/styles/recurrence-editor/fluent2.css +3 -4
  94. package/styles/recurrence-editor/highcontrast-light.css +2 -3
  95. package/styles/recurrence-editor/highcontrast.css +3 -4
  96. package/styles/recurrence-editor/material-dark.css +2 -3
  97. package/styles/recurrence-editor/material.css +2 -3
  98. package/styles/recurrence-editor/material3-dark.css +2 -3
  99. package/styles/recurrence-editor/material3.css +2 -3
  100. package/styles/recurrence-editor/tailwind-dark.css +2 -3
  101. package/styles/recurrence-editor/tailwind.css +2 -3
  102. package/styles/recurrence-editor/tailwind3.css +500 -0
  103. package/styles/recurrence-editor/tailwind3.scss +9 -0
  104. package/styles/schedule/_bigger.scss +2 -1
  105. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  106. package/styles/schedule/_bootstrap5.3-definition.scss +1 -1
  107. package/styles/schedule/_fluent2-definition.scss +3 -3
  108. package/styles/schedule/_layout.scss +43 -2
  109. package/styles/schedule/_material3-definition.scss +1 -1
  110. package/styles/schedule/_tailwind-definition.scss +1 -1
  111. package/styles/schedule/_tailwind3-definition.scss +276 -0
  112. package/styles/schedule/_theme.scss +0 -4
  113. package/styles/schedule/bds.css +4760 -0
  114. package/styles/schedule/bds.scss +17 -0
  115. package/styles/schedule/bootstrap-dark.css +21 -7
  116. package/styles/schedule/bootstrap.css +20 -6
  117. package/styles/schedule/bootstrap4.css +20 -6
  118. package/styles/schedule/bootstrap5-dark.css +21 -7
  119. package/styles/schedule/bootstrap5.3.css +21 -7
  120. package/styles/schedule/bootstrap5.css +21 -7
  121. package/styles/schedule/fabric-dark.css +20 -6
  122. package/styles/schedule/fabric.css +20 -6
  123. package/styles/schedule/fluent-dark.css +20 -6
  124. package/styles/schedule/fluent.css +20 -6
  125. package/styles/schedule/fluent2.css +47 -9
  126. package/styles/schedule/highcontrast-light.css +20 -6
  127. package/styles/schedule/highcontrast.css +21 -7
  128. package/styles/schedule/icons/_tailwind3.scss +220 -0
  129. package/styles/schedule/material-dark.css +20 -6
  130. package/styles/schedule/material.css +20 -6
  131. package/styles/schedule/material3-dark.css +21 -7
  132. package/styles/schedule/material3.css +21 -7
  133. package/styles/schedule/tailwind-dark.css +21 -7
  134. package/styles/schedule/tailwind.css +21 -7
  135. package/styles/schedule/tailwind3.css +4599 -0
  136. package/styles/schedule/tailwind3.scss +17 -0
  137. package/styles/tailwind-dark-lite.css +18 -5
  138. package/styles/tailwind-dark.css +23 -10
  139. package/styles/tailwind-lite.css +18 -5
  140. package/styles/tailwind.css +23 -10
  141. package/styles/tailwind3-lite.css +4239 -0
  142. package/styles/tailwind3-lite.scss +18 -0
  143. package/styles/tailwind3.css +5000 -0
  144. package/styles/tailwind3.scss +20 -0
@@ -0,0 +1,17 @@
1
+ @import 'ej2-base/styles/definition/tailwind3.scss';
2
+ @import 'ej2-navigations/styles/toolbar/tailwind3-definition.scss';
3
+ @import 'ej2-navigations/styles/treeview/tailwind3-definition.scss';
4
+ @import 'ej2-inputs/styles/input/tailwind3-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/tailwind3-definition.scss';
6
+ @import 'ej2-calendars/styles/calendar/tailwind3-definition.scss';
7
+ @import 'ej2-calendars/styles/datepicker/tailwind3-definition.scss';
8
+ @import 'ej2-calendars/styles/datetimepicker/tailwind3-definition.scss';
9
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind3-definition.scss';
10
+ @import 'ej2-dropdowns/styles/multi-select/tailwind3-definition.scss';
11
+ @import 'ej2-buttons/styles/button/tailwind3-definition.scss';
12
+ @import 'ej2-buttons/styles/check-box/tailwind3-definition.scss';
13
+ @import '../recurrence-editor/tailwind3-definition.scss';
14
+ @import 'tailwind3-definition.scss';
15
+ @import 'icons/tailwind3.scss';
16
+ @import 'all.scss';
17
+ @import 'bigger.scss';
@@ -1239,6 +1239,17 @@
1239
1239
  vertical-align: top;
1240
1240
  width: 36px;
1241
1241
  }
1242
+ .e-schedule .e-clipboard {
1243
+ cursor: default;
1244
+ height: 1px;
1245
+ left: -1000px;
1246
+ position: fixed;
1247
+ resize: none;
1248
+ top: -1000px;
1249
+ width: 1px;
1250
+ overflow: hidden;
1251
+ opacity: 0;
1252
+ }
1242
1253
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1243
1254
  border-bottom-width: 0;
1244
1255
  }
@@ -2356,13 +2367,18 @@
2356
2367
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2357
2368
  color: #fff;
2358
2369
  }
2359
- .e-schedule .e-agenda-view .e-subject {
2370
+ .e-schedule .e-agenda-view .e-subject,
2371
+ .e-schedule .e-agenda-view .e-inline-subject {
2360
2372
  color: #fff;
2361
2373
  font-size: 14px;
2362
2374
  line-height: 23px;
2363
2375
  overflow: hidden;
2364
2376
  text-overflow: ellipsis;
2365
2377
  }
2378
+ .e-schedule .e-agenda-view .e-inline-subject {
2379
+ font-weight: normal;
2380
+ padding-top: 0;
2381
+ }
2366
2382
  .e-schedule .e-agenda-view .e-resource-name {
2367
2383
  color: #fff;
2368
2384
  font-size: 12px;
@@ -3403,6 +3419,7 @@
3403
3419
  margin: 0;
3404
3420
  max-width: 100%;
3405
3421
  overflow: hidden;
3422
+ position: fixed;
3406
3423
  right: 0;
3407
3424
  top: 0;
3408
3425
  width: 100%;
@@ -3639,10 +3656,6 @@
3639
3656
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3640
3657
  border-left-width: 0;
3641
3658
  }
3642
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3643
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3644
- border-bottom-width: 0;
3645
- }
3646
3659
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3647
3660
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3648
3661
  background: #1f2937;
@@ -1239,6 +1239,17 @@
1239
1239
  vertical-align: top;
1240
1240
  width: 36px;
1241
1241
  }
1242
+ .e-schedule .e-clipboard {
1243
+ cursor: default;
1244
+ height: 1px;
1245
+ left: -1000px;
1246
+ position: fixed;
1247
+ resize: none;
1248
+ top: -1000px;
1249
+ width: 1px;
1250
+ overflow: hidden;
1251
+ opacity: 0;
1252
+ }
1242
1253
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1243
1254
  border-bottom-width: 0;
1244
1255
  }
@@ -2356,13 +2367,18 @@
2356
2367
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2357
2368
  color: #fff;
2358
2369
  }
2359
- .e-schedule .e-agenda-view .e-subject {
2370
+ .e-schedule .e-agenda-view .e-subject,
2371
+ .e-schedule .e-agenda-view .e-inline-subject {
2360
2372
  color: #fff;
2361
2373
  font-size: 14px;
2362
2374
  line-height: 23px;
2363
2375
  overflow: hidden;
2364
2376
  text-overflow: ellipsis;
2365
2377
  }
2378
+ .e-schedule .e-agenda-view .e-inline-subject {
2379
+ font-weight: normal;
2380
+ padding-top: 0;
2381
+ }
2366
2382
  .e-schedule .e-agenda-view .e-resource-name {
2367
2383
  color: #fff;
2368
2384
  font-size: 12px;
@@ -3403,6 +3419,7 @@
3403
3419
  margin: 0;
3404
3420
  max-width: 100%;
3405
3421
  overflow: hidden;
3422
+ position: fixed;
3406
3423
  right: 0;
3407
3424
  top: 0;
3408
3425
  width: 100%;
@@ -3639,10 +3656,6 @@
3639
3656
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3640
3657
  border-left-width: 0;
3641
3658
  }
3642
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3643
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3644
- border-bottom-width: 0;
3645
- }
3646
3659
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3647
3660
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3648
3661
  background: #1f2937;
@@ -4161,7 +4174,7 @@
4161
4174
  }
4162
4175
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
4163
4176
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
4164
- padding-right: 16px;
4177
+ padding-right: 10px;
4165
4178
  }
4166
4179
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
4167
4180
  font-size: 16px;
@@ -4204,7 +4217,8 @@
4204
4217
  .e-bigger .e-agenda-view .e-appointment {
4205
4218
  padding: 7px 16px;
4206
4219
  }
4207
- .e-bigger .e-agenda-view .e-subject {
4220
+ .e-bigger .e-agenda-view .e-subject,
4221
+ .e-bigger .e-agenda-view .e-inline-subject {
4208
4222
  font-size: 16px;
4209
4223
  }
4210
4224
  .e-bigger .e-agenda-view .e-date-time {
@@ -4862,7 +4876,7 @@
4862
4876
  padding: 0 12px 14px 0;
4863
4877
  }
4864
4878
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4865
- padding-left: 70px;
4879
+ padding-left: 50px;
4866
4880
  }
4867
4881
  .e-bigger .e-recurrenceeditor .e-week-position {
4868
4882
  min-width: 130px;
@@ -4931,8 +4945,7 @@
4931
4945
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4932
4946
  left: 0;
4933
4947
  }
4934
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
4935
- .e-bigger .e-device .e-recurrence-table .e-day-position {
4948
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
4936
4949
  padding-left: 20px;
4937
4950
  }
4938
4951
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -1239,6 +1239,17 @@
1239
1239
  vertical-align: top;
1240
1240
  width: 36px;
1241
1241
  }
1242
+ .e-schedule .e-clipboard {
1243
+ cursor: default;
1244
+ height: 1px;
1245
+ left: -1000px;
1246
+ position: fixed;
1247
+ resize: none;
1248
+ top: -1000px;
1249
+ width: 1px;
1250
+ overflow: hidden;
1251
+ opacity: 0;
1252
+ }
1242
1253
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1243
1254
  border-bottom-width: 0;
1244
1255
  }
@@ -2356,13 +2367,18 @@
2356
2367
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2357
2368
  color: #111827;
2358
2369
  }
2359
- .e-schedule .e-agenda-view .e-subject {
2370
+ .e-schedule .e-agenda-view .e-subject,
2371
+ .e-schedule .e-agenda-view .e-inline-subject {
2360
2372
  color: #111827;
2361
2373
  font-size: 14px;
2362
2374
  line-height: 23px;
2363
2375
  overflow: hidden;
2364
2376
  text-overflow: ellipsis;
2365
2377
  }
2378
+ .e-schedule .e-agenda-view .e-inline-subject {
2379
+ font-weight: normal;
2380
+ padding-top: 0;
2381
+ }
2366
2382
  .e-schedule .e-agenda-view .e-resource-name {
2367
2383
  color: #111827;
2368
2384
  font-size: 12px;
@@ -3403,6 +3419,7 @@
3403
3419
  margin: 0;
3404
3420
  max-width: 100%;
3405
3421
  overflow: hidden;
3422
+ position: fixed;
3406
3423
  right: 0;
3407
3424
  top: 0;
3408
3425
  width: 100%;
@@ -3639,10 +3656,6 @@
3639
3656
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3640
3657
  border-left-width: 0;
3641
3658
  }
3642
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3643
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3644
- border-bottom-width: 0;
3645
- }
3646
3659
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3647
3660
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3648
3661
  background: #fff;
@@ -1239,6 +1239,17 @@
1239
1239
  vertical-align: top;
1240
1240
  width: 36px;
1241
1241
  }
1242
+ .e-schedule .e-clipboard {
1243
+ cursor: default;
1244
+ height: 1px;
1245
+ left: -1000px;
1246
+ position: fixed;
1247
+ resize: none;
1248
+ top: -1000px;
1249
+ width: 1px;
1250
+ overflow: hidden;
1251
+ opacity: 0;
1252
+ }
1242
1253
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1243
1254
  border-bottom-width: 0;
1244
1255
  }
@@ -2356,13 +2367,18 @@
2356
2367
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2357
2368
  color: #111827;
2358
2369
  }
2359
- .e-schedule .e-agenda-view .e-subject {
2370
+ .e-schedule .e-agenda-view .e-subject,
2371
+ .e-schedule .e-agenda-view .e-inline-subject {
2360
2372
  color: #111827;
2361
2373
  font-size: 14px;
2362
2374
  line-height: 23px;
2363
2375
  overflow: hidden;
2364
2376
  text-overflow: ellipsis;
2365
2377
  }
2378
+ .e-schedule .e-agenda-view .e-inline-subject {
2379
+ font-weight: normal;
2380
+ padding-top: 0;
2381
+ }
2366
2382
  .e-schedule .e-agenda-view .e-resource-name {
2367
2383
  color: #111827;
2368
2384
  font-size: 12px;
@@ -3403,6 +3419,7 @@
3403
3419
  margin: 0;
3404
3420
  max-width: 100%;
3405
3421
  overflow: hidden;
3422
+ position: fixed;
3406
3423
  right: 0;
3407
3424
  top: 0;
3408
3425
  width: 100%;
@@ -3639,10 +3656,6 @@
3639
3656
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3640
3657
  border-left-width: 0;
3641
3658
  }
3642
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3643
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3644
- border-bottom-width: 0;
3645
- }
3646
3659
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3647
3660
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3648
3661
  background: #fff;
@@ -4161,7 +4174,7 @@
4161
4174
  }
4162
4175
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
4163
4176
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
4164
- padding-right: 16px;
4177
+ padding-right: 10px;
4165
4178
  }
4166
4179
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
4167
4180
  font-size: 16px;
@@ -4204,7 +4217,8 @@
4204
4217
  .e-bigger .e-agenda-view .e-appointment {
4205
4218
  padding: 7px 16px;
4206
4219
  }
4207
- .e-bigger .e-agenda-view .e-subject {
4220
+ .e-bigger .e-agenda-view .e-subject,
4221
+ .e-bigger .e-agenda-view .e-inline-subject {
4208
4222
  font-size: 16px;
4209
4223
  }
4210
4224
  .e-bigger .e-agenda-view .e-date-time {
@@ -4862,7 +4876,7 @@
4862
4876
  padding: 0 12px 14px 0;
4863
4877
  }
4864
4878
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4865
- padding-left: 70px;
4879
+ padding-left: 50px;
4866
4880
  }
4867
4881
  .e-bigger .e-recurrenceeditor .e-week-position {
4868
4882
  min-width: 130px;
@@ -4931,8 +4945,7 @@
4931
4945
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4932
4946
  left: 0;
4933
4947
  }
4934
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
4935
- .e-bigger .e-device .e-recurrence-table .e-day-position {
4948
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
4936
4949
  padding-left: 20px;
4937
4950
  }
4938
4951
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {