@syncfusion/ej2-angular-gantt 20.4.38 → 20.4.39

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 (106) hide show
  1. package/README.md +131 -61
  2. package/esm2020/src/gantt/gantt.component.mjs +3 -3
  3. package/fesm2015/syncfusion-ej2-angular-gantt.mjs +2 -2
  4. package/fesm2015/syncfusion-ej2-angular-gantt.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-gantt.mjs +2 -2
  6. package/fesm2020/syncfusion-ej2-angular-gantt.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/gantt/gantt.component.d.ts +1 -1
  9. package/styles/bootstrap-dark.css +182 -14
  10. package/styles/bootstrap.css +182 -14
  11. package/styles/bootstrap4.css +182 -13
  12. package/styles/bootstrap5-dark.css +181 -12
  13. package/styles/bootstrap5.css +181 -12
  14. package/styles/fabric-dark.css +182 -14
  15. package/styles/fabric.css +182 -14
  16. package/styles/fluent-dark.css +183 -12
  17. package/styles/fluent.css +183 -12
  18. package/styles/gantt/_bootstrap-dark-definition.scss +6 -2
  19. package/styles/gantt/_bootstrap-definition.scss +6 -3
  20. package/styles/gantt/_bootstrap4-definition.scss +6 -3
  21. package/styles/gantt/_bootstrap5-definition.scss +6 -3
  22. package/styles/gantt/_fabric-dark-definition.scss +6 -3
  23. package/styles/gantt/_fabric-definition.scss +6 -3
  24. package/styles/gantt/_fluent-definition.scss +6 -3
  25. package/styles/gantt/_fusionnew-definition.scss +6 -3
  26. package/styles/gantt/_highcontrast-definition.scss +7 -4
  27. package/styles/gantt/_highcontrast-light-definition.scss +6 -3
  28. package/styles/gantt/_layout.scss +237 -23
  29. package/styles/gantt/_material-dark-definition.scss +6 -3
  30. package/styles/gantt/_material-definition.scss +6 -3
  31. package/styles/gantt/_material3-definition.scss +6 -3
  32. package/styles/gantt/_tailwind-definition.scss +6 -3
  33. package/styles/gantt/_theme.scss +17 -8
  34. package/styles/gantt/bootstrap-dark.css +182 -14
  35. package/styles/gantt/bootstrap.css +182 -14
  36. package/styles/gantt/bootstrap4.css +182 -13
  37. package/styles/gantt/bootstrap5-dark.css +181 -12
  38. package/styles/gantt/bootstrap5.css +181 -12
  39. package/styles/gantt/fabric-dark.css +182 -14
  40. package/styles/gantt/fabric.css +182 -14
  41. package/styles/gantt/fluent-dark.css +183 -12
  42. package/styles/gantt/fluent.css +183 -12
  43. package/styles/gantt/highcontrast-light.css +181 -12
  44. package/styles/gantt/highcontrast.css +182 -14
  45. package/styles/gantt/icons/_bootstrap-dark.scss +1 -1
  46. package/styles/gantt/icons/_bootstrap.scss +1 -1
  47. package/styles/gantt/icons/_fabric-dark.scss +1 -1
  48. package/styles/gantt/icons/_fabric.scss +1 -1
  49. package/styles/gantt/icons/_highcontrast.scss +1 -1
  50. package/styles/gantt/icons/_material-dark.scss +1 -1
  51. package/styles/gantt/icons/_material.scss +1 -1
  52. package/styles/gantt/material-dark.css +180 -14
  53. package/styles/gantt/material.css +182 -14
  54. package/styles/gantt/tailwind-dark.css +181 -12
  55. package/styles/gantt/tailwind.css +181 -12
  56. package/styles/highcontrast-light.css +181 -12
  57. package/styles/highcontrast.css +182 -14
  58. package/styles/material-dark.css +180 -14
  59. package/styles/material.css +182 -14
  60. package/styles/tailwind-dark.css +181 -12
  61. package/styles/tailwind.css +181 -12
  62. package/schematics/collection.json +0 -30
  63. package/schematics/generators/gantt-daymarkers/index.d.ts +0 -3
  64. package/schematics/generators/gantt-daymarkers/index.js +0 -8
  65. package/schematics/generators/gantt-daymarkers/sample-details.d.ts +0 -5
  66. package/schematics/generators/gantt-daymarkers/sample-details.js +0 -7
  67. package/schematics/generators/gantt-daymarkers/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -9
  68. package/schematics/generators/gantt-daymarkers/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -6
  69. package/schematics/generators/gantt-daymarkers/schema.d.ts +0 -3
  70. package/schematics/generators/gantt-daymarkers/schema.js +0 -2
  71. package/schematics/generators/gantt-daymarkers/schema.json +0 -125
  72. package/schematics/generators/gantt-default/index.d.ts +0 -3
  73. package/schematics/generators/gantt-default/index.js +0 -8
  74. package/schematics/generators/gantt-default/sample-details.d.ts +0 -5
  75. package/schematics/generators/gantt-default/sample-details.js +0 -7
  76. package/schematics/generators/gantt-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  77. package/schematics/generators/gantt-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -4
  78. package/schematics/generators/gantt-default/schema.d.ts +0 -3
  79. package/schematics/generators/gantt-default/schema.js +0 -2
  80. package/schematics/generators/gantt-default/schema.json +0 -125
  81. package/schematics/generators/gantt-editing/index.d.ts +0 -3
  82. package/schematics/generators/gantt-editing/index.js +0 -8
  83. package/schematics/generators/gantt-editing/sample-details.d.ts +0 -5
  84. package/schematics/generators/gantt-editing/sample-details.js +0 -7
  85. package/schematics/generators/gantt-editing/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -4
  86. package/schematics/generators/gantt-editing/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
  87. package/schematics/generators/gantt-editing/schema.d.ts +0 -3
  88. package/schematics/generators/gantt-editing/schema.js +0 -2
  89. package/schematics/generators/gantt-editing/schema.json +0 -125
  90. package/schematics/generators/gantt-localdata/index.d.ts +0 -3
  91. package/schematics/generators/gantt-localdata/index.js +0 -8
  92. package/schematics/generators/gantt-localdata/sample-details.d.ts +0 -5
  93. package/schematics/generators/gantt-localdata/sample-details.js +0 -7
  94. package/schematics/generators/gantt-localdata/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -4
  95. package/schematics/generators/gantt-localdata/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
  96. package/schematics/generators/gantt-localdata/schema.d.ts +0 -3
  97. package/schematics/generators/gantt-localdata/schema.js +0 -2
  98. package/schematics/generators/gantt-localdata/schema.json +0 -125
  99. package/schematics/ng-add/index.d.ts +0 -3
  100. package/schematics/ng-add/index.js +0 -9
  101. package/schematics/ng-add/schema.d.ts +0 -13
  102. package/schematics/ng-add/schema.js +0 -2
  103. package/schematics/ng-add/schema.json +0 -34
  104. package/schematics/tsconfig.json +0 -25
  105. package/schematics/utils/lib-details.d.ts +0 -4
  106. package/schematics/utils/lib-details.js +0 -6
