@syncfusion/ej2-gantt 21.2.9 → 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 (99) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +23 -0
  3. package/dist/ej2-gantt.min.js +2 -2
  4. package/dist/ej2-gantt.umd.min.js +2 -2
  5. package/dist/ej2-gantt.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-gantt.es2015.js +751 -715
  7. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  8. package/dist/es6/ej2-gantt.es5.js +790 -755
  9. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  10. package/dist/global/ej2-gantt.min.js +2 -2
  11. package/dist/global/ej2-gantt.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +19 -18
  14. package/src/gantt/actions/connector-line-edit.js +21 -26
  15. package/src/gantt/actions/context-menu.js +2 -2
  16. package/src/gantt/actions/critical-path.js +4 -9
  17. package/src/gantt/actions/day-markers.js +4 -1
  18. package/src/gantt/actions/edit.js +9 -6
  19. package/src/gantt/actions/pdf-export.js +1 -1
  20. package/src/gantt/actions/taskbar-edit.d.ts +6 -0
  21. package/src/gantt/actions/taskbar-edit.js +120 -45
  22. package/src/gantt/base/css-constants.d.ts +5 -10
  23. package/src/gantt/base/css-constants.js +5 -10
  24. package/src/gantt/base/date-processor.js +10 -20
  25. package/src/gantt/base/enum.d.ts +215 -231
  26. package/src/gantt/base/gantt-chart.js +112 -5
  27. package/src/gantt/base/gantt-model.d.ts +6 -3
  28. package/src/gantt/base/gantt.d.ts +7 -3
  29. package/src/gantt/base/gantt.js +17 -13
  30. package/src/gantt/base/interface.d.ts +36 -1
  31. package/src/gantt/base/task-processor.js +21 -18
  32. package/src/gantt/base/tree-grid.js +1 -1
  33. package/src/gantt/export/export-helper.js +1 -0
  34. package/src/gantt/export/pdf-connector-line.d.ts +4 -4
  35. package/src/gantt/export/pdf-connector-line.js +11 -22
  36. package/src/gantt/export/pdf-gantt.d.ts +1 -2
  37. package/src/gantt/export/pdf-gantt.js +4 -4
  38. package/src/gantt/models/column.d.ts +8 -4
  39. package/src/gantt/models/edit-settings-model.d.ts +1 -0
  40. package/src/gantt/models/edit-settings.d.ts +1 -0
  41. package/src/gantt/models/filter-settings-model.d.ts +3 -0
  42. package/src/gantt/models/filter-settings.d.ts +3 -0
  43. package/src/gantt/models/search-settings-model.d.ts +1 -0
  44. package/src/gantt/models/search-settings.d.ts +1 -0
  45. package/src/gantt/models/sort-settings-model.d.ts +1 -0
  46. package/src/gantt/models/sort-settings.d.ts +1 -0
  47. package/src/gantt/models/tooltip-settings-model.d.ts +8 -4
  48. package/src/gantt/models/tooltip-settings.d.ts +8 -4
  49. package/src/gantt/renderer/chart-rows.d.ts +1 -1
  50. package/src/gantt/renderer/chart-rows.js +27 -65
  51. package/src/gantt/renderer/connector-line.d.ts +23 -0
  52. package/src/gantt/renderer/connector-line.js +287 -384
  53. package/src/gantt/renderer/edit-tooltip.js +4 -4
  54. package/src/gantt/renderer/nonworking-day.js +2 -2
  55. package/src/gantt/renderer/tooltip.d.ts +3 -3
  56. package/src/gantt/renderer/tooltip.js +103 -76
  57. package/styles/bootstrap-dark.css +27 -47
  58. package/styles/bootstrap.css +29 -49
  59. package/styles/bootstrap4.css +29 -49
  60. package/styles/bootstrap5-dark.css +27 -47
  61. package/styles/bootstrap5.css +27 -47
  62. package/styles/fabric-dark.css +27 -47
  63. package/styles/fabric.css +27 -47
  64. package/styles/fluent-dark.css +28 -47
  65. package/styles/fluent.css +28 -47
  66. package/styles/gantt/_layout.scss +53 -7
  67. package/styles/gantt/_material3-dark-definition.scss +1 -0
  68. package/styles/gantt/_material3-definition.scss +220 -0
  69. package/styles/gantt/_theme.scss +53 -53
  70. package/styles/gantt/bootstrap-dark.css +27 -47
  71. package/styles/gantt/bootstrap.css +29 -49
  72. package/styles/gantt/bootstrap4.css +29 -49
  73. package/styles/gantt/bootstrap5-dark.css +27 -47
  74. package/styles/gantt/bootstrap5.css +27 -47
  75. package/styles/gantt/fabric-dark.css +27 -47
  76. package/styles/gantt/fabric.css +27 -47
  77. package/styles/gantt/fluent-dark.css +28 -47
  78. package/styles/gantt/fluent.css +28 -47
  79. package/styles/gantt/highcontrast-light.css +27 -47
  80. package/styles/gantt/highcontrast.css +27 -47
  81. package/styles/gantt/icons/_material3-dark.scss +1 -0
  82. package/styles/gantt/material-dark.css +27 -47
  83. package/styles/gantt/material.css +27 -47
  84. package/styles/gantt/material3-dark.css +2184 -0
  85. package/styles/gantt/material3-dark.scss +23 -0
  86. package/styles/gantt/material3.css +2240 -0
  87. package/styles/gantt/material3.scss +23 -0
  88. package/styles/gantt/tailwind-dark.css +27 -47
  89. package/styles/gantt/tailwind.css +27 -47
  90. package/styles/highcontrast-light.css +27 -47
  91. package/styles/highcontrast.css +27 -47
  92. package/styles/material-dark.css +27 -47
  93. package/styles/material.css +27 -47
  94. package/styles/material3-dark.css +2184 -0
  95. package/styles/material3-dark.scss +3 -0
  96. package/styles/material3.css +2240 -0
  97. package/styles/material3.scss +3 -0
  98. package/styles/tailwind-dark.css +27 -47
  99. package/styles/tailwind.css +27 -47
