@syncfusion/ej2-schedule 19.4.52 → 20.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 (76) hide show
  1. package/CHANGELOG.md +31 -9
  2. package/dist/ej2-schedule.umd.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-schedule.es2015.js +158 -47
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +158 -47
  7. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-schedule.min.js +2 -2
  9. package/dist/global/ej2-schedule.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +15 -15
  12. package/src/recurrence-editor/date-generator.js +4 -0
  13. package/src/schedule/base/schedule.js +4 -0
  14. package/src/schedule/event-renderer/agenda-base.js +1 -1
  15. package/src/schedule/event-renderer/month.d.ts +3 -0
  16. package/src/schedule/event-renderer/month.js +38 -24
  17. package/src/schedule/event-renderer/timeline-view.js +2 -1
  18. package/src/schedule/event-renderer/year.js +3 -1
  19. package/src/schedule/popups/event-window.js +4 -2
  20. package/src/schedule/renderer/month.d.ts +1 -0
  21. package/src/schedule/renderer/month.js +29 -12
  22. package/src/schedule/renderer/renderer.js +2 -1
  23. package/src/schedule/renderer/timeline-year.d.ts +2 -1
  24. package/src/schedule/renderer/timeline-year.js +49 -4
  25. package/src/schedule/renderer/vertical-view.js +2 -1
  26. package/src/schedule/renderer/year.js +20 -0
  27. package/styles/bootstrap-dark.css +19 -8
  28. package/styles/bootstrap.css +19 -8
  29. package/styles/bootstrap4.css +20 -9
  30. package/styles/bootstrap5-dark.css +29 -20
  31. package/styles/bootstrap5.css +29 -20
  32. package/styles/fabric-dark.css +19 -8
  33. package/styles/fabric.css +19 -8
  34. package/styles/fluent-dark.css +5102 -0
  35. package/styles/fluent-dark.scss +2 -0
  36. package/styles/fluent.css +5103 -0
  37. package/styles/fluent.scss +2 -0
  38. package/styles/highcontrast-light.css +19 -8
  39. package/styles/highcontrast.css +20 -9
  40. package/styles/material-dark.css +19 -8
  41. package/styles/material.css +19 -8
  42. package/styles/recurrence-editor/_fluent-dark-definition.scss +1 -0
  43. package/styles/recurrence-editor/fluent-dark.css +495 -0
  44. package/styles/recurrence-editor/fluent-dark.scss +3 -0
  45. package/styles/recurrence-editor/fluent.css +495 -0
  46. package/styles/recurrence-editor/fluent.scss +3 -0
  47. package/styles/schedule/_bootstrap4-definition.scss +1 -1
  48. package/styles/schedule/_bootstrap5-definition.scss +4 -4
  49. package/styles/schedule/_fluent-dark-definition.scss +1 -0
  50. package/styles/schedule/_fluent-definition.scss +10 -8
  51. package/styles/schedule/_highcontrast-definition.scss +1 -1
  52. package/styles/schedule/_layout.scss +62 -15
  53. package/styles/schedule/_tailwind-definition.scss +1 -0
  54. package/styles/schedule/_theme.scss +6 -9
  55. package/styles/schedule/bootstrap-dark.css +19 -8
  56. package/styles/schedule/bootstrap.css +19 -8
  57. package/styles/schedule/bootstrap4.css +20 -9
  58. package/styles/schedule/bootstrap5-dark.css +29 -20
  59. package/styles/schedule/bootstrap5.css +29 -20
  60. package/styles/schedule/fabric-dark.css +19 -8
  61. package/styles/schedule/fabric.css +19 -8
  62. package/styles/schedule/fluent-dark.css +4606 -0
  63. package/styles/schedule/fluent-dark.scss +4 -0
  64. package/styles/schedule/fluent.css +4607 -0
  65. package/styles/schedule/fluent.scss +5 -0
  66. package/styles/schedule/highcontrast-light.css +19 -8
  67. package/styles/schedule/highcontrast.css +20 -9
  68. package/styles/schedule/icons/_fluent-dark.scss +1 -0
  69. package/styles/schedule/icons/_fluent.scss +51 -50
  70. package/styles/schedule/icons/_tailwind.scss +51 -50
  71. package/styles/schedule/material-dark.css +19 -8
  72. package/styles/schedule/material.css +19 -8
  73. package/styles/schedule/tailwind-dark.css +74 -61
  74. package/styles/schedule/tailwind.css +74 -61
  75. package/styles/tailwind-dark.css +74 -61
  76. package/styles/tailwind.css +74 -61