@@ -349,7 +349,7 @@
349
349
  border-radius: 6px !important;
350
350
  padding: 23px 24px 15px 24px !important;
351
351
  }
352
- .e-bigger .e-columnmenu {
352
+ .e-bigger .e-grid .e-columnmenu {
353
353
  top: 35px;
354
354
  }
355
355
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -477,6 +477,75 @@
477
477
  font-size: 12px;
478
478
  font-weight: 400;
479
479
  line-height: 1.8;
480
+ color: #fff;
481
+ }
482
+
483
+ .e-blazor-gantt-tooltip .e-tip-content {
484
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
485
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
486
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
487
+ }
488
+
489
+ .e-gantt-tooltip .e-tip-content {
490
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
491
+ }
492
+
493
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
494
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
495
+ border-right-color: #22d3ee;
496
+ }
497
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
498
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
499
+ border-left-color: #22d3ee;
500
+ }
501
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
502
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
503
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
504
+ }
505
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
506
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
507
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
508
+ border-left-color: #4b5563 !important; /* stylelint-disable-line declaration-no-important */
509
+ }
510
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
511
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
512
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
513
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
514
+ }
515
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
516
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
517
+ }
518
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
519
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
520
+ }
521
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
522
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
523
+ }
524
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
525
+ border-left: 5px solid;
526
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
529
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
530
+ }
531
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
532
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
533
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
536
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
537
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
538
+ }
539
+
540
+ .e-gantt-rtl .e-gantt-tooltip-label {
541
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
542
+ }
543
+ .e-gantt-rtl .e-tip-content {
544
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
545
+ }
546
+
547
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
548
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
480
549
  }