package/styles/gantt/fluent.css CHANGED
@@ -362,9 +362,6 @@
362
362
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
363
363
  line-height: 28px;
364
364
  }
365
- .e-bigger .e-gantt .e-filter-popup.e-popup {
366
- width: 392px !important;
367
- }
368
365
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
369
366
  padding: 28px 0 0 !important;
370
367
  }
@@ -411,6 +408,7 @@
411
408
  border-radius: 50%;
412
409
  height: auto !important; /* stylelint-disable-line declaration-no-important */
413
410
  width: auto;
411
+ margin-right: 6px;
414
412
  }
415
413
  .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
416
414
  margin-left: 16px !important;
@@ -704,6 +702,9 @@
704
702
  line-height: 10px;
705
703
  vertical-align: middle;
706
704
  }
705
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
706
+ pointer-events: none;
707
+ }
707
708
  .e-gantt .e-gantt-chart {
708
709
  height: 100%;
709
710
  overflow: hidden;
@@ -1630,6 +1631,9 @@
1630
1631
  background: #edebe9;
1631
1632
  opacity: 0.9;
1632
1633
  }
1634
+ .e-gantt .e-taskbar-resize-div {
1635
+ border-color: #0078d4;
1636
+ }
1633
1637
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1634
1638
  background: #fff;
1635
1639
  border-bottom-color: #edebe9;
@@ -1677,7 +1681,7 @@
1677
1681
  outline-color: #605e5c;
1678
1682
  }
1679
1683
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1680
- background-color: #6ec0ff;
1684
+ background: #6ec0ff;
1681
1685
  outline: 1px solid #0078d4;
1682
1686
  border-radius: 4px;
1683
1687
  }
@@ -1714,7 +1718,7 @@
1714
1718
  border-radius: 3px;
1715
1719
  }
1716
1720
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1717
- background-color: #dff6dd;
1721
+ background: #dff6dd;
1718
1722
  outline: 1px solid #0b6a0b;
1719
1723
  }
1720
1724
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1882,23 +1886,16 @@
1882
1886
  .e-gantt .e-gantt-chart .e-icon {
1883
1887
  color: #fff;
1884
1888
  }
1885
- .e-gantt .e-gantt-chart .e-milestone-top {
1886
- border-bottom-color: #d2d0ce;
1887
- }
1888
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1889
- border-top-color: #d2d0ce;
1890
- }
1891
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1892
- border-bottom-color: #d2d0ce;
1893
- }
1894
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1895
- border-top-color: #d2d0ce;
1889
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1890
+ background-color: #d2d0ce;
1891
+ border-color: #0078d4;
1896
1892
  }
1897
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1898
- border-bottom-color: #d2d0ce;
1893
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1894
+ background-color: #d2d0ce;
1899
1895
  }
