@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/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;
@@ -1273,6 +1273,7 @@
1273
1273
  outline: 1px solid;
1274
1274
  outline-offset: 2px;
1275
1275
  }
1276
+
1276
1277
  .e-gantt-dialog .e-tab .e-tab-header {
1277
1278
  padding-left: 0px;
1278
1279
  }
@@ -1550,6 +1551,9 @@
1550
1551
  border-color: #616161;
1551
1552
  border-radius: 0px;
1552
1553
  }
1554
+ .e-gantt .e-grid .e-spinner-pane {
1555
+ display: none;
1556
+ }
1553
1557
  .e-gantt .e-cloneproperties.e-draganddrop {
1554
1558
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
1555
1559
  opacity: 0.95;
@@ -1594,6 +1598,9 @@
1594
1598
  background: rgba(255, 255, 255, 0.28);
1595
1599
  opacity: 0.87;
1596
1600
  }
1601
+ .e-gantt .e-taskbar-resize-div {
1602
+ border-color: #00b0ff;
1603
+ }
1597
1604
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1598
1605
  background: #303030;
1599
1606
  border-bottom-color: #616161;
@@ -1641,7 +1648,7 @@
1641
1648
  outline-color: rgba(255, 255, 255, 0.5);
1642
1649
  }
1643
1650
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1644
- background-color: #3f51b5;
1651
+ background: #3f51b5;
1645
1652
  outline: 1px solid #7280ce;
1646
1653
  border-radius: 4px;
1647
1654
  }
@@ -1678,7 +1685,7 @@
1678
1685
  border-radius: 3px;
1679
1686
  }
1680
1687
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1681
- background-color: #8dd1c4;
1688
+ background: #8dd1c4;
1682
1689
  outline: #4fb29f;
1683
1690
  }
1684
1691
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1846,23 +1853,16 @@
1846
1853
  .e-gantt .e-gantt-chart .e-icon {
1847
1854
  color: #fff;
1848
1855
  }
1849
- .e-gantt .e-gantt-chart .e-milestone-top {
1850
- border-bottom-color: #dadada;
1851
- }
1852
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1853
- border-top-color: #dadada;
1854
- }
1855
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1856
- border-bottom-color: #4cc7ba;
1857
- }
1858
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1859
- border-top-color: #4cc7ba;
1856
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1857
+ background-color: #dadada;
1858
+ border-color: #7280ce;
1860
1859
  }
1861
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1862
- border-bottom-color: #989A9C;
1860
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1861
+ background-color: #4cc7ba;
1863
1862
  }
1864
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1865
- border-top-color: #989A9C;
1863
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1864
+ background-color: #989A9C;
1865
+ border-color: #7280ce;
1866
1866
  }
1867
1867
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1868
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%);
@@ -1882,11 +1882,8 @@
1882
1882
  .e-gantt .e-gantt-chart .e-baseline-bar {
1883
1883
  background-color: #ff9800;
1884
1884
  }
1885
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1886
- border-bottom-color: #ff9800;
1887
- }
1888
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1889
- border-top-color: #ff9800;
1885
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1886
+ background-color: #ff9800;
1890
1887
  }
1891
1888
  .e-gantt .e-gantt-chart .e-uptail::before {
1892
1889
  border-bottom-color: #e0e0e0;
@@ -1940,11 +1937,8 @@
1940
1937
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1941
1938
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1942
1939
  }
1943
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1944
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1945
- }
1946
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1947
- 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 */
1948
1942
  }
1949
1943
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1950
1944
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -1958,21 +1952,15 @@
1958
1952
  background: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1959
1953
  border: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1960
1954
  }
1961
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
1962
- border-bottom-color: #7280ce !important; /* stylelint-disable-line declaration-no-important */
1963
- }
1964
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
1965
- 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 */
1966
1957
  }
1967
1958
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
1968
1959
  background: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1969
1960
  border: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1970
1961
  }
1971
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
1972
- border-bottom-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
1973
- }
1974
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
1975
- 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 */
1976
1964
  }
1977
1965
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
1978
1966
  border-color: #7280ce !important; /* stylelint-disable-line declaration-no-important */
@@ -2072,7 +2060,7 @@
2072
2060
  }
2073
2061
 
2074
2062
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2075
- background-color: #F3D8DA;
2063
+ background: #F3D8DA;
2076
2064
  outline: 1px solid #F3D8DA;
2077
2065
  border-radius: 4px;
2078
2066
  }
@@ -2091,10 +2079,6 @@
2091
2079
  border-radius: 0px;
2092
2080
  }
2093
2081
 
2094
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2095
- border-bottom-color: #d13438;
2096
- }
2097
-
2098
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2099
- border-top-color: #d13438;
2082
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2083
+ background-color: #d13438;
2100
2084
  }
package/styles/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;
@@ -1317,6 +1317,7 @@
1317
1317
  outline: 1px solid;
1318
1318
  outline-offset: 2px;
1319
1319
  }
1320
+
1320
1321
  .e-gantt-dialog .e-tab .e-tab-header {
1321
1322
  padding-left: 0px;
1322
1323
  }