481
550
 
482
551
  .e-gantt {
@@ -588,6 +657,7 @@
588
657
  border-top-style: none;
589
658
  border-top-width: 0;
590
659
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
660
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
591
661
  }
592
662
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
593
663
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -596,6 +666,9 @@
596
666
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
597
667
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
598
668
  }
669
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
670
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
671
+ }
599
672
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
600
673
  width: calc(100% + 17px);
601
674
  }
@@ -615,6 +688,12 @@
615
688
  position: relative;
616
689
  width: 100%;
617
690
  }
691
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
692
+ border: 0.5px solid;
693
+ position: absolute;
694
+ background-color: rgba(0, 120, 222, 0.15);
695
+ border-color: rgba(0, 120, 222, 0.65) !important;
696
+ }
618
697
  .e-gantt .e-gantt-chart .e-chart-root-container {
619
698
  border-right: 0 solid;
620
699
  }
@@ -709,10 +788,10 @@
709
788
  box-sizing: border-box;
710
789
  }
711
790
  .e-gantt .e-gantt-chart .e-zero-spacing {
712
- border-spacing: 0;
791
+ border-spacing: 0.25px;
713
792
  }
714
793
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
715
- border-top-color: transparent;
794
+ border-top: 0;
716
795
  }
717
796
  .e-gantt .e-gantt-chart .e-chart-row {
718
797
  line-height: normal;
@@ -866,6 +945,88 @@
866
945
  .e-gantt .e-gantt-chart .e-chart-rows-container {
867
946
  line-height: initial;
868
947
  }
948
+ .e-gantt .e-gantt-chart .e-masked-tbody {
949
+ table-layout: fixed;
950
+ width: 100%;
951
+ }
952
+ .e-gantt .e-gantt-chart .e-div-background {
953
+ border-color: rgb(225, 223, 221);
954
+ border-right-style: solid;
955
+ border-right-width: 1px;
956
+ height: 100%;
957
+ position: absolute;
958
+ }
959
+ .e-gantt .e-gantt-chart .e-innerHTML {
960
+ height: 16px;
961
+ width: 16px;
962
+ left: 14px;
963
+ background: rgb(225, 223, 221);
964
+ }
965
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
966
+ height: 16px;
967
+ width: 16px;
968
+ left: 30px;
969
+ background: rgb(225, 223, 221);
970
+ }
971
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
972
+ height: 16px;
973
+ width: 16px;
974
+ left: 60px;
975
+ background: rgb(225, 223, 221);
976
+ }
977
+ .e-gantt .e-gantt-chart .e-timelineHeader {
978
+ height: 16px;
979
+ width: 82px;
980
+ left: 20px;
981
+ background: rgb(225, 223, 221);
982
+ }
983
+ .e-gantt .e-gantt-chart .e-maskcell01 {
984
+ height: 12px;
985
+ width: 88px;
986
+ left: 14px;
987
+ border-radius: 0;
988
+ background: rgb(225, 223, 221);
989
+ }
990
+ .e-gantt .e-gantt-chart .e-maskcell02 {
991
+ height: 18px;
992
+ width: 410px;
993
+ border-radius: 0;
994
+ background: rgb(225, 223, 221);
995
+ }
996
+ .e-gantt .e-gantt-chart .e-maskcell03 {
997
+ height: 12px;
998
+ width: 88px;
999
+ left: 14px;
1000
+ border-radius: 0;
1001
+ background: rgb(225, 223, 221);
1002
+ }
1003
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1004
+ height: 18px;
1005
+ width: 208px;
1006
+ border-radius: 0;
1007
+ background: rgb(225, 223, 221);
1008
+ }
1009
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1010
+ height: 12px;
1011
+ width: 108px;
1012
+ left: 64px;
1013
+ border-radius: 0;
1014
+ background: rgb(225, 223, 221);
1015
+ }
1016
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1017
+ height: 18px;
1018
+ width: 195px;
1019
+ left: 192px;
1020
+ border-radius: 0;
1021
+ background: rgb(225, 223, 221);
1022
+ }
1023
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1024
+ height: 18px;
1025
+ width: 156px;
1026
+ left: 388px;
1027
+ border-radius: 0;
1028
+ background: rgb(225, 223, 221);
1029
+ }
869
1030
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
870
1031
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
871
1032
  display: inline-block;