1900
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1901
- border-top-color: #d2d0ce;
1896
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1897
+ background-color: #d2d0ce;
1898
+ border-color: #0078d4;
1902
1899
  }
1903
1900
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1904
1901
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1918,11 +1915,8 @@
1918
1915
  .e-gantt .e-gantt-chart .e-baseline-bar {
1919
1916
  background-color: #ca5010;
1920
1917
  }
1921
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1922
- border-bottom-color: #ca5010;
1923
- }
1924
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1925
- border-top-color: #ca5010;
1918
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1919
+ background-color: #ca5010;
1926
1920
  }
1927
1921
  .e-gantt .e-gantt-chart .e-uptail::before {
1928
1922
  border-bottom-color: #edebe9;
@@ -1976,11 +1970,8 @@
1976
1970
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1977
1971
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1978
1972
  }
1979
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1980
- border-bottom-color: #c7e0f4 !important; /* stylelint-disable-line declaration-no-important */
1981
- }
1982
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1983
- border-top-color: #c7e0f4 !important; /* stylelint-disable-line declaration-no-important */
1973
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1974
+ background-color: #c7e0f4 !important; /* stylelint-disable-line declaration-no-important */
1984
1975
  }
1985
1976
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1986
1977
  background-color: #e1dfdd !important; /* stylelint-disable-line declaration-no-important */
@@ -1994,21 +1985,15 @@
1994
1985
  background: #0078d4 !important; /* stylelint-disable-line declaration-no-important */
1995
1986
  border: #0078d4 !important; /* stylelint-disable-line declaration-no-important */
1996
1987
  }
1997
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1998
- border-bottom-color: #0078d4 !important; /* stylelint-disable-line declaration-no-important */
1999
- }
2000
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
2001
- border-top-color: #0078d4 !important; /* stylelint-disable-line declaration-no-important */
1988
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1989
+ background-color: #0078d4 !important; /* stylelint-disable-line declaration-no-important */
2002
1990
  }
2003
1991
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
2004
1992
  background: #3baaff !important; /* stylelint-disable-line declaration-no-important */
2005
1993
  border: #3baaff !important; /* stylelint-disable-line declaration-no-important */
2006
1994
  }
2007
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
2008
- border-bottom-color: #3baaff !important; /* stylelint-disable-line declaration-no-important */
2009
- }
2010
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
2011
- border-top-color: #3baaff !important; /* stylelint-disable-line declaration-no-important */
1995
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
1996
+ background-color: #3baaff !important; /* stylelint-disable-line declaration-no-important */
2012
1997
  }
2013
1998
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
2014
1999
  border-color: #0078d4 !important; /* stylelint-disable-line declaration-no-important */
@@ -2108,7 +2093,7 @@
2108
2093
  }
2109
2094
 
2110
2095
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2111
- background-color: #fed9cc;
2096
+ background: #fed9cc;
2112
2097
  outline: 1px solid #fed9cc;
2113
2098
  border-radius: 4px;
2114
2099
  }
@@ -2127,10 +2112,6 @@
2127
2112
  border-radius: 4px;
2128
2113
  }
2129
2114
 
2130
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2131
- border-bottom-color: #d13438;
2132
- }
2133
-
2134
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2135
- border-top-color: #d13438;
2115
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2116
+ background-color: #d13438;
2136
2117
  }
package/styles/gantt/highcontrast-light.css CHANGED
@@ -276,9 +276,6 @@
276
276
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
277
277
  line-height: 28px;
278
278
  }
279
- .e-bigger .e-gantt .e-filter-popup.e-popup {
280
- width: 307px !important;
281
- }
282
279
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
283
280
  padding: 20px 0 0 !important;
284
281
  }
@@ -616,6 +613,9 @@
616
613
  line-height: 10px;
617
614
  vertical-align: middle;
618
615
  }
616
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
617
+ pointer-events: none;
618
+ }
619
619
  .e-gantt .e-gantt-chart {
620
620
  height: 100%;
621
621
  overflow: hidden;
@@ -1538,6 +1538,9 @@
1538
1538
  background: #400074;
1539
1539
  opacity: 1;
1540
1540
  }
1541
+ .e-gantt .e-taskbar-resize-div {
1542
+ border-color: #29c400;
1543
+ }
1541
1544
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1542
1545
  background: #fff;
1543
1546
  border-bottom-color: #757575;
@@ -1585,7 +1588,7 @@
1585
1588
  outline-color: #757575;
1586
1589
  }
