@syncfusion/ej2-gantt 21.2.3 → 21.2.5

package/dist/es6/ej2-gantt.es2015.js

@@ -4612,7 +4612,10 @@ class GanttChart {
     setVirtualHeight() {
         if (this.parent.virtualScrollModule && this.parent.enableVirtualization) {
             const wrapper = getValue('virtualTrack', this.parent.ganttChartModule.virtualRender);
-            wrapper.style.height = this.parent.updatedRecords.length * this.parent.rowHeight + 'px';
+            wrapper.style.height = this.parent.treeGrid.element.getElementsByClassName('e-virtualtable')[0].style.height;
+            const wrapper1 = getValue('wrapper', this.parent.ganttChartModule.virtualRender);
+            const treegridVirtualHeight = this.parent.treeGrid.element.getElementsByClassName('e-virtualtable')[0].style.transform;
+            wrapper1.style.transform = treegridVirtualHeight;
         }
     }
     /**
@@ -5768,6 +5771,7 @@ class Timeline {
             if (isZoomIn) {
                 if (currentLevel === this.parent.zoomingLevels[this.parent.zoomingLevels.length - 1].level) {
                     this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomin'], false); // disable toolbar items.
+                    this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomout'], true);
                 }
                 else {
                     this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomout'], true); // disable toolbar items.
@@ -5776,6 +5780,7 @@ class Timeline {
             else {
                 if (currentLevel === this.parent.zoomingLevels[0].level) {
                     this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomout'], false); // disable toolbar items.
+                    this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomin'], true);
                 }
                 else {
                     this.parent.toolbarModule.enableItems([this.parent.controlId + '_zoomin'], true); // enable toolbar items.
@@ -5879,7 +5884,7 @@ class Timeline {
         let firstValue;
         let secondValue;
         const zoomingCollections = [...this.parent.zoomingLevels];
-        const sortedCollectons = zoomingCollections.sort((a, b) => (a.perDayWidth < b.perDayWidth) ? 1 : -1);
+        const sortedCollectons = zoomingCollections.sort((a, b) => (!a.perDayWidth && !b.perDayWidth ? 0 : (a.perDayWidth < b.perDayWidth) ? 1 : -1));
         if (perDayWidth === 0) { // return when the Gantt chart is not in viewable state.
             return;
         }
@@ -6114,10 +6119,10 @@ class Timeline {
         }
         const sortedUnitLevels = sameUnitLevels.sort((a, b) => {
             if (tier === "bottomTier") {
-                return (a.bottomTier.count < b.bottomTier.count) ? 1 : -1;
+                return (!a.bottomTier.count || !b.bottomTier.count) ? 0 : ((a.bottomTier.count < b.bottomTier.count) ? 1 : -1);
             }
             else {
-                return (a.topTier.count < b.topTier.count) ? 1 : -1;
+                return (!a.topTier.count || !b.topTier.count) ? 0 : ((a.topTier.count < b.topTier.count) ? 1 : -1);
             }
         });
         for (let i = 0; i < sortedUnitLevels.length; i++) {
@@ -8776,7 +8781,12 @@ class ChartRows extends DateProcessor {
                     data.ganttProperties.segments.length === 0))) {
                 if (template !== '' && !isNullOrUndefined(progressDiv) && progressDiv.length > 0) {
                     let templateElement = this.createDivElement(template)[0];
-                    templateElement.innerText = labelString;
+                    if (this.parent.disableHtmlEncode) {
+                        templateElement.innerText = labelString;
+                    }
+                    else {
+                        templateElement.innerHTML = labelString;
+                    }
                     let childLabel = this.parent.labelSettings.taskLabel;
                     if (childLabel && childLabel['elementRef'])
                         templateElement.appendChild(tempDiv);
@@ -9442,7 +9452,12 @@ class ChartRows extends DateProcessor {
                         this.taskBarHeight + 'px;"></span>';
                 }
                 let labelElement = this.createDivElement(labelDiv)[0];
-                labelElement.innerText = labelString;
+                if (this.parent.disableHtmlEncode) {
+                    labelElement.innerText = labelString;
+                }
+                else {
+                    labelElement.innerHTML = labelString;
+                }
                 let parentLabel = this.parent.labelSettings.taskLabel;
                 if (parentLabel && parentLabel['elementRef'])
                     labelElement.appendChild(div);
@@ -11422,6 +11437,9 @@ class Dependency {
                 if ((predecessorLength && predecessorNames !== predecessorLength)) {
                     validUpdate = true;
                 }
+                else if (record.hasChildRecords && record.ganttProperties.predecessor.length > 0 && ganttProp.hasChildRecords && !ganttProp.ganttProperties.predecessor) {
+                    validUpdate = true;
+                }
                 if ((taskBarModule.taskBarEditAction !== 'ParentDrag' && taskBarModule.taskBarEditAction !== 'ChildDrag')) {
                     if (!ganttProp.hasChildRecords && record.hasChildRecords) {
                         this.parent.editModule['updateChildItems'](record);
@@ -12559,6 +12577,9 @@ class Splitter$1 {
                 this.parent.trigger('splitterResizing', args);
             },
             resizeStop: (args) => {
+                const leftPane = args.pane[0];
+                this.splitterPreviousPositionGrid = leftPane.scrollWidth + 1 + 'px';
+                this.splitterObject.paneSettings[0].size = this.getSpliterPositionInPercentage(this.splitterPreviousPositionGrid);
                 const callBackPromise = new Deferred();
                 this.parent.trigger('splitterResized', args, (splitterResizedArgs) => {
                     if (splitterResizedArgs.cancel === true) {
@@ -15124,7 +15145,7 @@ let Gantt = class Gantt extends Component {
                 args: [this]
             });
         }
-        if (this.toolbar) {
+        if (this.toolbar && this.toolbar.length > 0) {
             modules.push({
                 member: 'toolbar',
                 args: [this]
@@ -19646,6 +19667,9 @@ class TaskbarEdit extends DateProcessor {
         if ((this.taskBarEditAction === 'ConnectorPointLeftDrag' ||
             this.taskBarEditAction === 'ConnectorPointRightDrag') && this.drawPredecessor) {
             this.parent.connectorLineEditModule.updatePredecessor(this.connectorSecondRecord, this.finalPredecessor);
+            if (this.parent.UpdateOffsetOnTaskbarEdit) {
+                this.parent.connectorLineEditModule['calculateOffset'](this.connectorSecondRecord);
+            }
         }
         else {
             if (x1 !== x2 || (Math.abs(y1 - resMouseY) >= (this.parent.rowHeight - this.parent.taskbarHeight) / 2)) {
@@ -22445,7 +22469,7 @@ class DialogEdit {
         const ganttObj = this.parent;
         const rte = notesElement.ej2_instances[0];
         if (this.isEdit) {
-            if (ganttObj.columnByField[ganttObj.taskFields.notes].disableHtmlEncode) {
+            if (ganttObj.columnByField[ganttObj.taskFields.notes].disableHtmlEncode === false) {
                 this.parent.setRecordValue('notes', rte.getHtml(), this.rowData.ganttProperties, true);
             }
             else {
@@ -23860,7 +23884,7 @@ class Edit$2 {
             }
             else if ([tasks.progress, tasks.notes, tasks.durationUnit, tasks.expandState,
                 tasks.milestone, tasks.name, tasks.baselineStartDate,
-                tasks.baselineEndDate, tasks.id, tasks.segments].indexOf(key) !== -1) {
+                tasks.baselineEndDate, tasks.id, tasks.segments, tasks.cssClass].indexOf(key) !== -1) {
                 const column = ganttObj.columnByField[key];
                 /* eslint-disable-next-line */
                 let value = data[key];
@@ -23874,6 +23898,9 @@ class Edit$2 {
                 else if (key === tasks.name) {
                     ganttPropKey = 'taskName';
                 }
+                else if (key === tasks.cssClass) {
+                    ganttPropKey = 'cssClass';
+                }
                 else if ((key === tasks.segments) && (!isNullOrUndefined(ganttData.ganttProperties.segments))) {
                     ganttPropKey = 'segments';
                     /* eslint-disable-next-line */
@@ -28970,7 +28997,7 @@ class NonWorkingDay {
     }
     updateHolidayLabelHeight() {
         const height = this.parent.getContentHeight();
-        let gantttable = document.getElementById("ganttContainer");
+        let gantttable = this.parent.element;
         // eslint-disable-next-line
         let toolbarHeight = 0;
         if (!isNullOrUndefined(this.parent.toolbarModule) && !isNullOrUndefined(this.parent.toolbarModule.element)) {