@syncfusion/ej2-angular-gantt 20.4.54 → 21.1.35-ngcc

package/styles/gantt/bootstrap5-dark.css

@@ -356,6 +356,12 @@
 .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
   height: 63px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
+  padding-left: 12px;
+}
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  display: block;
+}
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
   padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -385,7 +391,7 @@
   border-radius: 6px !important;
   padding: 32px 16px 16px !important;
 }
-.e-bigger .e-grid .e-columnmenu {
+.e-bigger .e-gantt .e-grid .e-columnmenu {
   top: 35px;
 }
 .e-bigger .e-gantt-dialog .e-dialog {
@@ -597,7 +603,7 @@
   border-width: 1px;
   box-shadow: 0 0;
   font-size: 12px;
-  font-weight: bold;
+  font-weight: 700;
   opacity: 1;
   overflow: hidden;
   padding: 2px 8px 1px;
@@ -789,7 +795,7 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 700;
   margin: 0;
   padding: 0;
   position: static;
@@ -1312,7 +1318,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }
@@ -1715,7 +1720,7 @@
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0d6efd;
   border: 0px;
-  border-radius: 4px;
+  border-radius: 3px;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #d3f0e2;
@@ -1726,7 +1731,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
   background-color: #21b26f;
-  border: 0px;
+  outline: 0px;
 }
 .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
   background-color: #21b26f;
@@ -1786,6 +1791,18 @@
 .e-gantt .e-gantt-chart .e-line {
   border-color: #0d6efd;
 }
+.e-gantt .e-gantt-chart .e-connector-line {
+  stroke: #0d6efd;
+}
+.e-gantt .e-gantt-chart .e-critical-line {
+  stroke: #e4606d;
+}
+.e-gantt .e-gantt-chart .e-connector-line-arrow {
+  fill: #0d6efd;
+}
+.e-gantt .e-gantt-chart .e-critical-line-arrow {
+  fill: #e4606d;
+}
 .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
   border-left-color: #0d6efd;
 }
@@ -1837,7 +1854,10 @@
   padding-right: 25px;
 }
 .e-gantt .e-gantt-chart .e-connectorpoint-right {
-  margin-left: 2px;
+  margin-left: 3px;
+}
+.e-gantt .e-gantt-chart .e-connectorpoint-left {
+  margin-right: 3px;
 }
 .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
 .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
@@ -2098,14 +2118,15 @@
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
   background-color: #fadfe2;
-  border: 1px solid #fadfe2;
+  outline: 1px solid #fadfe2;
   border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
   background-color: #e4606d;
   border: 0px;
-  border-radius: 4px;
+  position: absolute;
+  border-radius: 3px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {

package/styles/gantt/bootstrap5-dark.scss

@@ -1,22 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap5-dark-definition.scss';
-@import 'ej2-treegrid/styles/treegrid/bootstrap5-dark-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
-@import 'ej2-navigations/styles/tab/bootstrap5-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
-@import 'ej2-layouts/styles/splitter/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-gantt/styles/gantt/bootstrap5-dark.scss';

package/styles/gantt/bootstrap5.css

@@ -356,6 +356,12 @@
 .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
   height: 63px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
+  padding-left: 12px;
+}
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  display: block;
+}
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
   padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -385,7 +391,7 @@
   border-radius: 6px !important;
   padding: 32px 16px 16px !important;
 }
-.e-bigger .e-grid .e-columnmenu {
+.e-bigger .e-gantt .e-grid .e-columnmenu {
   top: 35px;
 }
 .e-bigger .e-gantt-dialog .e-dialog {
@@ -597,7 +603,7 @@
   border-width: 1px;
   box-shadow: 0 0;
   font-size: 12px;
-  font-weight: bold;
+  font-weight: 700;
   opacity: 1;
   overflow: hidden;
   padding: 2px 8px 1px;
@@ -789,7 +795,7 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 700;
   margin: 0;
   padding: 0;
   position: static;
@@ -1312,7 +1318,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }
@@ -1715,7 +1720,7 @@
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0d6efd;
   border: 0px;
-  border-radius: 4px;
+  border-radius: 3px;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #d1e7dd;
@@ -1726,7 +1731,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
   background-color: #198754;
-  border: 0px;
+  outline: 0px;
 }
 .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
   background-color: #198754;
@@ -1786,6 +1791,18 @@
 .e-gantt .e-gantt-chart .e-line {
   border-color: #0d6efd;
 }
+.e-gantt .e-gantt-chart .e-connector-line {
+  stroke: #0d6efd;
+}
+.e-gantt .e-gantt-chart .e-critical-line {
+  stroke: #dc3545;
+}
+.e-gantt .e-gantt-chart .e-connector-line-arrow {
+  fill: #0d6efd;
+}
+.e-gantt .e-gantt-chart .e-critical-line-arrow {
+  fill: #dc3545;
+}
 .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
   border-left-color: #0d6efd;
 }
@@ -1837,7 +1854,10 @@
   padding-right: 25px;
 }
 .e-gantt .e-gantt-chart .e-connectorpoint-right {
-  margin-left: 2px;
+  margin-left: 3px;
+}
+.e-gantt .e-gantt-chart .e-connectorpoint-left {
+  margin-right: 3px;
 }
 .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
 .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
@@ -2098,14 +2118,15 @@
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
   background-color: #f8d7da;
-  border: 1px solid #f8d7da;
+  outline: 1px solid #f8d7da;
   border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
   background-color: #dc3545;
   border: 0px;
