@syncfusion/ej2-schedule 24.2.4 → 25.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 (90) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +131 -59
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +131 -58
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/schedule/actions/crud.js +6 -0
  14. package/src/schedule/actions/drag.js +3 -3
  15. package/src/schedule/actions/keyboard.d.ts +1 -0
  16. package/src/schedule/actions/keyboard.js +11 -4
  17. package/src/schedule/actions/resize.js +22 -21
  18. package/src/schedule/actions/virtual-scroll.js +4 -0
  19. package/src/schedule/base/interface.d.ts +1 -0
  20. package/src/schedule/base/schedule.d.ts +4 -1
  21. package/src/schedule/base/schedule.js +16 -1
  22. package/src/schedule/base/util.d.ts +21 -0
  23. package/src/schedule/base/util.js +29 -2
  24. package/src/schedule/event-renderer/event-base.d.ts +0 -1
  25. package/src/schedule/event-renderer/event-base.js +0 -3
  26. package/src/schedule/event-renderer/inline-edit.js +1 -1
  27. package/src/schedule/event-renderer/month.js +2 -2
  28. package/src/schedule/event-renderer/timeline-view.js +5 -5
  29. package/src/schedule/event-renderer/vertical-view.js +1 -1
  30. package/src/schedule/event-renderer/year.js +3 -3
  31. package/src/schedule/popups/quick-popups.js +11 -0
  32. package/src/schedule/renderer/renderer.js +11 -3
  33. package/src/schedule/renderer/timeline-view.d.ts +0 -1
  34. package/src/schedule/renderer/timeline-view.js +3 -6
  35. package/src/schedule/renderer/vertical-view.js +1 -1
  36. package/src/schedule/renderer/view-base.js +1 -1
  37. package/styles/bootstrap-dark.css +51 -2
  38. package/styles/bootstrap.css +51 -2
  39. package/styles/bootstrap4.css +48 -3
  40. package/styles/bootstrap5-dark.css +48 -3
  41. package/styles/bootstrap5.css +48 -3
  42. package/styles/fabric-dark.css +47 -2
  43. package/styles/fabric.css +47 -2
  44. package/styles/fluent-dark.css +52 -2
  45. package/styles/fluent.css +52 -2
  46. package/styles/highcontrast-light.css +47 -2
  47. package/styles/highcontrast.css +47 -2
  48. package/styles/material-dark.css +47 -2
  49. package/styles/material.css +47 -2
  50. package/styles/material3-dark.css +48 -3
  51. package/styles/material3.css +48 -3
  52. package/styles/recurrence-editor/_bds-definition.scss +15 -0
  53. package/styles/schedule/_bds-definition.scss +287 -0
  54. package/styles/schedule/_bootstrap-dark-definition.scss +1 -0
  55. package/styles/schedule/_bootstrap-definition.scss +1 -0
  56. package/styles/schedule/_bootstrap4-definition.scss +2 -1
  57. package/styles/schedule/_bootstrap5-definition.scss +2 -1
  58. package/styles/schedule/_fabric-dark-definition.scss +1 -0
  59. package/styles/schedule/_fabric-definition.scss +1 -0
  60. package/styles/schedule/_fluent-definition.scss +1 -0
  61. package/styles/schedule/_fusionnew-definition.scss +2 -1
  62. package/styles/schedule/_highcontrast-definition.scss +1 -0
  63. package/styles/schedule/_highcontrast-light-definition.scss +1 -0
  64. package/styles/schedule/_layout.scss +60 -1
  65. package/styles/schedule/_material-dark-definition.scss +1 -0
  66. package/styles/schedule/_material-definition.scss +1 -0
  67. package/styles/schedule/_material3-definition.scss +2 -1
  68. package/styles/schedule/_tailwind-definition.scss +2 -1
  69. package/styles/schedule/bootstrap-dark.css +51 -2
  70. package/styles/schedule/bootstrap.css +51 -2
  71. package/styles/schedule/bootstrap4.css +48 -3
  72. package/styles/schedule/bootstrap5-dark.css +48 -3
  73. package/styles/schedule/bootstrap5.css +48 -3
  74. package/styles/schedule/fabric-dark.css +47 -2
  75. package/styles/schedule/fabric.css +47 -2
  76. package/styles/schedule/fluent-dark.css +52 -2
  77. package/styles/schedule/fluent.css +52 -2
  78. package/styles/schedule/highcontrast-light.css +47 -2
  79. package/styles/schedule/highcontrast.css +47 -2
  80. package/styles/schedule/icons/_bds.scss +235 -0
  81. package/styles/schedule/material-dark.css +47 -2
  82. package/styles/schedule/material.css +47 -2
  83. package/styles/schedule/material3-dark.css +48 -3
  84. package/styles/schedule/material3.css +48 -3
  85. package/styles/schedule/tailwind-dark.css +48 -3
  86. package/styles/schedule/tailwind.css +48 -3
  87. package/styles/tailwind-dark.css +48 -3
  88. package/styles/tailwind.css +48 -3
  89. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -63
  90. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -39
