@syncfusion/ej2-vue-gantt 21.2.10 → 22.1.36

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 (48) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/ej2-vue-gantt.umd.min.js +2 -2
  3. package/dist/ej2-vue-gantt.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-gantt.es2015.js +1 -1
  5. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-gantt.es5.js +1 -1
  7. package/dist/es6/ej2-vue-gantt.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-gantt.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/gantt/gantt.component.js +1 -1
  11. package/styles/bootstrap-dark.css +27 -47
  12. package/styles/bootstrap.css +29 -49
  13. package/styles/bootstrap4.css +29 -49
  14. package/styles/bootstrap5-dark.css +27 -47
  15. package/styles/bootstrap5.css +27 -47
  16. package/styles/fabric-dark.css +27 -47
  17. package/styles/fabric.css +27 -47
  18. package/styles/fluent-dark.css +28 -47
  19. package/styles/fluent.css +28 -47
  20. package/styles/gantt/bootstrap-dark.css +27 -47
  21. package/styles/gantt/bootstrap.css +29 -49
  22. package/styles/gantt/bootstrap4.css +29 -49
  23. package/styles/gantt/bootstrap5-dark.css +27 -47
  24. package/styles/gantt/bootstrap5.css +27 -47
  25. package/styles/gantt/fabric-dark.css +27 -47
  26. package/styles/gantt/fabric.css +27 -47
  27. package/styles/gantt/fluent-dark.css +28 -47
  28. package/styles/gantt/fluent.css +28 -47
  29. package/styles/gantt/highcontrast-light.css +27 -47
  30. package/styles/gantt/highcontrast.css +27 -47
  31. package/styles/gantt/material-dark.css +27 -47
  32. package/styles/gantt/material.css +27 -47
  33. package/styles/gantt/material3-dark.css +2193 -0
  34. package/styles/gantt/material3-dark.scss +2 -0
  35. package/styles/gantt/material3.css +2249 -0
  36. package/styles/gantt/material3.scss +2 -0
  37. package/styles/gantt/tailwind-dark.css +27 -47
  38. package/styles/gantt/tailwind.css +27 -47
  39. package/styles/highcontrast-light.css +27 -47
  40. package/styles/highcontrast.css +27 -47
  41. package/styles/material-dark.css +27 -47
  42. package/styles/material.css +27 -47
  43. package/styles/material3-dark.css +2193 -0
  44. package/styles/material3-dark.scss +2 -0
  45. package/styles/material3.css +2249 -0
  46. package/styles/material3.scss +2 -0
  47. package/styles/tailwind-dark.css +27 -47
  48. package/styles/tailwind.css +27 -47
package/styles/material3.scss ADDED
@@ -0,0 +1,2 @@
1
+
2
+ @import 'gantt/material3.scss';
package/styles/tailwind-dark.css CHANGED
@@ -345,9 +345,6 @@
345
345
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
346
346
  line-height: 28px;
347
347
  }
348
- .e-bigger .e-gantt .e-filter-popup.e-popup {
349
- width: 319px !important;
350
- }
351
348
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
352
349
  padding: 24px 0 0 !important;
353
350
  }
@@ -688,6 +685,9 @@
688
685
  line-height: 10px;
689
686
  vertical-align: middle;
690
687
  }
688
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
689
+ pointer-events: none;
690
+ }
691
691
  .e-gantt .e-gantt-chart {
692
692
  height: 100%;
693
693
  overflow: hidden;
@@ -1614,6 +1614,9 @@
1614
1614
  background: #6b7280;
1615
1615
  opacity: 0.9;
1616
1616
  }
1617
+ .e-gantt .e-taskbar-resize-div {
1618
+ border-color: #22d3ee;
1619
+ }
1617
1620
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1618
1621
  background: #232e3e;
1619
1622
  border-bottom-color: #4b5563;
@@ -1661,7 +1664,7 @@
1661
1664
  outline-color: #6b7280;
1662
1665
  }
1663
1666
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1664
- background-color: #0891b2;
1667
+ background: #0891b2;
1665
1668
  outline: 1px solid #22d3ee;
1666
1669
  border-radius: 4px;
1667
1670
  }
@@ -1698,7 +1701,7 @@
1698
1701
  border-radius: 3px;
1699
1702
  }