package/styles/fluent.scss ADDED
@@ -0,0 +1,2 @@
1
+ @import 'schedule/fluent.scss';
2
+ @import 'recurrence-editor/fluent.scss';
package/styles/highcontrast-light.css CHANGED
@@ -1843,6 +1843,15 @@
1843
1843
  text-decoration: underline;
1844
1844
  }
1845
1845
 
1846
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1847
+ background-color: rgba(0, 0, 0, 0.08);
1848
+ box-shadow: inset 0 0 0 8px #e4e4e4;
1849
+ }
1850
+
1851
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1852
+ background-color: rgba(0, 0, 0, 0.08);
1853
+ }
1854
+
1846
1855
  .e-schedule .e-timeline-year-view .e-event-table {
1847
1856
  position: absolute;
1848
1857
  top: 0;
@@ -1978,6 +1987,12 @@
1978
1987
  top: 0;
1979
1988
  }
1980
1989
 
1990
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1991
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
1992
+ height: 60px;
1993
+ position: relative;
1994
+ }
1995
+
1981
1996
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1982
1997
  .e-schedule .e-timeline-view .e-content-wrap table col,
1983
1998
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2086,8 +2101,10 @@
2086
2101
 
2087
2102
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2088
2103
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2104
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2089
2105
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2090
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2106
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2107
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2091
2108
  height: 42px;
2092
2109
  }
2093
2110
 
@@ -2867,13 +2884,6 @@
2867
2884
  padding: 0 1.5px;
2868
2885
  }
2869
2886
 
2870
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2871
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
2872
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2873
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
2874
- padding: 0;
2875
- }
2876
-
2877
2887
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2878
2888
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2879
2889
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4004,6 +4014,7 @@
4004
4014
 
4005
4015
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4006
4016
  .e-more-popup-wrapper .e-more-event-content {
4017
+ color: #000;
4007
4018
  height: calc(100% - 35px);
4008
4019
  max-height: 150px;
4009
4020
  overflow-y: auto;
package/styles/highcontrast.css CHANGED
@@ -1851,6 +1851,15 @@
1851
1851
  text-decoration: underline;
1852
1852
  }
1853
1853
 
1854
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1855
+ background-color: rgba(0, 0, 0, 0.08);
1856
+ box-shadow: inset 0 0 0 8px #1a1a1a;
1857
+ }
1858
+
1859
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1860
+ background-color: rgba(0, 0, 0, 0.08);
1861
+ }
1862
+
1854
1863
  .e-schedule .e-timeline-year-view .e-event-table {
1855
1864
  position: absolute;
1856
1865
  top: 0;
@@ -1986,6 +1995,12 @@
1986
1995
  top: 0;
1987
1996
  }
1988
1997
 
1998
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1999
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
2000
+ height: 60px;
2001
+ position: relative;
2002
+ }
2003
+
1989
2004
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1990
2005
  .e-schedule .e-timeline-view .e-content-wrap table col,
1991
2006
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2094,8 +2109,10 @@
2094
2109
 
2095
2110
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2096
2111
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2112
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2097
2113
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2098
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2114
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2115
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2099
2116
  height: 42px;
2100
2117
  }
2101
2118
 
@@ -2875,13 +2892,6 @@
2875
2892
  padding: 0 1.5px;
2876
2893
  }
2877
2894
 
2878
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2879
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
2880
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2881
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
2882
- padding: 0;
2883
- }
2884
-
2885
2895
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2886
2896
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2887
2897
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4030,6 +4040,7 @@
4030
4040
 
