@syncfusion/ej2-schedule 27.2.5 → 28.1.33

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 (143) 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 +425 -46
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +454 -48
  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.js +2 -2
  15. package/src/schedule/actions/keyboard.d.ts +16 -0
  16. package/src/schedule/actions/keyboard.js +254 -8
  17. package/src/schedule/actions/touch.js +7 -2
  18. package/src/schedule/base/constant.d.ts +4 -0
  19. package/src/schedule/base/constant.js +4 -0
  20. package/src/schedule/base/css-constant.d.ts +2 -0
  21. package/src/schedule/base/css-constant.js +2 -0
  22. package/src/schedule/base/interface.d.ts +14 -4
  23. package/src/schedule/base/schedule-model.d.ts +17 -1
  24. package/src/schedule/base/schedule.d.ts +67 -1
  25. package/src/schedule/base/schedule.js +131 -1
  26. package/src/schedule/base/type.d.ts +8 -0
  27. package/src/schedule/popups/event-tooltip.js +4 -0
  28. package/src/schedule/renderer/agenda.d.ts +2 -1
  29. package/src/schedule/renderer/agenda.js +1 -1
  30. package/src/schedule/renderer/header-renderer.js +4 -2
  31. package/src/schedule/renderer/month-agenda.d.ts +2 -1
  32. package/src/schedule/renderer/month-agenda.js +2 -2
  33. package/src/schedule/renderer/month.d.ts +4 -3
  34. package/src/schedule/renderer/month.js +16 -9
  35. package/src/schedule/renderer/view-base.d.ts +5 -4
  36. package/src/schedule/renderer/view-base.js +13 -10
  37. package/src/schedule/renderer/year.d.ts +3 -2
  38. package/src/schedule/renderer/year.js +10 -7
  39. package/styles/bds-lite.css +4400 -0
  40. package/styles/bds-lite.scss +18 -0
  41. package/styles/bds.css +5161 -0
  42. package/styles/bds.scss +20 -0
  43. package/styles/bootstrap-dark-lite.css +19 -6
  44. package/styles/bootstrap-dark.css +23 -10
  45. package/styles/bootstrap-lite.css +18 -5
  46. package/styles/bootstrap.css +22 -9
  47. package/styles/bootstrap4-lite.css +18 -5
  48. package/styles/bootstrap4.css +22 -9
  49. package/styles/bootstrap5-dark-lite.css +18 -5
  50. package/styles/bootstrap5-dark.css +23 -10
  51. package/styles/bootstrap5-lite.css +18 -5
  52. package/styles/bootstrap5.3-lite.css +18 -5
  53. package/styles/bootstrap5.3.css +23 -10
  54. package/styles/bootstrap5.css +23 -10
  55. package/styles/fabric-dark-lite.css +18 -5
  56. package/styles/fabric-dark.css +22 -9
  57. package/styles/fabric-lite.css +18 -5
  58. package/styles/fabric.css +22 -9
  59. package/styles/fluent-dark-lite.css +18 -5
  60. package/styles/fluent-dark.css +22 -9
  61. package/styles/fluent-lite.css +18 -5
  62. package/styles/fluent.css +22 -9
  63. package/styles/fluent2-lite.css +43 -6
  64. package/styles/fluent2.css +50 -13
  65. package/styles/highcontrast-light-lite.css +18 -5
  66. package/styles/highcontrast-light.css +22 -9
  67. package/styles/highcontrast-lite.css +19 -6
  68. package/styles/highcontrast.css +23 -10
  69. package/styles/material-dark-lite.css +18 -5
  70. package/styles/material-dark.css +22 -9
  71. package/styles/material-lite.css +18 -5
  72. package/styles/material.css +22 -9
  73. package/styles/material3-dark-lite.css +18 -5
  74. package/styles/material3-dark.css +23 -10
  75. package/styles/material3-lite.css +18 -5
  76. package/styles/material3.css +23 -10
  77. package/styles/recurrence-editor/_bigger.scss +2 -3
  78. package/styles/recurrence-editor/_fluent2-definition.scss +1 -1
  79. package/styles/recurrence-editor/_tailwind3-definition.scss +14 -0
  80. package/styles/recurrence-editor/bds.css +533 -0
  81. package/styles/recurrence-editor/bds.scss +9 -0
  82. package/styles/recurrence-editor/bootstrap-dark.css +2 -3
  83. package/styles/recurrence-editor/bootstrap.css +2 -3
  84. package/styles/recurrence-editor/bootstrap4.css +2 -3
  85. package/styles/recurrence-editor/bootstrap5-dark.css +2 -3
  86. package/styles/recurrence-editor/bootstrap5.3.css +2 -3
  87. package/styles/recurrence-editor/bootstrap5.css +2 -3
  88. package/styles/recurrence-editor/fabric-dark.css +2 -3
  89. package/styles/recurrence-editor/fabric.css +2 -3
  90. package/styles/recurrence-editor/fluent-dark.css +2 -3
  91. package/styles/recurrence-editor/fluent.css +2 -3
  92. package/styles/recurrence-editor/fluent2.css +3 -4
  93. package/styles/recurrence-editor/highcontrast-light.css +2 -3
  94. package/styles/recurrence-editor/highcontrast.css +3 -4
  95. package/styles/recurrence-editor/material-dark.css +2 -3
  96. package/styles/recurrence-editor/material.css +2 -3
  97. package/styles/recurrence-editor/material3-dark.css +2 -3
  98. package/styles/recurrence-editor/material3.css +2 -3
  99. package/styles/recurrence-editor/tailwind-dark.css +2 -3
  100. package/styles/recurrence-editor/tailwind.css +2 -3
  101. package/styles/recurrence-editor/tailwind3.css +500 -0
  102. package/styles/recurrence-editor/tailwind3.scss +9 -0
  103. package/styles/schedule/_bigger.scss +2 -1
  104. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  105. package/styles/schedule/_bootstrap5.3-definition.scss +1 -1
  106. package/styles/schedule/_fluent2-definition.scss +3 -3
  107. package/styles/schedule/_layout.scss +43 -2
  108. package/styles/schedule/_material3-definition.scss +1 -1
  109. package/styles/schedule/_tailwind-definition.scss +1 -1
  110. package/styles/schedule/_tailwind3-definition.scss +276 -0
  111. package/styles/schedule/_theme.scss +0 -4
  112. package/styles/schedule/bds.css +4760 -0
  113. package/styles/schedule/bds.scss +17 -0
  114. package/styles/schedule/bootstrap-dark.css +21 -7
  115. package/styles/schedule/bootstrap.css +20 -6
  116. package/styles/schedule/bootstrap4.css +20 -6
  117. package/styles/schedule/bootstrap5-dark.css +21 -7
  118. package/styles/schedule/bootstrap5.3.css +21 -7
  119. package/styles/schedule/bootstrap5.css +21 -7
  120. package/styles/schedule/fabric-dark.css +20 -6
  121. package/styles/schedule/fabric.css +20 -6
  122. package/styles/schedule/fluent-dark.css +20 -6
  123. package/styles/schedule/fluent.css +20 -6
  124. package/styles/schedule/fluent2.css +47 -9
  125. package/styles/schedule/highcontrast-light.css +20 -6
  126. package/styles/schedule/highcontrast.css +21 -7
  127. package/styles/schedule/icons/_tailwind3.scss +220 -0
  128. package/styles/schedule/material-dark.css +20 -6
  129. package/styles/schedule/material.css +20 -6
  130. package/styles/schedule/material3-dark.css +21 -7
  131. package/styles/schedule/material3.css +21 -7
  132. package/styles/schedule/tailwind-dark.css +21 -7
  133. package/styles/schedule/tailwind.css +21 -7
  134. package/styles/schedule/tailwind3.css +4599 -0
  135. package/styles/schedule/tailwind3.scss +17 -0
  136. package/styles/tailwind-dark-lite.css +18 -5
  137. package/styles/tailwind-dark.css +23 -10
  138. package/styles/tailwind-lite.css +18 -5
  139. package/styles/tailwind.css +23 -10
  140. package/styles/tailwind3-lite.css +4239 -0
  141. package/styles/tailwind3-lite.scss +18 -0
  142. package/styles/tailwind3.css +5000 -0
  143. package/styles/tailwind3.scss +20 -0