@@ -1594,6 +1595,9 @@
1594
1595
  border-color: #e0e0e0;
1595
1596
  border-radius: 0px;
1596
1597
  }
1598
+ .e-gantt .e-grid .e-spinner-pane {
1599
+ display: none;
1600
+ }
1597
1601
  .e-gantt .e-cloneproperties.e-draganddrop {
1598
1602
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
1599
1603
  opacity: 0.95;
@@ -1638,6 +1642,9 @@
1638
1642
  background: rgba(63, 81, 181, 0.15);
1639
1643
  opacity: 1;
1640
1644
  }
1645
+ .e-gantt .e-taskbar-resize-div {
1646
+ border-color: #e3165b;
1647
+ }
1641
1648
  .e-gantt .e-gantt-chart .e-timeline-header-container {
1642
1649
  background: #fff;
1643
1650
  border-bottom-color: #e0e0e0;
@@ -1685,7 +1692,7 @@
1685
1692
  outline-color: #9e9e9e;
1686
1693
  }
1687
1694
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1688
- background-color: #5869c5;
1695
+ background: #5869c5;
1689
1696
  outline: 1px solid #3f51b5;
1690
1697
  border-radius: 4px;
1691
1698
  }
@@ -1722,7 +1729,7 @@
1722
1729
  border-radius: 3px;
1723
1730
  }
1724
1731
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
1725
- background-color: rgba(0, 135, 134, 0.85);
1732
+ background: rgba(0, 135, 134, 0.85);
1726
1733
  outline: 1px solid #008786;
1727
1734
  }
1728
1735
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1890,23 +1897,16 @@
1890
1897
  .e-gantt .e-gantt-chart .e-icon {
1891
1898
  color: #fff;
1892
1899
  }
1893
- .e-gantt .e-gantt-chart .e-milestone-top {
1894
- border-bottom-color: #616161;
1895
- }
1896
- .e-gantt .e-gantt-chart .e-milestone-bottom {
1897
- border-top-color: #616161;
1898
- }
1899
- .e-gantt .e-gantt-chart .e-parent-milestone-top {
1900
- border-bottom-color: #616161;
1901
- }
1902
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom {
1903
- border-top-color: #616161;
1900
+ .e-gantt .e-gantt-chart .e-gantt-milestone {
1901
+ background-color: #616161;
1902
+ border-color: #3f51b5;
1904
1903
  }
1905
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1906
- border-bottom-color: #989A9C;
1904
+ .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
1905
+ background-color: #616161;
1907
1906
  }
1908
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1909
- border-top-color: #989A9C;
1907
+ .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1908
+ background-color: #989A9C;
1909
+ border-color: #3f51b5;
1910
1910
  }
1911
1911
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
1912
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%);
@@ -1926,11 +1926,8 @@
1926
1926
  .e-gantt .e-gantt-chart .e-baseline-bar {
1927
1927
  background-color: #C15700;
1928
1928
  }
1929
- .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1930
- border-bottom-color: #C15700;
1931
- }
1932
- .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1933
- border-top-color: #C15700;
1929
+ .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1930
+ background-color: #C15700;
1934
1931
  }
1935
1932
  .e-gantt .e-gantt-chart .e-uptail::before {
1936
1933
  border-bottom-color: #e0e0e0;
@@ -1984,11 +1981,8 @@
1984
1981
  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
1985
1982
  border: transparent !important; /* stylelint-disable-line declaration-no-important */
1986
1983
  }
1987
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
1988
- border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
1989
- }
1990
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
1991
- 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 */
1992
1986
  }
1993
1987
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
1994
1988
  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
@@ -2002,21 +1996,15 @@
2002
1996
  background: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
2003
1997
  border: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
2004
1998
  }
2005
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
2006
- border-bottom-color: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
2007
- }
2008
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
2009
- 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 */
2010
2001
  }
2011
2002
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
2012
2003
  background: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2013
2004
  border: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2014
2005
  }
2015
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
2016
- border-bottom-color: #8591d5 !important; /* stylelint-disable-line declaration-no-important */
2017
- }
2018
- .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
2019
- 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 */
2020
2008
  }
2021
2009
  .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
2022
2010
  border-color: #3f51b5 !important; /* stylelint-disable-line declaration-no-important */
@@ -2116,7 +2104,7 @@
2116
2104
  }
2117
2105
 
2118
2106
  .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2119
- background-color: #F3D8DA;
2107
+ background: #F3D8DA;
2120
2108
  outline: 1px solid #F3D8DA;
2121
2109
  border-radius: 4px;
2122
2110
  }
@@ -2135,10 +2123,6 @@
2135
2123
  border-radius: 2px;
2136
2124
  }
2137
2125
 
2138
- .e-gantt .e-gantt-chart .e-critical-milestone-top {
2139
- border-bottom-color: #D13438;
2140
- }
2141
-
2142
- .e-gantt .e-gantt-chart .e-critical-milestone-bottom {
2143
- border-top-color: #D13438;
2126
+ .e-gantt .e-gantt-chart .e-critical-milestone {
2127
+ background-color: #D13438;
2144
2128
  }