@syncfusion/ej2-angular-schedule 21.2.10 → 22.1.34

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 (139) hide show
  1. package/README.md +47 -121
  2. package/esm2020/src/schedule/headerrows.directive.mjs +1 -1
  3. package/esm2020/src/schedule/schedule.component.mjs +3 -9
  4. package/esm2020/src/schedule/views.directive.mjs +3 -9
  5. package/fesm2015/syncfusion-ej2-angular-schedule.mjs +4 -16
  6. package/fesm2015/syncfusion-ej2-angular-schedule.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-schedule.mjs +4 -16
  8. package/fesm2020/syncfusion-ej2-angular-schedule.mjs.map +1 -1
  9. package/license +10 -0
  10. package/package.json +29 -11
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/schedule/headerrows.directive.d.ts +5 -5
  13. package/src/schedule/schedule.component.d.ts +6 -11
  14. package/src/schedule/views.directive.d.ts +17 -23
  15. package/styles/bootstrap-dark.css +15 -12
  16. package/styles/bootstrap.css +15 -12
  17. package/styles/bootstrap4.css +16 -13
  18. package/styles/bootstrap5-dark.css +15 -12
  19. package/styles/bootstrap5.css +15 -12
  20. package/styles/fabric-dark.css +15 -12
  21. package/styles/fabric.css +15 -12
  22. package/styles/fluent-dark.css +15 -12
  23. package/styles/fluent.css +15 -12
  24. package/styles/highcontrast-light.css +16 -13
  25. package/styles/highcontrast.css +16 -13
  26. package/styles/material-dark.css +15 -12
  27. package/styles/material.css +15 -12
  28. package/styles/material3-dark.css +4597 -0
  29. package/styles/material3-dark.scss +4 -0
  30. package/styles/material3.css +4653 -0
  31. package/styles/material3.scss +4 -0
  32. package/styles/recurrence-editor/_material3-dark-definition.scss +1 -0
  33. package/styles/recurrence-editor/_material3-definition.scss +13 -0
  34. package/styles/recurrence-editor/material3-dark.css +593 -0
  35. package/styles/recurrence-editor/material3-dark.scss +9 -0
  36. package/styles/recurrence-editor/material3.css +649 -0
  37. package/styles/recurrence-editor/material3.scss +9 -0
  38. package/styles/schedule/_bootstrap-dark-definition.scss +3 -2
  39. package/styles/schedule/_bootstrap-definition.scss +3 -2
  40. package/styles/schedule/_bootstrap4-definition.scss +3 -2
  41. package/styles/schedule/_bootstrap5-definition.scss +3 -2
  42. package/styles/schedule/_fabric-dark-definition.scss +3 -2
  43. package/styles/schedule/_fabric-definition.scss +3 -2
  44. package/styles/schedule/_fluent-definition.scss +3 -2
  45. package/styles/schedule/_fusionnew-definition.scss +3 -2
  46. package/styles/schedule/_highcontrast-definition.scss +3 -2
  47. package/styles/schedule/_highcontrast-light-definition.scss +3 -2
  48. package/styles/schedule/_layout.scss +31 -16
  49. package/styles/schedule/_material-dark-definition.scss +3 -2
  50. package/styles/schedule/_material-definition.scss +3 -2
  51. package/styles/schedule/_material3-dark-definition.scss +1 -0
  52. package/styles/schedule/_material3-definition.scss +292 -0
  53. package/styles/schedule/_tailwind-definition.scss +3 -2
  54. package/styles/schedule/_theme.scss +7 -2
  55. package/styles/schedule/bootstrap-dark.css +15 -12
  56. package/styles/schedule/bootstrap.css +15 -12
  57. package/styles/schedule/bootstrap4.css +16 -13
  58. package/styles/schedule/bootstrap5-dark.css +15 -12
  59. package/styles/schedule/bootstrap5.css +15 -12
  60. package/styles/schedule/fabric-dark.css +15 -12
  61. package/styles/schedule/fabric.css +15 -12
  62. package/styles/schedule/fluent-dark.css +15 -12
  63. package/styles/schedule/fluent.css +15 -12
  64. package/styles/schedule/highcontrast-light.css +16 -13
  65. package/styles/schedule/highcontrast.css +16 -13
  66. package/styles/schedule/icons/_material3-dark.scss +1 -0
  67. package/styles/schedule/material-dark.css +15 -12
  68. package/styles/schedule/material.css +15 -12
  69. package/styles/schedule/material3-dark.css +4191 -0
  70. package/styles/schedule/material3-dark.scss +16 -0
  71. package/styles/schedule/material3.css +4247 -0
  72. package/styles/schedule/material3.scss +17 -0
  73. package/styles/schedule/tailwind-dark.css +15 -12
  74. package/styles/schedule/tailwind.css +15 -12
  75. package/styles/tailwind-dark.css +15 -12
  76. package/styles/tailwind.css +15 -12
  77. package/schematics/collection.json +0 -40
  78. package/schematics/generators/schedule-agenda-views/index.d.ts +0 -3
  79. package/schematics/generators/schedule-agenda-views/index.js +0 -8
  80. package/schematics/generators/schedule-agenda-views/sample-details.d.ts +0 -5
  81. package/schematics/generators/schedule-agenda-views/sample-details.js +0 -7
  82. package/schematics/generators/schedule-agenda-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  83. package/schematics/generators/schedule-agenda-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
  84. package/schematics/generators/schedule-agenda-views/schema.d.ts +0 -3
  85. package/schematics/generators/schedule-agenda-views/schema.js +0 -2
  86. package/schematics/generators/schedule-agenda-views/schema.json +0 -125
  87. package/schematics/generators/schedule-calendar-views/index.d.ts +0 -3
  88. package/schematics/generators/schedule-calendar-views/index.js +0 -8
  89. package/schematics/generators/schedule-calendar-views/sample-details.d.ts +0 -5
  90. package/schematics/generators/schedule-calendar-views/sample-details.js +0 -7
  91. package/schematics/generators/schedule-calendar-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  92. package/schematics/generators/schedule-calendar-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  93. package/schematics/generators/schedule-calendar-views/schema.d.ts +0 -3
  94. package/schematics/generators/schedule-calendar-views/schema.js +0 -2
  95. package/schematics/generators/schedule-calendar-views/schema.json +0 -125
  96. package/schematics/generators/schedule-horizontal-grouping/index.d.ts +0 -3
  97. package/schematics/generators/schedule-horizontal-grouping/index.js +0 -8
  98. package/schematics/generators/schedule-horizontal-grouping/sample-details.d.ts +0 -5
  99. package/schematics/generators/schedule-horizontal-grouping/sample-details.js +0 -7
  100. package/schematics/generators/schedule-horizontal-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -92
  101. package/schematics/generators/schedule-horizontal-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -29
  102. package/schematics/generators/schedule-horizontal-grouping/schema.d.ts +0 -3
  103. package/schematics/generators/schedule-horizontal-grouping/schema.js +0 -2
  104. package/schematics/generators/schedule-horizontal-grouping/schema.json +0 -125
  105. package/schematics/generators/schedule-time-scale/index.d.ts +0 -3
  106. package/schematics/generators/schedule-time-scale/index.js +0 -8
  107. package/schematics/generators/schedule-time-scale/sample-details.d.ts +0 -5
  108. package/schematics/generators/schedule-time-scale/sample-details.js +0 -7
  109. package/schematics/generators/schedule-time-scale/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  110. package/schematics/generators/schedule-time-scale/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
  111. package/schematics/generators/schedule-time-scale/schema.d.ts +0 -3
  112. package/schematics/generators/schedule-time-scale/schema.js +0 -2
  113. package/schematics/generators/schedule-time-scale/schema.json +0 -125
  114. package/schematics/generators/schedule-timeline-grouping/index.d.ts +0 -3
  115. package/schematics/generators/schedule-timeline-grouping/index.js +0 -8
  116. package/schematics/generators/schedule-timeline-grouping/sample-details.d.ts +0 -5
  117. package/schematics/generators/schedule-timeline-grouping/sample-details.js +0 -7
  118. package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -6
  119. package/schematics/generators/schedule-timeline-grouping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -23
  120. package/schematics/generators/schedule-timeline-grouping/schema.d.ts +0 -3
  121. package/schematics/generators/schedule-timeline-grouping/schema.js +0 -2
  122. package/schematics/generators/schedule-timeline-grouping/schema.json +0 -125
  123. package/schematics/generators/schedule-timeline-views/index.d.ts +0 -3
  124. package/schematics/generators/schedule-timeline-views/index.js +0 -8
  125. package/schematics/generators/schedule-timeline-views/sample-details.d.ts +0 -5
  126. package/schematics/generators/schedule-timeline-views/sample-details.js +0 -7
  127. package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  128. package/schematics/generators/schedule-timeline-views/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -14
  129. package/schematics/generators/schedule-timeline-views/schema.d.ts +0 -3
  130. package/schematics/generators/schedule-timeline-views/schema.js +0 -2
  131. package/schematics/generators/schedule-timeline-views/schema.json +0 -125
  132. package/schematics/ng-add/index.d.ts +0 -3
  133. package/schematics/ng-add/index.js +0 -9
  134. package/schematics/ng-add/schema.d.ts +0 -13
  135. package/schematics/ng-add/schema.js +0 -2
  136. package/schematics/ng-add/schema.json +0 -34
  137. package/schematics/tsconfig.json +0 -25
  138. package/schematics/utils/lib-details.d.ts +0 -4
  139. package/schematics/utils/lib-details.js +0 -6