package/styles/schedule/material3-dark.css CHANGED
@@ -1281,6 +1281,17 @@
1281
1281
  vertical-align: top;
1282
1282
  width: 36px;
1283
1283
  }
1284
+ .e-schedule .e-clipboard {
1285
+ cursor: default;
1286
+ height: 1px;
1287
+ left: -1000px;
1288
+ position: fixed;
1289
+ resize: none;
1290
+ top: -1000px;
1291
+ width: 1px;
1292
+ overflow: hidden;
1293
+ opacity: 0;
1294
+ }
1284
1295
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1285
1296
  border-bottom-width: 0;
1286
1297
  }
@@ -2400,13 +2411,18 @@
2400
2411
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2401
2412
  color: rgba(var(--color-sf-on-surface));
2402
2413
  }
2403
- .e-schedule .e-agenda-view .e-subject {
2414
+ .e-schedule .e-agenda-view .e-subject,
2415
+ .e-schedule .e-agenda-view .e-inline-subject {
2404
2416
  color: rgba(var(--color-sf-on-surface));
2405
2417
  font-size: 14px;
2406
2418
  line-height: 23px;
2407
2419
  overflow: hidden;
2408
2420
  text-overflow: ellipsis;
2409
2421
  }
2422
+ .e-schedule .e-agenda-view .e-inline-subject {
2423
+ font-weight: normal;
2424
+ padding-top: 0;
2425
+ }
2410
2426
  .e-schedule .e-agenda-view .e-resource-name {
2411
2427
  color: rgba(var(--color-sf-on-surface));
2412
2428
  font-size: 14px;
@@ -3450,6 +3466,7 @@
3450
3466
  margin: 0;
3451
3467
  max-width: 100%;
3452
3468
  overflow: hidden;
3469
+ position: fixed;
3453
3470
  right: 0;
3454
3471
  top: 0;
3455
3472
  width: 100%;
@@ -3689,10 +3706,6 @@
3689
3706
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3690
3707
  border-left-width: 0;
3691
3708
  }
3692
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3693
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3694
- border-bottom-width: 0;
3695
- }
3696
3709
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3697
3710
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3698
3711
  background: rgba(var(--color-sf-surface));