4031
4041
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4032
4042
  .e-more-popup-wrapper .e-more-event-content {
4043
+ color: #fff;
4033
4044
  height: calc(100% - 35px);
4034
4045
  max-height: 150px;
4035
4046
  overflow-y: auto;
@@ -4101,7 +4112,7 @@
4101
4112
 
4102
4113
  .e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
4103
4114
  .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
4104
- margin-top: 3px;
4115
+ margin-top: 0;
4105
4116
  }
4106
4117
 
4107
4118
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
package/styles/material-dark.css CHANGED
@@ -1844,6 +1844,15 @@
1844
1844
  text-decoration: underline;
1845
1845
  }
1846
1846
 
1847
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1848
+ background-color: rgba(0, 0, 0, 0.08);
1849
+ box-shadow: inset 0 0 0 8px #424242;
1850
+ }
1851
+
1852
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1853
+ background-color: rgba(0, 0, 0, 0.08);
1854
+ }
1855
+
1847
1856
  .e-schedule .e-timeline-year-view .e-event-table {
1848
1857
  position: absolute;
1849
1858
  top: 0;
@@ -1979,6 +1988,12 @@
1979
1988
  top: 0;
1980
1989
  }
1981
1990
 
1991
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1992
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
1993
+ height: 60px;
1994
+ position: relative;
1995
+ }
1996
+
1982
1997
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1983
1998
  .e-schedule .e-timeline-view .e-content-wrap table col,
1984
1999
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2087,8 +2102,10 @@
2087
2102
 
2088
2103
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2089
2104
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2105
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2090
2106
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2091
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2107
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2108
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2092
2109
  height: 42px;
2093
2110
  }
2094
2111
 
@@ -2868,13 +2885,6 @@
2868
2885
  padding: 0 1.5px;
2869
2886
  }
2870
2887
 
2871
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2872
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
2873
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2874
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
2875
- padding: 0;
2876
- }
2877
-
2878
2888
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2879
2889
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2880
2890
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4006,6 +4016,7 @@
4006
4016
 
4007
4017
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4008
4018
  .e-more-popup-wrapper .e-more-event-content {
4019
+ color: #fff;
4009
4020
  height: calc(100% - 35px);
4010
4021
  max-height: 150px;
4011
4022
  overflow-y: auto;
package/styles/material.css CHANGED
@@ -1848,6 +1848,15 @@
1848
1848
  text-decoration: underline;
1849
1849
  }
1850
1850
 
1851
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1852
+ background-color: rgba(0, 0, 0, 0.08);
1853
+ box-shadow: inset 0 0 0 8px #fafafa;
1854
+ }
1855
+
1856
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1857
+ background-color: rgba(0, 0, 0, 0.08);
1858
+ }
1859
+
1851
1860
  .e-schedule .e-timeline-year-view .e-event-table {
1852
1861
  position: absolute;
1853
1862
  top: 0;
@@ -1983,6 +1992,12 @@
1983
1992
  top: 0;
1984
1993
  }
1985
1994
 
1995
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
1996
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
1997
+ height: 60px;
1998
+ position: relative;
1999
+ }
2000
+
1986
2001
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1987
2002
  .e-schedule .e-timeline-view .e-content-wrap table col,
1988
2003
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2091,8 +2106,10 @@
2091
2106
 
2092
2107
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2093
2108
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2109
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2094
2110
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2095
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2111
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2112
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2096
2113
  height: 42px;
2097
2114
  }
2098
2115
 
@@ -2872,13 +2889,6 @@
2872
2889
  padding: 0 1.5px;
2873
2890
  }
2874
2891
 
2875
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2876
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
2877
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2878
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
2879
- padding: 0;
2880
- }
2881
-
2882
2892
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2883
2893
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2884
2894
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4000,6 +4010,7 @@
4000
4010
 
4001
4011
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4002
4012
  .e-more-popup-wrapper .e-more-event-content {
4013
+ color: rgba(0, 0, 0, 0.87);
4003
4014
  height: calc(100% - 35px);
4004
4015
  max-height: 150px;
4005
4016
  overflow-y: auto;
package/styles/recurrence-editor/_fluent-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';