-  border-radius: 4px;
+  position: absolute;
+  border-radius: 3px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {

package/styles/gantt/bootstrap5.scss

@@ -1,22 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap5-definition.scss';
-@import 'ej2-treegrid/styles/treegrid/bootstrap5-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/tab/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
-@import 'ej2-layouts/styles/splitter/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-gantt/styles/gantt/bootstrap5.scss';

package/styles/gantt/fabric-dark.css

@@ -268,6 +268,12 @@
 .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
   height: 63px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
+  padding-left: 13px;
+}
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  display: block;
+}
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
   padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -297,7 +303,7 @@
   border-radius: 6px !important;
   padding: 32px 16px 16px !important;
 }
-.e-bigger .e-grid .e-columnmenu {
+.e-bigger .e-gantt .e-grid .e-columnmenu {
   top: 45px;
 }
 .e-bigger .e-gantt-dialog .e-dialog {
@@ -1224,7 +1230,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }
@@ -1627,7 +1632,7 @@
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0063ad;
   border: 0px;
-  border-radius: 4px;
+  border-radius: 3px;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
@@ -1638,7 +1643,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
   background-color: #67c1b2;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
   background-color: #67c1b2;
@@ -1698,6 +1703,18 @@
 .e-gantt .e-gantt-chart .e-line {
   border-color: #005799;
 }
+.e-gantt .e-gantt-chart .e-connector-line {
+  stroke: #005799;
+}
+.e-gantt .e-gantt-chart .e-critical-line {
+  stroke: #d13438;
+}
+.e-gantt .e-gantt-chart .e-connector-line-arrow {
+  fill: #005799;
+}
+.e-gantt .e-gantt-chart .e-critical-line-arrow {
+  fill: #d13438;
+}
 .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
   border-left-color: #005799;
 }
@@ -1749,7 +1766,10 @@
   padding-right: 25px;
 }
 .e-gantt .e-gantt-chart .e-connectorpoint-right {
-  margin-left: 2px;
+  margin-left: 3px;
+}
+.e-gantt .e-gantt-chart .e-connectorpoint-left {
+  margin-right: 3px;
 }
 .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
 .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
@@ -2010,14 +2030,15 @@
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
   background-color: #f3d8da;
-  border: 1px solid #f3d8da;
+  outline: 1px solid #f3d8da;
   border-radius: 0px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
   background-color: #d13438;
   border: 0px;
-  border-radius: 4px;
+  position: absolute;
+  border-radius: 3px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {

package/styles/gantt/fabric-dark.scss

@@ -1,22 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-grids/styles/grid/fabric-dark-definition.scss';
-@import 'ej2-treegrid/styles/treegrid/fabric-dark-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
-@import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
-@import 'ej2-navigations/styles/tab/fabric-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
-@import 'ej2-layouts/styles/splitter/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-gantt/styles/gantt/fabric-dark.scss';

package/styles/gantt/fabric.css

@@ -266,6 +266,12 @@
 .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
   height: 63px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
+  padding-left: 13px;
+}
+.e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  display: block;
+}
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
   padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -295,7 +301,7 @@
   border-radius: 6px !important;
   padding: 32px 16px 16px !important;
 }
-.e-bigger .e-grid .e-columnmenu {
+.e-bigger .e-gantt .e-grid .e-columnmenu {
   top: 45px;
 }
 .e-bigger .e-gantt-dialog .e-dialog {
@@ -1222,7 +1228,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }
@@ -1625,7 +1630,7 @@
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #005ba3;
   border: 0px;
-  border-radius: 4px;
+  border-radius: 3px;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #9A38BA;
@@ -1636,7 +1641,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
   background-color: #6D1888;
-  border: 0px;
+  outline: 0px;
 }
 .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
   background-color: #6D1888;
@@ -1696,6 +1701,18 @@
 .e-gantt .e-gantt-chart .e-line {
   border-color: #00457a;
 }
+.e-gantt .e-gantt-chart .e-connector-line {
+  stroke: #00457a;
+}
+.e-gantt .e-gantt-chart .e-critical-line {
+  stroke: #d13438;
+}
+.e-gantt .e-gantt-chart .e-connector-line-arrow {
+  fill: #00457a;
+}
+.e-gantt .e-gantt-chart .e-critical-line-arrow {
+  fill: #d13438;
+}
 .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
   border-left-color: #00457a;
 }
@@ -1747,7 +1764,10 @@
   padding-right: 25px;
 }
 .e-gantt .e-gantt-chart .e-connectorpoint-right {
-  margin-left: 2px;
+  margin-left: 3px;
+}
+.e-gantt .e-gantt-chart .e-connectorpoint-left {
+  margin-right: 3px;
 }
 .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
 .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
@@ -2008,14 +2028,15 @@
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
   background-color: #f3d8da;
-  border: 1px solid #f3d8da;
+  outline: 1px solid #f3d8da;
   border-radius: 0px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
   background-color: #d13438;
   border: 0px;
-  border-radius: 4px;
+  position: absolute;
+  border-radius: 3px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {

package/styles/gantt/fabric.scss

@@ -1,22 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-grids/styles/grid/fabric-definition.scss';
-@import 'ej2-treegrid/styles/treegrid/fabric-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
-@import 'ej2-navigations/styles/tab/fabric-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'ej2-layouts/styles/splitter/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-gantt/styles/gantt/fabric.scss';