@@ -900,7 +1061,7 @@
900
1061
  border-right: 7px solid transparent;
901
1062
  cursor: col-resize;
902
1063
  height: 0;
903
- left: 0;
1064
+ left: 1px;
904
1065
  position: absolute;
905
1066
  top: -7px;
906
1067
  width: 0;
@@ -912,7 +1073,7 @@
912
1073
  border-right: 6px solid transparent;
913
1074
  cursor: col-resize;
914
1075
  height: 0;
915
- left: 1px;
1076
+ left: 2px;
916
1077
  position: absolute;
917
1078
  top: -7px;
918
1079
  width: 0;
@@ -960,6 +1121,7 @@
960
1121
  }
961
1122
  .e-gantt .e-gantt-chart .e-task-table {
962
1123
  overflow: hidden;
1124
+ border-collapse: separate;
963
1125
  }
964
1126
  .e-gantt .e-gantt-chart .e-left-resize-gripper,
965
1127
  .e-gantt .e-gantt-chart .e-right-resize-gripper {
@@ -1004,7 +1166,6 @@
1004
1166
  border-radius: 3px;
1005
1167
  font-weight: 500;
1006
1168
  height: 26px;
1007
- left: 5px;
1008
1169
  line-height: 18px;
1009
1170
  padding: 4px 8px;
1010
1171
  position: absolute;
@@ -1214,7 +1375,7 @@
1214
1375
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1215
1376
  border-radius: 50%;
1216
1377
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1217
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1378
+ width: auto;
1218
1379
  }
1219
1380
 
1220
1381
  .e-icon-rowselect::before {
@@ -1392,6 +1553,7 @@
1392
1553
  font-size: 12px;
1393
1554
  font-weight: 400;
1394
1555
  line-height: 1.8;
1556
+ color: #fff;
1395
1557
  }
1396
1558
 
1397
1559
  /*! Gantt theme */
@@ -1448,6 +1610,7 @@
1448
1610
  border-bottom-color: #4b5563;
1449
1611
  border-bottom-width: 0px;
1450
1612
  border-right-color: #4b5563;
1613
+ border-left-color: #4b5563;
1451
1614
  color: #9ca3af;
1452
1615
  height: 49px;
1453
1616
  }
@@ -1490,7 +1653,7 @@
1490
1653
  }
1491
1654
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1492
1655
  background-color: #0891b2;
1493
- border: 1px solid #22d3ee;
1656
+ outline: 1px solid #22d3ee;
1494
1657
  border-radius: 4px;
1495
1658
  }
1496
1659
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1512,7 +1675,7 @@
1512
1675
  }
1513
1676
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1514
1677
  background-color: #6b7280;
