@syncfusion/ej2-gantt 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 (99) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +12 -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 +734 -711
  7. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  8. package/dist/es6/ej2-gantt.es5.js +773 -751
  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 +20 -19
  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 +8 -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 +1 -19
  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 +14 -15
  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/material.css CHANGED
@@ -373,9 +373,6 @@
373
373
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
374
374
  line-height: 28px;
375
375
  }
376
- .e-bigger .e-gantt .e-filter-popup.e-popup {
377
- width: 350px !important;
378
- }
379
376
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
380
377
  padding: 14px 0 0 !important;
381
378
  }
@@ -720,6 +717,9 @@
720
717
  line-height: 10px;
721
718
  vertical-align: middle;
722
719
  }
720
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
721
+ pointer-events: none;
722
+ }
723
723
  .e-gantt .e-gantt-chart {
724
724
  height: 100%;
725
725
  overflow: hidden;
@@ -1642,6 +1642,9 @@
1642
1642
  background: rgba(63, 81, 181, 0.15);
1643
1643
  opacity: 1;
1644
1644
  }
1645
+ .e-gantt .e-taskbar-resize-div {
1646
+ border-color: #e3165b;
1647
+ }
1645
1648
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1646
1649
  background: #fff;
1647
1650
  border-bottom-color: #e0e0e0;
@@ -1689,7 +1692,7 @@
1689
1692
  outline-color: #9e9e9e;
1690
1693
  }
1691
1694
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1692
- background-color: #5869c5;
1695
+ background: #5869c5;
1693
1696
  outline: 1px solid #3f51b5;
1694
1697
  border-radius: 4px;
1695
1698
  }
@@ -1726,7 +1729,7 @@
1726
1729
  border-radius: 3px;
1727
1730
  }
1728
1731
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1729
- background-color: rgba(0, 135, 134, 0.85);
1732
+ background: rgba(0, 135, 134, 0.85);
1730
1733
  outline: 1px solid #008786;
1731
1734
  }
1732
1735
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1894,23 +1897,16 @@
1894
1897
  .e-gantt .e-gantt-chart .e-icon {
1895
1898
  color: #fff;
1896
1899
  }
1897
- .e-gantt .e-gantt-chart .e-milestone-top {
1898
- border-bottom-color: #616161;
1899
- }
1900
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1901
- border-top-color: #616161;
1902
- }
1903
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1904
- border-bottom-color: #616161;
1905
- }
1906
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1907
- border-top-color: #616161;
1900
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1901
+ background-color: #616161;
1902
+ border-color: #3f51b5;
1908
1903
  }
1909
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1910
- border-bottom-color: #989A9C;
1904
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1905
+ background-color: #616161;
1911
1906
  }
1912
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1913
- border-top-color: #989A9C;
1907
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1908
+ background-color: #989A9C;
1909
+ border-color: #3f51b5;
1914
1910
  }
1915
1911
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1916
1912
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1930,11 +1926,8 @@
1930
1926
  .e-gantt .e-gantt-chart .e-baseline-bar {
1931
1927
  background-color: #C15700;
1932
1928
  }
1933
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1934
- border-bottom-color: #C15700;
1935
- }
1936
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1937
- border-top-color: #C15700;
1929
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1930
+ background-color: #C15700;
1938
1931
  }
1939
1932
  .e-gantt .e-gantt-chart .e-uptail::before {
1940
1933
  border-bottom-color: #e0e0e0;
@@ -1988,11 +1981,8 @@
1988
1981
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1989
1982
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1990
1983
  }
1991
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1992
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1993
- }
1994
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1995
- border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1984
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1985
+ background-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1996
1986
  }
1997
1987
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1998
1988
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -2006,21 +1996,15 @@
2006
1996
  background: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
2007
1997
  border: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
2008
1998
  }
2009
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
2010
- border-bottom-color: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
2011
- }
2012
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
2013
- border-top-color: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
1999
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
2000
+ background-color: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
2014
2001
  }
2015
2002
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
2016
2003
  background: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2017
2004
  border: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2018
2005
  }
2019
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
2020
- border-bottom-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2021
- }
2022
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
2023
- border-top-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2006
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
2007
+ background-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2024
2008
  }
2025
2009
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
2026
2010
  border-color: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
@@ -2120,7 +2104,7 @@
2120
2104
  }
2121
2105
 
2122
2106
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2123
- background-color: #F3D8DA;
2107
+ background: #F3D8DA;
2124
2108
  outline: 1px solid #F3D8DA;
2125
2109
  border-radius: 4px;
2126
2110
  }
@@ -2139,10 +2123,6 @@
2139
2123
  border-radius: 2px;
2140
2124
  }
2141
2125
 
2142
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2143
- border-bottom-color: #D13438;
2144
- }
2145
-
2146
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2147
- border-top-color: #D13438;
2126
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2127
+ background-color: #D13438;
2148
2128
  }