1587
1590
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1588
- background-color: #3e047d;
1591
+ background: #3e047d;
1589
1592
  outline: 1px solid #000;
1590
1593
  border-radius: 0px;
1591
1594
  }
@@ -1622,7 +1625,7 @@
1622
1625
  border-radius: 3px;
1623
1626
  }
1624
1627
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1625
- background-color: #8dd1c4;
1628
+ background: #8dd1c4;
1626
1629
  outline: #4fb29f;
1627
1630
  }
1628
1631
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1790,23 +1793,16 @@
1790
1793
  .e-gantt .e-gantt-chart .e-icon {
1791
1794
  color: #000;
1792
1795
  }
1793
- .e-gantt .e-gantt-chart .e-milestone-top {
1794
- border-bottom-color: #000;
1795
- }
1796
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1797
- border-top-color: #000;
1798
- }
1799
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1800
- border-bottom-color: #005201;
1801
- }
1802
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1803
- border-top-color: #005201;
1796
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1797
+ background-color: #000;
1798
+ border-color: #6e06f1;
1804
1799
  }
1805
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1806
- border-bottom-color: #989A9C;
1800
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1801
+ background-color: #005201;
1807
1802
  }
1808
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1809
- border-top-color: #989A9C;
1803
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1804
+ background-color: #989A9C;
1805
+ border-color: #6e06f1;
1810
1806
  }
1811
1807
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1812
1808
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1826,11 +1822,8 @@
1826
1822
  .e-gantt .e-gantt-chart .e-baseline-bar {
1827
1823
  background-color: #ff7d1a;
1828
1824
  }
1829
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1830
- border-bottom-color: #ff7d1a;
1831
- }
1832
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1833
- border-top-color: #ff7d1a;
1825
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1826
+ background-color: #ff7d1a;
1834
1827
  }
1835
1828
  .e-gantt .e-gantt-chart .e-uptail::before {
1836
1829
  border-bottom-color: #e0e0e0;
@@ -1884,11 +1877,8 @@
1884
1877
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1885
1878
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1886
1879
  }
1887
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1888
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1889
- }
1890
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1891
- border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1880
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1881
+ background-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1892
1882
  }
1893
1883
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1894
1884
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -1902,21 +1892,15 @@
1902
1892
  background: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1903
1893
  border: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1904
1894
  }
1905
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1906
- border-bottom-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1907
- }
1908
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1909
- border-top-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1895
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1896
+ background-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
1910
1897
  }
1911
1898
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1912
1899
  background: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1913
1900
  border: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1914
1901
  }
1915
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1916
- border-bottom-color: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1917
- }
1918
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1919
- border-top-color: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1902
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
1903
+ background-color: #6f07e0 !important; /* stylelint-disable-line declaration-no-important */
1920
1904
  }
1921
1905
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1922
1906
  border-color: #6e06f1 !important; /* stylelint-disable-line declaration-no-important */
@@ -2016,7 +2000,7 @@
2016
2000
  }
2017
2001
 
2018
2002
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2019
- background-color: #F3D8DA;
2003
+ background: #F3D8DA;
2020
2004
  outline: 1px solid #F3D8DA;
2021
2005
  border-radius: 0px;
2022
2006
  }
@@ -2035,10 +2019,6 @@
2035
2019
  border-radius: 0px;
2036
2020
  }
2037
2021
 
2038
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2039
- border-bottom-color: #D13438;
2040
- }
2041
-
2042
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2043
- border-top-color: #D13438;
2022
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2023
+ background-color: #D13438;
2044
2024
  }
package/styles/gantt/highcontrast.css CHANGED
@@ -377,9 +377,6 @@
377
377
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
378
378
  line-height: 28px;
379
379
  }
380
- .e-bigger .e-gantt .e-filter-popup.e-popup {
381
- width: 307px !important;
382
- }
383
380
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
384
381
  padding: 20px 0 0 !important;
385
382
  }
@@ -718,6 +715,9 @@
718
715
  line-height: 10px;
719
716
  vertical-align: middle;
720
717
  }
718
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
719
+ pointer-events: none;
720
+ }
721
721
  .e-gantt .e-gantt-chart {
722
722
  height: 100%;
723
723
  overflow: hidden;
@@ -1641,6 +1641,9 @@
1641
1641
  background: rgba(255, 217, 57, 0.7);
1642
1642
  opacity: 1;
1643
1643
  }
1644
+ .e-gantt .e-taskbar-resize-div {
1645
+ border-color: #29c400;
1646
+ }
1644
1647
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1645
1648
  background: #000;