1515
- border: 1px solid #9ca3af;
1678
+ outline: 1px solid #9ca3af;
1516
1679
  border-radius: 4px;
1517
1680
  }
1518
1681
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1568,6 +1731,7 @@
1568
1731
  }
1569
1732
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1570
1733
  border-right-color: #ffedd5;
1734
+ border-left-color: #ffedd5 !important; /* stylelint-disable-line declaration-no-important */
1571
1735
  }
1572
1736
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1573
1737
  background: linear-gradient(to right, #0891b2, #22d3ee 30%, #22d3ee 70%, #22d3ee 70%, #0891b2 100%);
@@ -1660,14 +1824,16 @@
1660
1824
  border-width: 3px;
1661
1825
  }
1662
1826
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1663
- border-bottom-left-radius: 0px;
1664
- border-bottom-right-radius: 2px;
1665
- border-top-left-radius: 0px;
1827
+ border-top-left-radius: 0;
1828
+ border-bottom-left-radius: 0;
1666
1829
  border-top-right-radius: 2px;
1830
+ border-bottom-right-radius: 2px;
1667
1831
  }
1668
1832
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1669
1833
  border-bottom-left-radius: 2px;
1670
1834
  border-top-left-radius: 2px;
1835
+ border-bottom-right-radius: 0;
1836
+ border-top-right-radius: 0;
1671
1837
  }
1672
1838
  .e-gantt .e-gantt-chart .e-task-label {
1673
1839
  color: #000;
@@ -1820,6 +1986,9 @@
1820
1986
  color: #9ca3af !important; /* stylelint-disable-line declaration-no-important */
1821
1987
  }
1822
1988
 
1989
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
1990
+ border: none !important; /* stylelint-disable-line declaration-no-important */
1991
+ }
1823
1992
  .e-gantt-dialog .e-dlg-header {
1824
1993
  color: #fff;
1825
1994
  }
@@ -349,7 +349,7 @@
349
349
  border-radius: 6px !important;
350
350
  padding: 23px 24px 15px 24px !important;
351
351
  }
352
- .e-bigger .e-columnmenu {
352
+ .e-bigger .e-grid .e-columnmenu {
353
353
  top: 35px;
354
354
  }
355
355
  .e-bigger .e-gantt-dialog .e-dialog {
@@ -477,6 +477,75 @@
477
477
  font-size: 12px;
478
478
  font-weight: 400;
479
479
  line-height: 1.8;
480
+ color: #111827;
481
+ }
482
+
483
+ .e-blazor-gantt-tooltip .e-tip-content {
484
+ overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
485
+ white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
486
+ word-break: unset !important; /* stylelint-disable-line declaration-no-important */
487
+ }
488
+
489
+ .e-gantt-tooltip .e-tip-content {
490
+ text-align: left !important; /* stylelint-disable-line declaration-no-important */
491
+ }
492
+
493
+ .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
494
+ border-left: none !important; /* stylelint-disable-line declaration-no-important */
495
+ border-right-color: #4f46e5;
496
+ }
497
+ .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
498
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
499
+ border-left-color: #4f46e5;
500
+ }
501
+ .e-gantt.e-gantt-rtl .e-toolbar-right {
502
+ left: auto !important; /* stylelint-disable-line declaration-no-important */
503
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
504
+ }
505
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
506
+ border-right: none !important; /* stylelint-disable-line declaration-no-important */
507
+ border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
508
+ border-left-color: #e5e7eb !important; /* stylelint-disable-line declaration-no-important */
509
+ }
510
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
511
+ padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
512
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
513
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
514
+ }
515
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
516
+ right: 0 !important; /* stylelint-disable-line declaration-no-important */
517
+ }
518
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
519
+ right: 1px !important; /* stylelint-disable-line declaration-no-important */
520
+ }
521
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
522
+ margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
523
+ }
524
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
525
+ border-left: 5px solid;
526
+ border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
527
+ }
528
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
529
+ transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
530
+ }
531
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
532
+ padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
533
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+ .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
536
+ margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
537
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
538
+ }
539
+
540
+ .e-gantt-rtl .e-gantt-tooltip-label {
541
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
542
+ }
543
+ .e-gantt-rtl .e-tip-content {
544
+ text-align: right !important; /* stylelint-disable-line declaration-no-important */
545
+ }
546
+
547
+ .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
548
+ padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
480
549
  }
