@syncfusion/ej2-vue-gantt 19.4.56 → 20.1.47

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 (56) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-vue-gantt.umd.min.js +2 -2
  3. package/dist/es6/ej2-vue-gantt.es2015.js +221 -15
  4. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-gantt.es5.js +150 -15
  6. package/dist/es6/ej2-vue-gantt.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-gantt.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/gantt/adddialogfields.directive.d.ts +3 -1
  10. package/src/gantt/adddialogfields.directive.js +24 -2
  11. package/src/gantt/columns.directive.d.ts +3 -1
  12. package/src/gantt/columns.directive.js +24 -2
  13. package/src/gantt/dayworkingtime.directive.d.ts +3 -1
  14. package/src/gantt/dayworkingtime.directive.js +24 -2
  15. package/src/gantt/editdialogfields.directive.d.ts +3 -1
  16. package/src/gantt/editdialogfields.directive.js +24 -2
  17. package/src/gantt/eventmarkers.directive.d.ts +3 -1
  18. package/src/gantt/eventmarkers.directive.js +24 -2
  19. package/src/gantt/gantt.component.d.ts +1 -0
  20. package/src/gantt/gantt.component.js +10 -1
  21. package/src/gantt/holidays.directive.d.ts +3 -1
  22. package/src/gantt/holidays.directive.js +24 -2
  23. package/styles/bootstrap-dark.css +37 -10
  24. package/styles/bootstrap.css +37 -10
  25. package/styles/bootstrap4.css +37 -10
  26. package/styles/bootstrap5-dark.css +53 -19
  27. package/styles/bootstrap5.css +53 -19
  28. package/styles/fabric-dark.css +34 -7
  29. package/styles/fabric.css +37 -10
  30. package/styles/fluent-dark.css +1942 -0
  31. package/styles/fluent-dark.scss +1 -0
  32. package/styles/fluent.css +1942 -0
  33. package/styles/fluent.scss +1 -0
  34. package/styles/gantt/bootstrap-dark.css +37 -10
  35. package/styles/gantt/bootstrap.css +37 -10
  36. package/styles/gantt/bootstrap4.css +37 -10
  37. package/styles/gantt/bootstrap5-dark.css +53 -19
  38. package/styles/gantt/bootstrap5.css +53 -19
  39. package/styles/gantt/fabric-dark.css +34 -7
  40. package/styles/gantt/fabric.css +37 -10
  41. package/styles/gantt/fluent-dark.css +1942 -0
  42. package/styles/gantt/fluent-dark.scss +1 -0
  43. package/styles/gantt/fluent.css +1942 -0
  44. package/styles/gantt/fluent.scss +1 -0
  45. package/styles/gantt/highcontrast-light.css +34 -7
  46. package/styles/gantt/highcontrast.css +34 -7
  47. package/styles/gantt/material-dark.css +37 -10
  48. package/styles/gantt/material.css +37 -10
  49. package/styles/gantt/tailwind-dark.css +70 -99
  50. package/styles/gantt/tailwind.css +70 -99
  51. package/styles/highcontrast-light.css +34 -7
  52. package/styles/highcontrast.css +34 -7
  53. package/styles/material-dark.css +37 -10
  54. package/styles/material.css +37 -10
  55. package/styles/tailwind-dark.css +70 -99
  56. package/styles/tailwind.css +70 -99
@@ -230,6 +230,34 @@
230
230
  content: '\e903';
231
231
  }
232
232
 
233
+ .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
234
+ height: 64px;
235
+ }
236
+
237
+ .e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
238
+ height: 32px;
239
+ }
240
+
241
+ .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
242
+ height: 63px !important;
243
+ }
244
+
245
+ .e-bigger .e-columnmenu {
246
+ top: 45px;
247
+ }
248
+
249
+ .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
250
+ padding: 16px 18px 0 18px;
251
+ }
252
+
253
+ .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
254
+ padding: 16px 18px 0 0;
255
+ }
256
+
257
+ .e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
258
+ padding: 16px 18px 0 0;
259
+ }
260
+
233
261
  .e-gantt {
234
262
  display: block;
235
263
  width: 100%;
@@ -744,9 +772,10 @@
744
772
  }
745
773
 
746
774
  .e-gantt .e-gantt-chart .e-baseline-bar {
775
+ border-radius: 2px;
747
776
  box-sizing: border-box;
748
777
  position: absolute;
749
- z-index: 3;
778
+ z-index: 2;
750
779
  }
751
780
 
752
781
  .e-gantt .e-gantt-chart .e-milestone-top,