1646
1649
  border-bottom-color: #969696;
@@ -1688,7 +1691,7 @@
1688
1691
  outline-color: #969696;
1689
1692
  }
1690
1693
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1691
- background-color: #6e06f1;
1694
+ background: #6e06f1;
1692
1695
  outline: 1px solid #fff;
1693
1696
  border-radius: 0px;
1694
1697
  }
@@ -1725,7 +1728,7 @@
1725
1728
  border-radius: 3px;
1726
1729
  }
1727
1730
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1728
- background-color: #4731FE;
1731
+ background: #4731FE;
1729
1732
  outline: 1px solid #FFFFFF;
1730
1733
  }
1731
1734
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1893,23 +1896,16 @@
1893
1896
  .e-gantt .e-gantt-chart .e-icon {
1894
1897
  color: #fff;
1895
1898
  }
1896
- .e-gantt .e-gantt-chart .e-milestone-top {
1897
- border-bottom-color: #fff;
1898
- }
1899
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1900
- border-top-color: #fff;
1901
- }
1902
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1903
- border-bottom-color: #005201;
1904
- }
1905
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1906
- border-top-color: #005201;
1899
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1900
+ background-color: #fff;
1901
+ border-color: #3e047d;
1907
1902
  }
1908
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1909
- border-bottom-color: #989A9C;
1903
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1904
+ background-color: #005201;
1910
1905
  }
1911
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1912
- border-top-color: #989A9C;
1906
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1907
+ background-color: #989A9C;
1908
+ border-color: #3e047d;
1913
1909
  }
1914
1910
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1915
1911
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1929,11 +1925,8 @@
1929
1925
  .e-gantt .e-gantt-chart .e-baseline-bar {
1930
1926
  background-color: #ff7d1a;
1931
1927
  }
1932
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1933
- border-bottom-color: #ff7d1a;
1934
- }
1935
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1936
- border-top-color: #ff7d1a;
1928
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1929
+ background-color: #ff7d1a;
1937
1930
  }
1938
1931
  .e-gantt .e-gantt-chart .e-uptail::before {
1939
1932
  border-bottom-color: #e0e0e0;
@@ -1987,11 +1980,8 @@
1987
1980
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1988
1981
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1989
1982
  }
1990
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1991
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1992
- }
1993
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1994
- border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1983
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1984
+ background-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1995
1985
  }
1996
1986
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1997
1987
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -2005,21 +1995,15 @@
2005
1995
  background: #3e047d !important; /* stylelint-disable-line declaration-no-important */
2006
1996
  border: #3e047d !important; /* stylelint-disable-line declaration-no-important */
2007
1997
  }
2008
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
2009
- border-bottom-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
2010
- }
2011
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
2012
- border-top-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
1998
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1999
+ background-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
2013
2000
  }
2014
2001
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
2015
2002
  background: #a662fb !important; /* stylelint-disable-line declaration-no-important */
2016
2003
  border: #a662fb !important; /* stylelint-disable-line declaration-no-important */
2017
2004
  }
2018
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
2019
- border-bottom-color: #a662fb !important; /* stylelint-disable-line declaration-no-important */
2020
- }
2021
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
2022
- border-top-color: #a662fb !important; /* stylelint-disable-line declaration-no-important */
2005
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
2006
+ background-color: #a662fb !important; /* stylelint-disable-line declaration-no-important */
2023
2007
  }
2024
2008
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
2025
2009
  border-color: #3e047d !important; /* stylelint-disable-line declaration-no-important */
@@ -2119,7 +2103,7 @@
2119
2103
  }
2120
2104
 
2121
2105
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2122
- background-color: #F3D8DA;
2106
+ background: #F3D8DA;
2123
2107
  outline: 1px solid #F3D8DA;
2124
2108
  border-radius: 0px;
2125
2109
  }
@@ -2138,10 +2122,6 @@
2138
2122
  border-radius: 0px;
2139
2123
  }
2140
2124
 
2141
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2142
- border-bottom-color: #D13438;
2143
- }
2144
-
2145
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2146
- border-top-color: #D13438;
2125
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2126
+ background-color: #D13438;
2147
2127
  }
package/styles/gantt/icons/_material3-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import './material3.scss';
package/styles/gantt/material-dark.css CHANGED
@@ -336,9 +336,6 @@
336
336
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
337
337
  line-height: 28px;
338
338
  }