481
550
 
482
551
  .e-gantt {
@@ -588,6 +657,7 @@
588
657
  border-top-style: none;
589
658
  border-top-width: 0;
590
659
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
660
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
591
661
  }
592
662
  .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
593
663
  .e-gantt .e-gantt-tree-grid-pane .e-headercell {
@@ -596,6 +666,9 @@
596
666
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
597
667
  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
598
668
  }
669
+ .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
670
+ overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
671
+ }
599
672
  .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
600
673
  width: calc(100% + 17px);
601
674
  }
@@ -615,6 +688,12 @@
615
688
  position: relative;
616
689
  width: 100%;
617
690
  }
691
+ .e-gantt .e-gantt-chart .e-chart-empty-row {
692
+ border: 0.5px solid;
693
+ position: absolute;
694
+ background-color: rgba(0, 120, 222, 0.15);
695
+ border-color: rgba(0, 120, 222, 0.65) !important;
696
+ }
618
697
  .e-gantt .e-gantt-chart .e-chart-root-container {
619
698
  border-right: 0 solid;
620
699
  }
@@ -709,10 +788,10 @@
709
788
  box-sizing: border-box;
710
789
  }
711
790
  .e-gantt .e-gantt-chart .e-zero-spacing {
712
- border-spacing: 0;
791
+ border-spacing: 0.25px;
713
792
  }
714
793
  .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
715
- border-top-color: transparent;
794
+ border-top: 0;
716
795
  }
717
796
  .e-gantt .e-gantt-chart .e-chart-row {
718
797
  line-height: normal;
@@ -866,6 +945,88 @@
866
945
  .e-gantt .e-gantt-chart .e-chart-rows-container {
867
946
  line-height: initial;
868
947
  }
948
+ .e-gantt .e-gantt-chart .e-masked-tbody {
949
+ table-layout: fixed;
950
+ width: 100%;
951
+ }
952
+ .e-gantt .e-gantt-chart .e-div-background {
953
+ border-color: rgb(225, 223, 221);
954
+ border-right-style: solid;
955
+ border-right-width: 1px;
956
+ height: 100%;
957
+ position: absolute;
958
+ }
959
+ .e-gantt .e-gantt-chart .e-innerHTML {
960
+ height: 16px;
961
+ width: 16px;
962
+ left: 14px;
963
+ background: rgb(225, 223, 221);
964
+ }
965
+ .e-gantt .e-gantt-chart .e-innerHTML1 {
966
+ height: 16px;
967
+ width: 16px;
968
+ left: 30px;
969
+ background: rgb(225, 223, 221);
970
+ }
971
+ .e-gantt .e-gantt-chart .e-innerHTML2 {
972
+ height: 16px;
973
+ width: 16px;
974
+ left: 60px;
975
+ background: rgb(225, 223, 221);
976
+ }
977
+ .e-gantt .e-gantt-chart .e-timelineHeader {
978
+ height: 16px;
979
+ width: 82px;
980
+ left: 20px;
981
+ background: rgb(225, 223, 221);
982
+ }
983
+ .e-gantt .e-gantt-chart .e-maskcell01 {
984
+ height: 12px;
985
+ width: 88px;
986
+ left: 14px;
987
+ border-radius: 0;
988
+ background: rgb(225, 223, 221);
989
+ }
990
+ .e-gantt .e-gantt-chart .e-maskcell02 {
991
+ height: 18px;
992
+ width: 410px;
993
+ border-radius: 0;
994
+ background: rgb(225, 223, 221);
995
+ }
996
+ .e-gantt .e-gantt-chart .e-maskcell03 {
997
+ height: 12px;
998
+ width: 88px;
999
+ left: 14px;
1000
+ border-radius: 0;
1001
+ background: rgb(225, 223, 221);
1002
+ }
1003
+ .e-gantt .e-gantt-chart .e-maskcell04 {
1004
+ height: 18px;
1005
+ width: 208px;
1006
+ border-radius: 0;
1007
+ background: rgb(225, 223, 221);
1008
+ }
1009
+ .e-gantt .e-gantt-chart .e-maskcell05 {
1010
+ height: 12px;
1011
+ width: 108px;
1012
+ left: 64px;
1013
+ border-radius: 0;
1014
+ background: rgb(225, 223, 221);
1015
+ }
1016
+ .e-gantt .e-gantt-chart .e-maskcell06 {
1017
+ height: 18px;
1018
+ width: 195px;
1019
+ left: 192px;
1020
+ border-radius: 0;
1021
+ background: rgb(225, 223, 221);
1022
+ }
1023
+ .e-gantt .e-gantt-chart .e-maskcell07 {
1024
+ height: 18px;
1025
+ width: 156px;
1026
+ left: 388px;
1027
+ border-radius: 0;
1028
+ background: rgb(225, 223, 221);
1029
+ }
869
1030
  .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
870
1031
  .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
871
1032
  display: inline-block;
@@ -900,7 +1061,7 @@
900
1061
  border-right: 7px solid transparent;
901
1062
  cursor: col-resize;
902
1063
  height: 0;
903
- left: 0;
1064
+ left: 1px;
904
1065
  position: absolute;
905
1066
  top: -7px;
906
1067
  width: 0;
@@ -912,7 +1073,7 @@
912
1073
  border-right: 6px solid transparent;
913
1074
  cursor: col-resize;
914
1075
  height: 0;
915
- left: 1px;
1076
+ left: 2px;
916
1077
  position: absolute;
917
1078
  top: -7px;
918
1079
  width: 0;
@@ -960,6 +1121,7 @@
960
1121
  }