@@ -1716,20 +1716,13 @@
1716
1716
  }
1717
1717
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1718
1718
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1719
- line-height: 38px;
1719
+ line-height: 22px;
1720
1720
  padding: 0 5px;
1721
1721
  }
1722
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1723
- display: block;
1724
- }
1725
1722
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1726
1723
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1727
- font-size: 10px;
1728
- line-height: 38px;
1729
- padding-right: 7px;
1730
- }
1731
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1732
- padding-right: 5px;
1724
+ line-height: 22px;
1725
+ padding: 0 2px;
1733
1726
  }
1734
1727
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1735
1728
  border: 0;
@@ -2196,6 +2189,12 @@
2196
2189
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2197
2190
  background: #ffd939;
2198
2191
  }
2192
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2193
+ display: -ms-inline-flexbox;
2194
+ display: inline-flex;
2195
+ -ms-flex-direction: row-reverse;
2196
+ flex-direction: row-reverse;
2197
+ }
2199
2198
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2200
2199
  display: -ms-flexbox;
2201
2200
  display: flex;
@@ -2591,9 +2590,9 @@
2591
2590
  height: 35px;
2592
2591
  }
2593
2592
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2594
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2593
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2595
2594
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2596
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2595
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2597
2596
  font-size: 14px;
2598
2597
  }