1700
1703
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1701
- background-color: #dcfce7;
1704
+ background: #dcfce7;
1702
1705
  outline: 1px solid #22c55e;
1703
1706
  }
1704
1707
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1866,23 +1869,16 @@
1866
1869
  .e-gantt .e-gantt-chart .e-icon {
1867
1870
  color: #000;
1868
1871
  }
1869
- .e-gantt .e-gantt-chart .e-milestone-top {
1870
- border-bottom-color: #9ca3af;
1871
- }
1872
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1873
- border-top-color: #9ca3af;
1874
- }
1875
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1876
- border-bottom-color: #9ca3af;
1877
- }
1878
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1879
- border-top-color: #9ca3af;
1872
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1873
+ background-color: #9ca3af;
1874
+ border-color: #22d3ee;
1880
1875
  }
1881
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1882
- border-bottom-color: #9ca3af;
1876
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1877
+ background-color: #9ca3af;
1883
1878
  }
1884
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1885
- border-top-color: #9ca3af;
1879
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1880
+ background-color: #9ca3af;
1881
+ border-color: #22d3ee;
1886
1882
  }
1887
1883
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1888
1884
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1902,11 +1898,8 @@
1902
1898
  .e-gantt .e-gantt-chart .e-baseline-bar {
1903
1899
  background-color: #f97316;
1904
1900
  }
1905
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1906
- border-bottom-color: #f97316;
1907
- }
1908
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1909
- border-top-color: #f97316;
1901
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1902
+ background-color: #f97316;
1910
1903
  }
1911
1904
  .e-gantt .e-gantt-chart .e-uptail::before {
1912
1905
  border-bottom-color: #4b5563;
@@ -1960,11 +1953,8 @@
1960
1953
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1961
1954
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1962
1955
  }
1963
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1964
- border-bottom-color: #0891b2 !important; /* stylelint-disable-line declaration-no-important */
1965
- }
1966
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1967
- border-top-color: #0891b2 !important; /* stylelint-disable-line declaration-no-important */
1956
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1957
+ background-color: #0891b2 !important; /* stylelint-disable-line declaration-no-important */
1968
1958
  }
1969
1959
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1970
1960
  background-color: #6b7280 !important; /* stylelint-disable-line declaration-no-important */
@@ -1978,21 +1968,15 @@
1978
1968
  background: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1979
1969
  border: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1980
1970
  }
1981
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1982
- border-bottom-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1983
- }
1984
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1985
- border-top-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1971
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1972
+ background-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1986
1973
  }
1987
1974
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1988
1975
  background: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1989
1976
  border: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1990
1977
  }
1991
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1992
- border-bottom-color: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1993
- }
1994
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1995
- border-top-color: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1978
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
1979
+ background-color: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1996
1980
  }
1997
1981
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1998
1982
  border-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
@@ -2092,7 +2076,7 @@
2092
2076
  }
2093
2077
 
2094
2078
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2095
- background-color: #fee2e2;
2079
+ background: #fee2e2;
2096
2080
  outline: 1px solid #fee2e2;
2097
2081
  border-radius: 4px;
2098
2082
  }
@@ -2111,10 +2095,6 @@
2111
2095
  border-radius: 2px;
2112
2096
  }
2113
2097
 
2114
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2115
- border-bottom-color: #f87171;
2116
- }
2117
-
2118
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2119
- border-top-color: #f87171;
2098
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2099
+ background-color: #f87171;
2120
2100
  }
package/styles/tailwind.css CHANGED
@@ -345,9 +345,6 @@
345
345
  .e-bigger .e-gantt .e-dialog .e-dlg-header {
346
346
  line-height: 28px;
347
347
  }
348
- .e-bigger .e-gantt .e-filter-popup.e-popup {
349
- width: 319px !important;
350
- }
351
348
  .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
352
349
  padding: 24px 0 0 !important;
353
350
  }
@@ -688,6 +685,9 @@
688
685
  line-height: 10px;
689
686
  vertical-align: middle;
690
687
  }
688
+ .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
689
+ pointer-events: none;
690
+ }
691
691
  .e-gantt .e-gantt-chart {
692
692
  height: 100%;
693
693
  overflow: hidden;
@@ -1614,6 +1614,9 @@
1614
1614
  background: #e5e7eb;
1615
1615
  opacity: 0.9;
1616
1616
  }
