@syncfusion/ej2-vue-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 (48) hide show
  1. package/CHANGELOG.md +13 -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 +2184 -0
  34. package/styles/gantt/material3-dark.scss +2 -0
  35. package/styles/gantt/material3.css +2240 -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 +2184 -0
  44. package/styles/material3-dark.scss +2 -0
  45. package/styles/material3.css +2240 -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/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
  }
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;
@@ -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
  }