@@ -313,6 +313,9 @@
313
313
  font-size: 14px;
314
314
  text-transform: none;
315
315
  }
316
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
317
+ height: 38px;
318
+ }
316
319
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
317
320
  height: 38px;
318
321
  min-height: 38px;
@@ -385,6 +388,9 @@
385
388
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
386
389
  height: calc(100% - 20px);
387
390
  }
391
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
392
+ height: 54px;
393
+ }
388
394
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
389
395
  height: 54px;
390
396
  min-height: 54px;
@@ -411,6 +417,20 @@
411
417
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
412
418
  overflow: hidden;
413
419
  }
420
+ @media screen and (max-width: 320px) {
421
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
422
+ width: 100%;
423
+ }
424
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
425
+ padding-left: 7px;
426
+ }
427
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
428
+ padding-right: 7px;
429
+ }
430
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
431
+ font-size: 8px;
432
+ }
433
+ }
414
434
  .e-schedule .e-schedule-resource-toolbar {
415
435
  background: #f3f4f6;
416
436
  border-bottom: 0;
@@ -1244,7 +1264,7 @@
1244
1264
  cursor: default;
1245
1265
  font-weight: normal;
1246
1266
  height: 34px;
1247
- padding: 8px;
1267
+ padding: 3px;
1248
1268
  }
1249
1269
  .e-schedule .e-month-view .e-content-table {
1250
1270
  height: 100%;
@@ -2458,8 +2478,8 @@
2458
2478
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2459
2479
  min-height: 54px;
2460
2480
  }
2461
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2462
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2481
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2482
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2463
2483
  min-width: 34px;
2464
2484
  }
2465
2485
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2779,6 +2799,19 @@
2779
2799
  float: right;
2780
2800
  }
2781
2801
 
2802
+ /*! schedule event window for smaller viewports*/
2803
+ @media screen and (max-width: 320px) {
2804
+ .e-schedule-dialog.e-popup.e-popup-open {
2805
+ max-height: 350px;
2806
+ min-width: 100%;
2807
+ }
2808
+ .e-schedule-dialog .e-all-day-container {
2809
+ padding-bottom: 10px;
2810
+ }
2811
+ .e-schedule-dialog .e-all-day-time-zone-row {
2812
+ display: block;
2813
+ }
2814
+ }
2782
2815
  .e-ddl.e-popup .e-resource-template {
2783
2816
  display: -ms-flexbox;
2784
2817
  display: flex;
@@ -3368,6 +3401,18 @@
3368
3401
  margin-right: 0;
3369
3402
  }
3370
3403
 
3404
+ /*! schedule quick popup for smaller viewports */
3405
+ @media screen and (max-width: 320px) {
3406
+ .e-quick-popup-wrapper {
3407
+ min-width: 100%;
3408
+ }
3409
+ .e-quick-popup-wrapper .e-popup-footer {
3410
+ padding-left: 5px;
3411
+ }
3412
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3413
+ padding-right: 5px;
3414
+ }
3415
+ }
3371
3416
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3372
3417
  font-size: 24px;
3373
3418
  }
@@ -313,6 +313,9 @@
313
313
  font-size: 14px;
314
314
  text-transform: none;
315
315
  }
316
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
317
+ height: 38px;
318
+ }
316
319
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
317
320
  height: 38px;
318
321
  min-height: 38px;
@@ -385,6 +388,9 @@
385
388
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
386
389
  height: calc(100% - 20px);
387
390
  }
391
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
392
+ height: 54px;
393
+ }
388
394
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
389
395
  height: 54px;
390
396
  min-height: 54px;
@@ -411,6 +417,20 @@
411
417
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
412
418
  overflow: hidden;
413
419
  }