961
1122
  .e-gantt .e-gantt-chart .e-task-table {
962
1123
  overflow: hidden;
1124
+ border-collapse: separate;
963
1125
  }
964
1126
  .e-gantt .e-gantt-chart .e-left-resize-gripper,
965
1127
  .e-gantt .e-gantt-chart .e-right-resize-gripper {
@@ -1004,7 +1166,6 @@
1004
1166
  border-radius: 3px;
1005
1167
  font-weight: 500;
1006
1168
  height: 26px;
1007
- left: 5px;
1008
1169
  line-height: 18px;
1009
1170
  padding: 4px 8px;
1010
1171
  position: absolute;
@@ -1214,7 +1375,7 @@
1214
1375
  .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1215
1376
  border-radius: 50%;
1216
1377
  height: auto !important; /* stylelint-disable-line declaration-no-important */
1217
- width: auto !important; /* stylelint-disable-line declaration-no-important */
1378
+ width: auto;
1218
1379
  }
1219
1380
 
1220
1381
  .e-icon-rowselect::before {
@@ -1392,6 +1553,7 @@
1392
1553
  font-size: 12px;
1393
1554
  font-weight: 400;
1394
1555
  line-height: 1.8;
1556
+ color: #111827;
1395
1557
  }
1396
1558
 
1397
1559
  /*! Gantt theme */
@@ -1448,6 +1610,7 @@
1448
1610
  border-bottom-color: #e5e7eb;
1449
1611
  border-bottom-width: 0px;
1450
1612
  border-right-color: #e5e7eb;
1613
+ border-left-color: #e5e7eb;
1451
1614
  color: #6b7280;
1452
1615
  height: 49px;
1453
1616
  }
@@ -1490,7 +1653,7 @@
1490
1653
  }
1491
1654
  .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
1492
1655
  background-color: #818cf8;
1493
- border: 1px solid #4f46e5;
1656
+ outline: 1px solid #4f46e5;
1494
1657
  border-radius: 4px;
