@syncfusion/ej2-vue-gantt 21.1.35 → 21.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 +164 -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 +2 -2
  5. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-gantt.es5.js +2 -2
  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 +10 -9
  10. package/src/gantt/gantt.component.js +2 -2
  11. package/styles/bootstrap-dark.css +31 -47
  12. package/styles/bootstrap.css +33 -49
  13. package/styles/bootstrap4.css +33 -49
  14. package/styles/bootstrap5-dark.css +31 -47
  15. package/styles/bootstrap5.css +31 -47
  16. package/styles/fabric-dark.css +31 -47
  17. package/styles/fabric.css +31 -47
  18. package/styles/fluent-dark.css +31 -50
  19. package/styles/fluent.css +31 -50
  20. package/styles/gantt/bootstrap-dark.css +31 -47
  21. package/styles/gantt/bootstrap.css +33 -49
  22. package/styles/gantt/bootstrap4.css +33 -49
  23. package/styles/gantt/bootstrap5-dark.css +31 -47
  24. package/styles/gantt/bootstrap5.css +31 -47
  25. package/styles/gantt/fabric-dark.css +31 -47
  26. package/styles/gantt/fabric.css +31 -47
  27. package/styles/gantt/fluent-dark.css +31 -50
  28. package/styles/gantt/fluent.css +31 -50
  29. package/styles/gantt/highcontrast-light.css +31 -47
  30. package/styles/gantt/highcontrast.css +31 -47
  31. package/styles/gantt/material-dark.css +31 -47
  32. package/styles/gantt/material.css +31 -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 +31 -47
  38. package/styles/gantt/tailwind.css +31 -47
  39. package/styles/highcontrast-light.css +31 -47
  40. package/styles/highcontrast.css +31 -47
  41. package/styles/material-dark.css +31 -47
  42. package/styles/material.css +31 -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 +31 -47
  48. package/styles/tailwind.css +31 -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;
@@ -1288,6 +1288,7 @@
1288
1288
  outline: 1px solid;
1289
1289
  outline-offset: 2px;
1290
1290
  }
1291
+
1291
1292
  .e-gantt-dialog .e-tab .e-tab-header {
1292
1293
  padding-left: 0px;
1293
1294
  }
@@ -1566,6 +1567,9 @@
1566
1567
  border-color: #4b5563;
1567
1568
  border-radius: 0px;
1568
1569
  }
1570
+ .e-gantt .e-grid .e-spinner-pane {
1571
+ display: none;
1572
+ }
1569
1573
  .e-gantt .e-cloneproperties.e-draganddrop {
1570
1574
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
1571
1575
  opacity: 0.95;
@@ -1610,6 +1614,9 @@
1610
1614
  background: #6b7280;
1611
1615
  opacity: 0.9;
1612
1616
  }
1617
+ .e-gantt .e-taskbar-resize-div {
1618
+ border-color: #22d3ee;
1619
+ }
1613
1620
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1614
1621
  background: #232e3e;
1615
1622
  border-bottom-color: #4b5563;
@@ -1657,7 +1664,7 @@
1657
1664
  outline-color: #6b7280;
1658
1665
  }
1659
1666
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1660
- background-color: #0891b2;
1667
+ background: #0891b2;
1661
1668
  outline: 1px solid #22d3ee;
1662
1669
  border-radius: 4px;
1663
1670
  }
@@ -1694,7 +1701,7 @@
1694
1701
  border-radius: 3px;
1695
1702
  }
1696
1703
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1697
- background-color: #dcfce7;
1704
+ background: #dcfce7;
1698
1705
  outline: 1px solid #22c55e;
1699
1706
  }
1700
1707
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1862,23 +1869,16 @@
1862
1869
  .e-gantt .e-gantt-chart .e-icon {
1863
1870
  color: #000;
1864
1871
  }
1865
- .e-gantt .e-gantt-chart .e-milestone-top {
1866
- border-bottom-color: #9ca3af;
1867
- }
1868
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1869
- border-top-color: #9ca3af;
1870
- }
1871
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1872
- border-bottom-color: #9ca3af;
1873
- }
1874
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1875
- border-top-color: #9ca3af;
1872
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1873
+ background-color: #9ca3af;
1874
+ border-color: #22d3ee;
1876
1875
  }
1877
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1878
- border-bottom-color: #9ca3af;
1876
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1877
+ background-color: #9ca3af;
1879
1878
  }
1880
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1881
- border-top-color: #9ca3af;
1879
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1880
+ background-color: #9ca3af;
1881
+ border-color: #22d3ee;
1882
1882
  }
1883
1883
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1884
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%);
@@ -1898,11 +1898,8 @@
1898
1898
  .e-gantt .e-gantt-chart .e-baseline-bar {
1899
1899
  background-color: #f97316;
1900
1900
  }
1901
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1902
- border-bottom-color: #f97316;
1903
- }
1904
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1905
- border-top-color: #f97316;
1901
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1902
+ background-color: #f97316;
1906
1903
  }
1907
1904
  .e-gantt .e-gantt-chart .e-uptail::before {
1908
1905
  border-bottom-color: #4b5563;
@@ -1956,11 +1953,8 @@
1956
1953
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1957
1954
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1958
1955
  }
1959
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1960
- border-bottom-color: #0891b2 !important; /* stylelint-disable-line declaration-no-important */
1961
- }
1962
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1963
- 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 */
1964
1958
  }
1965
1959
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1966
1960
  background-color: #6b7280 !important; /* stylelint-disable-line declaration-no-important */
@@ -1974,21 +1968,15 @@
1974
1968
  background: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1975
1969
  border: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1976
1970
  }
1977
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1978
- border-bottom-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
1979
- }
1980
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1981
- 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 */
1982
1973
  }