420
+ @media screen and (max-width: 320px) {
421
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
422
+ width: 100%;
423
+ }
424
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
425
+ padding-left: 7px;
426
+ }
427
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
428
+ padding-right: 7px;
429
+ }
430
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
431
+ font-size: 8px;
432
+ }
433
+ }
414
434
  .e-schedule .e-schedule-resource-toolbar {
415
435
  background: #374151;
416
436
  border-bottom: 0;
@@ -1244,7 +1264,7 @@
1244
1264
  cursor: default;
1245
1265
  font-weight: normal;
1246
1266
  height: 34px;
1247
- padding: 8px;
1267
+ padding: 3px;
1248
1268
  }
1249
1269
  .e-schedule .e-month-view .e-content-table {
1250
1270
  height: 100%;
@@ -2458,8 +2478,8 @@
2458
2478
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2459
2479
  min-height: 54px;
2460
2480
  }
2461
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2462
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2481
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2482
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2463
2483
  min-width: 34px;
2464
2484
  }
2465
2485
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2779,6 +2799,19 @@
2779
2799
  float: right;
2780
2800
  }
2781
2801
 
2802
+ /*! schedule event window for smaller viewports*/
2803
+ @media screen and (max-width: 320px) {
2804
+ .e-schedule-dialog.e-popup.e-popup-open {
2805
+ max-height: 350px;
2806
+ min-width: 100%;
2807
+ }
2808
+ .e-schedule-dialog .e-all-day-container {
2809
+ padding-bottom: 10px;
2810
+ }
2811
+ .e-schedule-dialog .e-all-day-time-zone-row {
2812
+ display: block;
2813
+ }
2814
+ }
2782
2815
  .e-ddl.e-popup .e-resource-template {
2783
2816
  display: -ms-flexbox;
2784
2817
  display: flex;
@@ -3368,6 +3401,18 @@
3368
3401
  margin-right: 0;
3369
3402
  }
3370
3403
 
3404
+ /*! schedule quick popup for smaller viewports */
3405
+ @media screen and (max-width: 320px) {
3406
+ .e-quick-popup-wrapper {
3407
+ min-width: 100%;
3408
+ }
3409
+ .e-quick-popup-wrapper .e-popup-footer {
3410
+ padding-left: 5px;
3411
+ }
3412
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3413
+ padding-right: 5px;
3414
+ }
3415
+ }
3371
3416
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3372
3417
  font-size: 24px;
3373
3418
  }
@@ -313,6 +313,9 @@
313
313
  font-size: 14px;
314
314
  text-transform: none;
315
315
  }
316
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
317
+ height: 38px;
318
+ }
316
319
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
317
320
  height: 38px;
318
321
  min-height: 38px;
@@ -385,6 +388,9 @@
385
388
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
386
389
  height: calc(100% - 20px);
387
390
  }
391
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
392
+ height: 54px;
393
+ }
388
394
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
389
395
  height: 54px;
390
396
  min-height: 54px;
@@ -411,6 +417,20 @@
411
417
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
412
418
  overflow: hidden;
413
419
  }
420
+ @media screen and (max-width: 320px) {
421
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
422
+ width: 100%;
423
+ }
424
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
425
+ padding-left: 7px;
426
+ }
427
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
428
+ padding-right: 7px;
429
+ }
430
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
431
+ font-size: 8px;
432
+ }
433
+ }
414
434
  .e-schedule .e-schedule-resource-toolbar {
415
435
  background: #f3f4f6;
416
436
  border-bottom: 0;
@@ -1244,7 +1264,7 @@
1244
1264
  cursor: default;
1245
1265
  font-weight: normal;
1246
1266
  height: 34px;
1247
- padding: 8px;
1267
+ padding: 3px;
1248
1268
  }
1249
1269
  .e-schedule .e-month-view .e-content-table {
1250
1270
  height: 100%;
@@ -2458,8 +2478,8 @@
2458
2478
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2459
2479
  min-height: 54px;
2460
2480
  }
2461
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2462
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2481
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2482
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2463
2483
  min-width: 34px;
2464
2484
  }
2465
2485
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2779,6 +2799,19 @@
2779
2799
  float: right;
2780
2800
  }
2781
2801
 