1495
1658
  }
1496
1659
  .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
@@ -1512,7 +1675,7 @@
1512
1675
  }
1513
1676
  .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1514
1677
  background-color: #d1d5db;
1515
- border: 1px solid #9ca3af;
1678
+ outline: 1px solid #9ca3af;
1516
1679
  border-radius: 4px;
1517
1680
  }
1518
1681
  .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
@@ -1568,6 +1731,7 @@
1568
1731
  }
1569
1732
  .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1570
1733
  border-right-color: #ffedd5;
1734
+ border-left-color: #ffedd5 !important; /* stylelint-disable-line declaration-no-important */
1571
1735
  }
1572
1736
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1573
1737
  background: linear-gradient(to right, #818cf8, #4f46e5 30%, #4f46e5 70%, #4f46e5 70%, #818cf8 100%);
@@ -1660,14 +1824,16 @@
1660
1824
  border-width: 3px;
1661
1825
  }
1662
1826
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
1663
- border-bottom-left-radius: 0px;
1664
- border-bottom-right-radius: 2px;
1665
- border-top-left-radius: 0px;
1827
+ border-top-left-radius: 0;
1828
+ border-bottom-left-radius: 0;
1666
1829
  border-top-right-radius: 2px;
1830
+ border-bottom-right-radius: 2px;
1667
1831
  }
1668
1832
  .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
1669
1833
  border-bottom-left-radius: 2px;
1670
1834
  border-top-left-radius: 2px;
1835
+ border-bottom-right-radius: 0;
1836
+ border-top-right-radius: 0;
1671
1837
  }
1672
1838
  .e-gantt .e-gantt-chart .e-task-label {
1673
1839
  color: #fff;
@@ -1820,6 +1986,9 @@
1820
1986
  color: #6b7280 !important; /* stylelint-disable-line declaration-no-important */
1821
1987
  }
1822
1988
 
1989
+ .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
1990
+ border: none !important; /* stylelint-disable-line declaration-no-important */
1991
+ }
1823
1992
  .e-gantt-dialog .e-dlg-header {
1824
1993
  color: #111827;
1825
1994
  }
@@ -1,30 +0,0 @@
1
- {
2
- "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
3
- "schematics": {
4
- "ng-add": {
5
- "description": "Adds Essential JS 2 specific Angular package to an application",
6
- "factory": "./ng-add",
7
- "schema": "./ng-add/schema.json"
8
- },
9
- "gantt-daymarkers": {
10
- "description": "Create an Angular Gantt component with daymarkers feature",
11
- "factory": "./generators/gantt-daymarkers",
12
- "schema": "./generators/gantt-daymarkers/schema.json"
13
- },
14
- "gantt-default": {
15
- "description": "Create an Angular component with EJ2 gantt with default",
16
- "factory": "./generators/gantt-default",
17
- "schema": "./generators/gantt-default/schema.json"
18
- },
19
- "gantt-editing": {
20
- "description": "Create an Angular Gantt component with editing features and toolbars",
21
- "factory": "./generators/gantt-editing",
22
- "schema": "./generators/gantt-editing/schema.json"
23
- },
24
- "gantt-localdata": {
25
- "description": "Create an Angular Gantt component with local datasource",
26
- "factory": "./generators/gantt-localdata",
27
- "schema": "./generators/gantt-localdata/schema.json"
28
- }
29
- }
30
- }
@@ -1,3 +0,0 @@
1
- import { Rule } from '@angular-devkit/schematics';
2
- import { Schema } from './schema';
3
- export default function (options: Schema): Rule;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
4
- const sampleDetails = require("./sample-details");
5
- function default_1(options) {
6
- return schematics_1.componentBuilder(options, sampleDetails);
7
- }
8
- exports.default = default_1;
@@ -1,5 +0,0 @@
1
- export declare const componentName: string;
2
- export declare const sampleName: string;
3
- export declare const diModules: string;
4
- export declare const packageName: string;
5
- export declare const libModules: string;