1983
1974
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1984
1975
  background: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1985
1976
  border: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1986
1977
  }
1987
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1988
- border-bottom-color: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
1989
- }
1990
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1991
- 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 */
1992
1980
  }
1993
1981
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1994
1982
  border-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
@@ -2088,7 +2076,7 @@
2088
2076
  }
2089
2077
 
2090
2078
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2091
- background-color: #fee2e2;
2079
+ background: #fee2e2;
2092
2080
  outline: 1px solid #fee2e2;
2093
2081
  border-radius: 4px;
2094
2082
  }
@@ -2107,10 +2095,6 @@
2107
2095
  border-radius: 2px;
2108
2096
  }
2109
2097
 
2110
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2111
- border-bottom-color: #f87171;
2112
- }
2113
-
2114
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2115
- border-top-color: #f87171;
2098
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2099
+ background-color: #f87171;
2116
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;
@@ -1288,6 +1288,7 @@
1288
1288
  outline: 1px solid;
1289
1289
  outline-offset: 2px;
1290
1290
  }
1291
+
1291
1292
  .e-gantt-dialog .e-tab .e-tab-header {
1292
1293
  padding-left: 0px;
1293
1294
  }
@@ -1566,6 +1567,9 @@
1566
1567
  border-color: #e5e7eb;
1567
1568
  border-radius: 0px;
1568
1569
  }
1570
+ .e-gantt .e-grid .e-spinner-pane {
1571
+ display: none;
1572
+ }
1569
1573
  .e-gantt .e-cloneproperties.e-draganddrop {
1570
1574
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
1571
1575
  opacity: 0.95;
@@ -1610,6 +1614,9 @@
1610
1614
  background: #e5e7eb;
1611
1615
  opacity: 0.9;
1612
1616
  }
1617
+ .e-gantt .e-taskbar-resize-div {
1618
+ border-color: #4f46e5;
1619
+ }
1613
1620
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1614
1621
  background: #f9fafb;
1615
1622
  border-bottom-color: #e5e7eb;
@@ -1657,7 +1664,7 @@
1657
1664
  outline-color: #d1d5db;
1658
1665
  }
1659
1666
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1660
- background-color: #818cf8;
1667
+ background: #818cf8;
1661
1668
  outline: 1px solid #4f46e5;
1662
1669
  border-radius: 4px;
1663
1670
  }
@@ -1694,7 +1701,7 @@
1694
1701
  border-radius: 3px;
1695
1702
  }
1696
1703
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1697
- background-color: #dcfce7;
1704
+ background: #dcfce7;
1698
1705
  outline: 1px solid #15803d;
1699
1706
  }
1700
1707
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1862,23 +1869,16 @@
1862
1869
  .e-gantt .e-gantt-chart .e-icon {
1863
1870
  color: #fff;
1864
1871
  }
1865
- .e-gantt .e-gantt-chart .e-milestone-top {
1866
- border-bottom-color: #9ca3af;
1867
- }
1868
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1869
- border-top-color: #9ca3af;
1870
- }
1871
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1872
- border-bottom-color: #9ca3af;
1873
- }
1874
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1875
- border-top-color: #9ca3af;
1872
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1873
+ background-color: #9ca3af;
1874
+ border-color: #4f46e5;
1876
1875
  }
1877
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1878
- border-bottom-color: #9ca3af;
1876
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1877
+ background-color: #9ca3af;
1879
1878
  }
1880
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1881
- border-top-color: #9ca3af;
1879
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1880
+ background-color: #9ca3af;
1881
+ border-color: #4f46e5;
1882
1882
  }
1883
1883
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1884
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%);
@@ -1898,11 +1898,8 @@
1898
1898
  .e-gantt .e-gantt-chart .e-baseline-bar {
1899
1899
  background-color: #c2410c;
1900
1900
  }
1901
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1902
- border-bottom-color: #c2410c;
1903
- }
1904
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1905
- border-top-color: #c2410c;
1901
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1902
+ background-color: #c2410c;
1906
1903
  }
1907
1904
  .e-gantt .e-gantt-chart .e-uptail::before {
1908
1905
  border-bottom-color: #e5e7eb;
@@ -1956,11 +1953,8 @@
1956
1953
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1957
1954
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1958
1955
  }
1959
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1960
- border-bottom-color: #818cf8 !important; /* stylelint-disable-line declaration-no-important */
1961
- }
1962
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1963
- 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 */
1964
1958
  }
1965
1959
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1966
1960
  background-color: #d1d5db !important; /* stylelint-disable-line declaration-no-important */
@@ -1974,21 +1968,15 @@
1974
1968
  background: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1975
1969
  border: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1976
1970
  }
1977
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1978
- border-bottom-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
1979
- }
1980
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1981
- 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 */
1982
1973
  }
1983
1974
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1984
1975
  background: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1985
1976
  border: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1986
1977
  }
1987
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1988
- border-bottom-color: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
1989
- }
1990
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1991
- 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 */
1992
1980
  }
1993
1981
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1994
1982
  border-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
@@ -2088,7 +2076,7 @@
2088
2076
  }
2089
2077
 
2090
2078
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2091
- background-color: #fee2e2;
2079
+ background: #fee2e2;
2092
2080
  outline: 1px solid #fee2e2;
2093
2081
  border-radius: 4px;
2094
2082
  }
@@ -2107,10 +2095,6 @@
2107
2095
  border-radius: 2px;
2108
2096
  }
2109
2097
 
2110
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2111
- border-bottom-color: #dc2626;
2112
- }
2113
-
2114
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2115
- border-top-color: #dc2626;
2098
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2099
+ background-color: #dc2626;
2116
2100
  }