2802
+ /*! schedule event window for smaller viewports*/
2803
+ @media screen and (max-width: 320px) {
2804
+ .e-schedule-dialog.e-popup.e-popup-open {
2805
+ max-height: 350px;
2806
+ min-width: 100%;
2807
+ }
2808
+ .e-schedule-dialog .e-all-day-container {
2809
+ padding-bottom: 10px;
2810
+ }
2811
+ .e-schedule-dialog .e-all-day-time-zone-row {
2812
+ display: block;
2813
+ }
2814
+ }
2782
2815
  .e-ddl.e-popup .e-resource-template {
2783
2816
  display: -ms-flexbox;
2784
2817
  display: flex;
@@ -3368,6 +3401,18 @@
3368
3401
  margin-right: 0;
3369
3402
  }
3370
3403
 
3404
+ /*! schedule quick popup for smaller viewports */
3405
+ @media screen and (max-width: 320px) {
3406
+ .e-quick-popup-wrapper {
3407
+ min-width: 100%;
3408
+ }
3409
+ .e-quick-popup-wrapper .e-popup-footer {
3410
+ padding-left: 5px;
3411
+ }
3412
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3413
+ padding-right: 5px;
3414
+ }
3415
+ }
3371
3416
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3372
3417
  font-size: 24px;
3373
3418
  }
@@ -1,63 +0,0 @@
1
- ### Bug description
2
-
3
- Clearly and concisely describe the problem or feature (this cannot be empty).
4
-
5
- ### Root cause
6
-
7
- Briefly describe the root cause and analysis of the problem.
8
- If there is an internal discussion on the forum, provide the link.
9
-
10
- ### Reason for not identifying earlier
11
-
12
- Find how it was missed in our earlier testing and development by analysing the below checklist. This will help prevent similar mistakes in the future.
13
-
14
- - [ ] Guidelines/documents are not followed
15
-
16
- - Common guidelines / Core team guideline
17
- - Specification document
18
- - Requirement document
19
-
20
- - [ ] Guidelines/documents are not given
21
-
22
-
23
- - Common guidelines / Core team guideline
24
- - Specification document
25
- - Requirement document
26
-
27
-
28
- ### Reason:
29
- Mention any one or more reasons from the above points.
30
-
31
- ### Action taken:
32
-
33
- What action did you take to avoid this in future?
34
-
35
- ### Related areas:
36
-
37
- Is there any other related areas also to be addressed?
38
-
39
-
40
- ### Is it a breaking issue?
41
-
42
- If it is a breaking issue, provide the commit detail which caused this break.
43
-
44
- ### Solution description
45
-
46
- Describe your code changes in detail for reviewers.
47
-
48
- ### Output screenshots
49
-
50
- Post the output screenshots if an UI is affected or added due to this bug.
51
-
52
- ### Areas affected and ensured
53
-
54
- List the areas affected by your code changes.
55
-
56
- ### Additional checklist
57
-
58
- - Did you run the automation against your fix?
59
- - Is there any API name change?
60
- - Is there any existing behavior change of other features due to this code change?
61
- - Does your new code introduce new warnings or binding errors?
62
- - Does your code pass all FxCop and StyleCop rules?
63
- - Did you record this case in the unit test or UI test?
@@ -1,39 +0,0 @@
1
- ### Feature description
2
-
3
- Clearly and concisely describe the problem or feature (this cannot be empty).
4
-
5
- ### Analysis and design
6
-
7
- If there is an external design, link to its project documentation area.
8
- If there is an internal discussion on the forum, provide the link.
9
-
10
- ### Solution description
11
-
12
- Describe your code changes in detail for reviewers.
13
-
14
- ### Output screenshots
15
-
16
- Post the output screenshots if an UI is affected or added due to this feature.
17
-
18
- ### Areas affected and ensured
19
-
20
- List the areas are affected by your code changes.
21
-
22
- ### Test cases
23
-
24
- Provide the unit testing written file details to understand the use cases considered in this implementation.
25
- If there is no TDD (if it’s not possible to follow), provide the UI automation script location and the Excel file that contains the use cases considered in this implementation.
26
- Provide the test cases Excel file alone if the feature cannot be automated in any case.
27
-
28
- ### Test bed sample location
29
-
30
- Provide the test bed sample location where code reviewers can review the new feature’s behaviors. This depends on the CI process that your team follows. It can be from NPMCI, HockeyApp, staging site, local server, etc.
31
-
32
- ### Additional checklist
33
-
34
- - Did you run the automation against your fix?
35
- - Is there any API name change?
36
- - Is there any existing behavior change of other features due to this code change?
37
- - Does your new code introduce new warnings or binding errors?
38
- - Does your code pass all FxCop and StyleCop rules?
39
- - Did you record this case in the unit test or UI test?