1617
+ .e-gantt .e-taskbar-resize-div {
1618
+ border-color: #4f46e5;
1619
+ }
1617
1620
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1618
1621
  background: #f9fafb;
1619
1622
  border-bottom-color: #e5e7eb;
@@ -1661,7 +1664,7 @@
1661
1664
  outline-color: #d1d5db;
1662
1665
  }
1663
1666
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1664
- background-color: #818cf8;
1667
+ background: #818cf8;
1665
1668
  outline: 1px solid #4f46e5;
1666
1669
  border-radius: 4px;
1667
1670
  }
@@ -1698,7 +1701,7 @@
1698
1701
  border-radius: 3px;
1699
1702
  }
1700
1703
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1701
- background-color: #dcfce7;
1704
+ background: #dcfce7;
1702
1705
  outline: 1px solid #15803d;
1703
1706
  }
1704
1707
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1866,23 +1869,16 @@
1866
1869
  .e-gantt .e-gantt-chart .e-icon {
1867
1870
  color: #fff;
1868
1871
  }
1869
- .e-gantt .e-gantt-chart .e-milestone-top {
1870
- border-bottom-color: #9ca3af;
1871
- }
1872
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1873
- border-top-color: #9ca3af;
1874
- }
1875
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1876
- border-bottom-color: #9ca3af;
1877
- }
1878
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1879
- border-top-color: #9ca3af;
1872
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1873
+ background-color: #9ca3af;
1874
+ border-color: #4f46e5;
1880
1875
  }
1881
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1882
- border-bottom-color: #9ca3af;
1876
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1877
+ background-color: #9ca3af;
1883
1878
  }
1884
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1885
- border-top-color: #9ca3af;
1879
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1880
+ background-color: #9ca3af;
1881
+ border-color: #4f46e5;
1886
1882
  }
1887
1883
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1888
1884
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1902,11 +1898,8 @@
1902
1898
  .e-gantt .e-gantt-chart .e-baseline-bar {
1903
1899
  background-color: #c2410c;
1904
1900
  }
1905
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1906
- border-bottom-color: #c2410c;
1907
- }
1908
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1909
- border-top-color: #c2410c;
1901
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1902
+ background-color: #c2410c;
1910
1903
  }
1911
1904
  .e-gantt .e-gantt-chart .e-uptail::before {
1912
1905
  border-bottom-color: #e5e7eb;
@@ -1960,11 +1953,8 @@
1960
1953
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1961
1954
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1962
1955
  }
1963
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1964
- border-bottom-color: #818cf8 !important; /* stylelint-disable-line declaration-no-important */
1965
- }
1966
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1967
- border-top-color: #818cf8 !important; /* stylelint-disable-line declaration-no-important */
1956
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
1957
+ background-color: #818cf8 !important; /* stylelint-disable-line declaration-no-important */
1968
1958
  }
1969
1959
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1970
1960
  background-color: #d1d5db !important; /* stylelint-disable-line declaration-no-important */
@@ -1978,21 +1968,15 @@
1978
1968
  background: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1979
1969
  border: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1980
1970
  }
1981
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1982
- border-bottom-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1983
- }
1984
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1985
- border-top-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1971
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
1972
+ background-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1986
1973
  }
1987
1974
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1988
1975
  background: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1989
1976
  border: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1990
1977
  }
1991
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1992
- border-bottom-color: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1993
- }
1994
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1995
- border-top-color: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1978
+ .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
1979
+ background-color: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1996
1980
  }
1997
1981
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1998
1982
  border-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
@@ -2092,7 +2076,7 @@
2092
2076
  }
2093
2077
 
2094
2078
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2095
- background-color: #fee2e2;
2079
+ background: #fee2e2;
2096
2080
  outline: 1px solid #fee2e2;
2097
2081
  border-radius: 4px;
2098
2082
  }
@@ -2111,10 +2095,6 @@
2111
2095
  border-radius: 2px;
2112
2096
  }
2113
2097
 
2114
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2115
- border-bottom-color: #dc2626;
2116
- }
2117
-
2118
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2119
- border-top-color: #dc2626;
2098
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2099
+ background-color: #dc2626;
2120
2100
  }