@@ -4215,7 +4228,7 @@
4215
4228
  }
4216
4229
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
4217
4230
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
4218
- padding-right: 13px;
4231
+ padding-right: 8px;
4219
4232
  }
4220
4233
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
4221
4234
  font-size: 16px;
@@ -4258,7 +4271,8 @@
4258
4271
  .e-bigger .e-agenda-view .e-appointment {
4259
4272
  padding: 0 16px;
4260
4273
  }
4261
- .e-bigger .e-agenda-view .e-subject {
4274
+ .e-bigger .e-agenda-view .e-subject,
4275
+ .e-bigger .e-agenda-view .e-inline-subject {
4262
4276
  font-size: 16px;
4263
4277
  }
4264
4278
  .e-bigger .e-agenda-view .e-date-time {
package/styles/schedule/material3.css CHANGED
@@ -1283,6 +1283,17 @@
1283
1283
  vertical-align: top;
1284
1284
  width: 36px;
1285
1285
  }
1286
+ .e-schedule .e-clipboard {
1287
+ cursor: default;
1288
+ height: 1px;
1289
+ left: -1000px;
1290
+ position: fixed;
1291
+ resize: none;
1292
+ top: -1000px;
1293
+ width: 1px;
1294
+ overflow: hidden;
1295
+ opacity: 0;
1296
+ }
1286
1297
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1287
1298
  border-bottom-width: 0;
1288
1299
  }
@@ -2402,13 +2413,18 @@
2402
2413
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2403
2414
  color: rgba(var(--color-sf-on-surface));
2404
2415
  }
2405
- .e-schedule .e-agenda-view .e-subject {
2416
+ .e-schedule .e-agenda-view .e-subject,
2417
+ .e-schedule .e-agenda-view .e-inline-subject {
2406
2418
  color: rgba(var(--color-sf-on-surface));
2407
2419
  font-size: 14px;
2408
2420
  line-height: 23px;
2409
2421
  overflow: hidden;
2410
2422
  text-overflow: ellipsis;
2411
2423
  }
2424
+ .e-schedule .e-agenda-view .e-inline-subject {
2425
+ font-weight: normal;
2426
+ padding-top: 0;
2427
+ }
2412
2428
  .e-schedule .e-agenda-view .e-resource-name {
2413
2429
  color: rgba(var(--color-sf-on-surface));
2414
2430
  font-size: 14px;
@@ -3452,6 +3468,7 @@
3452
3468
  margin: 0;
3453
3469
  max-width: 100%;
3454
3470
  overflow: hidden;
3471
+ position: fixed;
3455
3472
  right: 0;
3456
3473
  top: 0;
3457
3474
  width: 100%;
@@ -3691,10 +3708,6 @@
3691
3708
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3692
3709
  border-left-width: 0;
3693
3710
  }
3694
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3695
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3696
- border-bottom-width: 0;
3697
- }
3698
3711
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3699
3712
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3700
3713
  background: rgba(var(--color-sf-surface));
@@ -4217,7 +4230,7 @@
4217
4230
  }
4218
4231
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
4219
4232
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
4220
- padding-right: 13px;
4233
+ padding-right: 8px;
4221
4234
  }
4222
4235
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
4223
4236
  font-size: 16px;
@@ -4260,7 +4273,8 @@
4260
4273
  .e-bigger .e-agenda-view .e-appointment {
4261
4274
  padding: 0 16px;
4262
4275
  }
4263
- .e-bigger .e-agenda-view .e-subject {
4276
+ .e-bigger .e-agenda-view .e-subject,
4277
+ .e-bigger .e-agenda-view .e-inline-subject {
4264
4278
  font-size: 16px;
4265
4279
  }
4266
4280
  .e-bigger .e-agenda-view .e-date-time {
package/styles/schedule/tailwind-dark.css CHANGED
@@ -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 {
package/styles/schedule/tailwind.css CHANGED
@@ -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 {