2599
2598
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2610,6 +2609,10 @@
2610
2609
  .e-bigger.e-schedule .e-month-view .e-m-day {
2611
2610
  font-size: 14px;
2612
2611
  }
2612
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2613
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2614
+ min-width: 306px;
2615
+ }
2613
2616
 
2614
2617
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2615
2618
  border: 1px solid #fff;
@@ -3838,7 +3841,7 @@
3838
3841
  border-top: 1px solid #ffd939;
3839
3842
  }
3840
3843
  .e-schedule .e-vertical-view .e-previous-timeline {
3841
- border-top: 1px dotted #ffd939;
3844
+ border-top: 1px dashed #ffd939;
3842
3845
  }
3843
3846
  .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
3844
3847
  border-bottom-width: 1px;
@@ -0,0 +1 @@
1
+ @import './material3.scss';
@@ -1657,20 +1657,13 @@
1657
1657
  }
1658
1658
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1659
1659
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1660
- line-height: 38px;
1660
+ line-height: 22px;
1661
1661
  padding: 0 5px;
1662
1662
  }
1663
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1664
- display: block;
1665
- }
1666
1663
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1667
1664
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1668
- font-size: 10px;
1669
- line-height: 38px;
1670
- padding-right: 7px;
1671
- }
1672
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1673
- padding-right: 5px;
1665
+ line-height: 22px;
1666
+ padding: 0 2px;
1674
1667
  }
1675
1668
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1676
1669
  border: 0;
@@ -2137,6 +2130,12 @@
2137
2130
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2138
2131
  background: #757575;
2139
2132
  }
2133
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2134
+ display: -ms-inline-flexbox;
2135
+ display: inline-flex;
2136
+ -ms-flex-direction: row-reverse;
2137
+ flex-direction: row-reverse;
2138
+ }
2140
2139
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2141
2140
  display: -ms-flexbox;
2142
2141
  display: flex;
@@ -2532,9 +2531,9 @@
2532
2531
  height: 35px;
2533
2532
  }
2534
2533
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2535
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2534
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2536
2535
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2537
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2536
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2538
2537
  font-size: 14px;
2539
2538
  }
2540
2539
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2551,6 +2550,10 @@
2551
2550
  .e-bigger.e-schedule .e-month-view .e-m-day {
2552
2551
  font-size: 14px;
2553
2552
  }
2553
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2554
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2555
+ min-width: 306px;
2556
+ }
2554
2557
 
2555
2558
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2556
2559
  border: 1px solid #fff;
@@ -1693,20 +1693,13 @@
1693
1693
  }
1694
1694
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1695
1695
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1696
- line-height: 38px;
1696
+ line-height: 22px;
1697
1697
  padding: 0 5px;
1698
1698
  }
1699
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1700
- display: block;
1701
- }
1702
1699
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1703
1700
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1704
- font-size: 10px;
1705
- line-height: 38px;
1706
- padding-right: 7px;
1707
- }
1708
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1709
- padding-right: 5px;
1701
+ line-height: 22px;
1702
+ padding: 0 2px;
1710
1703
  }
1711
1704
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1712
1705
  border: 0;
@@ -2173,6 +2166,12 @@
2173
2166
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2174
2167
  background: #e0e0e0;
2175
2168
  }
2169
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2170
+ display: -ms-inline-flexbox;
2171
+ display: inline-flex;
2172
+ -ms-flex-direction: row-reverse;
2173
+ flex-direction: row-reverse;
2174
+ }
2176
2175
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2177
2176
  display: -ms-flexbox;
2178
2177
  display: flex;
@@ -2568,9 +2567,9 @@
2568
2567
  height: 35px;
2569
2568
  }
2570
2569
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2571
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2570
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2572
2571
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2573
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2572
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2574
2573
  font-size: 14px;
2575
2574
  }
2576
2575
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2587,6 +2586,10 @@
2587
2586
  .e-bigger.e-schedule .e-month-view .e-m-day {
2588
2587
  font-size: 14px;
2589
2588
  }
2589
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2590
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2591
+ min-width: 306px;
2592
+ }
2590
2593
 
2591
2594
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2592
2595
  border: 1px solid rgba(0, 0, 0, 0.5);