@@ -808,7 +837,6 @@
808
837
  }
809
838
 
810
839
  .e-gantt .e-gantt-chart .e-holiday .e-span {
811
- font-size: 13px;
812
840
  position: absolute;
813
841
  transform: rotate(-90deg);
814
842
  white-space: nowrap;
@@ -1091,6 +1119,8 @@
1091
1119
 
1092
1120
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1093
1121
  border-radius: 50%;
1122
+ height: auto !important;
1123
+ width: auto !important;
1094
1124
  }
1095
1125
 
1096
1126
  .e-icon-rowselect::before {
@@ -1399,11 +1429,13 @@
1399
1429
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
1400
1430
  background-color: #4cc7ba;
1401
1431
  border: 0px;
1432
+ border-radius: 0px;
1402
1433
  }
1403
1434
 
1404
1435
  .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
1405
1436
  background-color: #0063ad;
1406
1437
  border: 0px;
1438
+ border-radius: 4px;
1407
1439
  }
1408
1440
 
1409
1441
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1474,11 +1506,6 @@
1474
1506
 
1475
1507
  .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
1476
1508
  background: #222;
1477
- border-color: #fff;
1478
- }
1479
-
1480
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
1481
- border-bottom-color: #fff;
1482
1509
  }
1483
1510
 
1484
1511
  .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
@@ -228,6 +228,34 @@
228
228
  content: '\e903';
229
229
  }
230
230
 
231
+ .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
232
+ height: 64px;
233
+ }
234
+
235
+ .e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
236
+ height: 32px;
237
+ }
238
+
239
+ .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
240
+ height: 63px !important;
241
+ }
242
+
243
+ .e-bigger .e-columnmenu {
244
+ top: 45px;
245
+ }
246
+
247
+ .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
248
+ padding: 16px 18px 0 18px;
249
+ }
250
+
251
+ .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
252
+ padding: 16px 18px 0 0;
253
+ }
254
+
255
+ .e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
256
+ padding: 16px 18px 0 0;
257
+ }
258
+
231
259
  .e-gantt {
232
260
  display: block;
233
261
  width: 100%;
@@ -742,9 +770,10 @@
742
770
  }
743
771
 
744
772
  .e-gantt .e-gantt-chart .e-baseline-bar {
773
+ border-radius: 2px;
745
774
  box-sizing: border-box;
746
775
  position: absolute;
747
- z-index: 3;
776
+ z-index: 2;
748
777
  }
749
778
 
750
779
  .e-gantt .e-gantt-chart .e-milestone-top,
@@ -806,7 +835,6 @@
806
835
  }
807
836
 
808
837
  .e-gantt .e-gantt-chart .e-holiday .e-span {
809
- font-size: 13px;
810
838
  position: absolute;
811
839
  transform: rotate(-90deg);
812
840
  white-space: nowrap;
@@ -1089,6 +1117,8 @@
1089
1117
 
1090
1118
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1091
1119
  border-radius: 50%;
1120
+ height: auto !important;
1121
+ width: auto !important;
1092
1122
  }
1093
1123
 
1094
1124
  .e-icon-rowselect::before {
@@ -1397,11 +1427,13 @@
1397
1427
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
1398
1428
  background-color: #505050;
1399
1429
  border: 0px;
1430
+ border-radius: 0px;
1400
1431
  }
1401
1432
 
1402
1433
  .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
1403
1434
  background-color: #005ba3;
1404
1435
  border: 0px;
1436
+ border-radius: 4px;
1405
1437
  }
1406
1438
 
1407
1439
  .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1472,11 +1504,6 @@
1472
1504
 
1473
1505
  .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
1474
1506
  background: #222;
1475
- border-color: #fff;
1476
- }
1477
-
1478
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
1479
- border-bottom-color: #fff;
1480
1507
  }
1481
1508
 
1482
1509
  .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
@@ -1640,15 +1667,15 @@
1640
1667
  }
1641
1668
 
1642
1669
  .e-gantt .e-gantt-chart .e-baseline-bar {
1643
- background-color: #FF9800;
1670
+ background-color: #D83B01;
1644
1671
  }
1645
1672
 
1646
1673
  .e-gantt .e-gantt-chart .e-baseline-milestone-top {
1647
- border-bottom-color: #FF9800;
1674
+ border-bottom-color: #D83B01;
1648
1675
  }
1649
1676
 
1650
1677
  .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
1651
- border-top-color: #FF9800;
1678
+ border-top-color: #D83B01;
1652
1679
  }
1653
1680
 
1654
1681
  .e-gantt .e-gantt-chart .e-uptail::before {