339
- .e-bigger .e-gantt .e-filter-popup.e-popup {
340
- width: 350px !important;
341
- }
342
339
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
343
340
  padding: 14px 0 0 !important;
344
341
  }
@@ -676,6 +673,9 @@
676
673
  line-height: 10px;
677
674
  vertical-align: middle;
678
675
  }
676
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
677
+ pointer-events: none;
678
+ }
679
679
  .e-gantt .e-gantt-chart {
680
680
  height: 100%;
681
681
  overflow: hidden;
@@ -1598,6 +1598,9 @@
1598
1598
  background: rgba(255, 255, 255, 0.28);
1599
1599
  opacity: 0.87;
1600
1600
  }
1601
+ .e-gantt .e-taskbar-resize-div {
1602
+ border-color: #00b0ff;
1603
+ }
1601
1604
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1602
1605
  background: #303030;
1603
1606
  border-bottom-color: #616161;
@@ -1645,7 +1648,7 @@
1645
1648
  outline-color: rgba(255, 255, 255, 0.5);
1646
1649
  }
1647
1650
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1648
- background-color: #3f51b5;
1651
+ background: #3f51b5;
1649
1652
  outline: 1px solid #7280ce;
1650
1653
  border-radius: 4px;
1651
1654
  }
@@ -1682,7 +1685,7 @@
1682
1685
  border-radius: 3px;
1683
1686
  }
1684
1687
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1685
- background-color: #8dd1c4;
1688
+ background: #8dd1c4;
1686
1689
  outline: #4fb29f;
1687
1690
  }
1688
1691
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1850,23 +1853,16 @@
1850
1853
  .e-gantt .e-gantt-chart .e-icon {
1851
1854
  color: #fff;
1852
1855
  }
1853
- .e-gantt .e-gantt-chart .e-milestone-top {
1854
- border-bottom-color: #dadada;
1855
- }
1856
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1857
- border-top-color: #dadada;
1858
- }
1859
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1860
- border-bottom-color: #4cc7ba;
1861
- }
1862
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1863
- border-top-color: #4cc7ba;
1856
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1857
+ background-color: #dadada;
1858
+ border-color: #7280ce;
1864
1859
  }
1865
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1866
- border-bottom-color: #989A9C;
1860
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1861
+ background-color: #4cc7ba;
1867
1862
  }
1868
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1869
- border-top-color: #989A9C;
1863
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1864
+ background-color: #989A9C;
1865
+ border-color: #7280ce;
1870
1866
  }
1871
1867
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1872
1868
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1886,11 +1882,8 @@
1886
1882
  .e-gantt .e-gantt-chart .e-baseline-bar {
1887
1883
  background-color: #ff9800;
1888
1884
  }
1889
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1890
- border-bottom-color: #ff9800;
1891
- }
1892
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1893
- border-top-color: #ff9800;
1885
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1886
+ background-color: #ff9800;
1894
1887
  }
1895
1888
  .e-gantt .e-gantt-chart .e-uptail::before {
1896
1889
  border-bottom-color: #e0e0e0;
@@ -1944,11 +1937,8 @@
1944
1937
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1945
1938
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1946
1939
  }
1947
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1948
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1949
- }
1950
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1951
- border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1940
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1941
+ background-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1952
1942
  }
1953
1943
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1954
1944
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -1962,21 +1952,15 @@
1962
1952
  background: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1963
1953
  border: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1964
1954
  }
1965
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1966
- border-bottom-color: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1967
- }
1968
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1969
- border-top-color: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1955
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1956
+ background-color: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1970
1957
  }
1971
1958
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1972
1959
  background: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1973
1960
  border: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1974
1961
  }
1975
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1976
- border-bottom-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1977
- }
1978
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1979
- border-top-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1962
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
1963
+ background-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1980
1964
  }
1981
1965
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1982
1966
  border-color: #7280ce !important; /* stylelint-disable-line declaration-no-important */
@@ -2076,7 +2060,7 @@
2076
2060
  }
2077
2061
 
2078
2062
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2079
- background-color: #F3D8DA;
2063
+ background: #F3D8DA;
2080
2064
  outline: 1px solid #F3D8DA;
2081
2065
  border-radius: 4px;
2082
2066
  }
@@ -2095,10 +2079,6 @@
2095
2079
  border-radius: 0px;
2096
2080
  }
2097
2081
 
2098
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2099
- border-bottom-color: #d13438;
2100
- }
2101
-
2102
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2103
- border-top-color: #d13438;
2082
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2083
+ background-color: #d13438;
2104
2084
  }