@syncfusion/ej2-gantt 24.2.3 → 24.2.5

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

@@ -5204,7 +5204,7 @@ class GanttChart {
      */
     ganttChartMove(e) {
         if (this.parent.editSettings.allowTaskbarEditing) {
-            if (this.parent.element.getElementsByClassName('e-clone-taskbar').length > 0) {
+            if (this.parent.element.getElementsByClassName('e-clone-taskbar').length > 0 && !this.parent.enableRtl) {
                 let xValue;
                 if (e.type === 'touchmove' || e.type === 'touchstart' || e.type === 'touchend') {
                     xValue = e['changedTouches'][0].pageX;
@@ -5684,21 +5684,39 @@ class GanttChart {
         const mouseUp = Browser.touchEndEvent;
         const mouseMove = Browser.touchMoveEvent;
         const cancel = isIE11Pointer ? 'pointerleave' : 'mouseleave';
-        EventHandler.remove(this.parent.chartRowsModule.ganttChartTableBody, mouseDown, this.ganttChartMouseDown);
-        EventHandler.remove(this.parent.chartPane, cancel, this.ganttChartLeave);
-        EventHandler.remove(this.parent.chartPane, mouseMove, this.ganttChartMove);
+        if (!isNullOrUndefined(this.parent.chartRowsModule.ganttChartTableBody)) {
+            EventHandler.remove(this.parent.chartRowsModule.ganttChartTableBody, mouseDown, this.ganttChartMouseDown);
+        }
+        if (!isNullOrUndefined(this.parent.chartPane)) {
+            EventHandler.remove(this.parent.chartPane, cancel, this.ganttChartLeave);
+            EventHandler.remove(this.parent.chartPane, mouseMove, this.ganttChartMove);
+        }
         if (this.parent.isAdaptive) {
-            EventHandler.remove(this.parent.chartPane, click, this.ganttChartMouseClick);
-            EventHandler.remove(this.parent.chartPane, mouseUp, this.ganttChartMouseUp);
+            if (!isNullOrUndefined(this.parent.chartPane)) {
+                EventHandler.remove(this.parent.chartPane, click, this.ganttChartMouseClick);
+                EventHandler.remove(this.parent.chartPane, mouseUp, this.ganttChartMouseUp);
+            }
         }
         if (!this.parent.isAdaptive) {
-            EventHandler.remove(this.parent.element, mouseUp, this.documentMouseUp);
-            EventHandler.remove(document, mouseUp, this.mouseUp);
+            if (!isNullOrUndefined(this.parent.element)) {
+                EventHandler.remove(this.parent.element, mouseUp, this.documentMouseUp);
+            }
+            if (!isNullOrUndefined(document)) {
+                EventHandler.remove(document, mouseUp, this.mouseUp);
+            }
+        }
+        if (!isNullOrUndefined(this.parent.element)) {
+            EventHandler.remove(this.parent.element, 'mousemove', this.mouseMoveHandler);
+        }
+        if (!isNullOrUndefined(document)) {
+            EventHandler.remove(document, 'mouseup', this.contextClick);
+            if (!isNullOrUndefined(document.body)) {
+                EventHandler.remove(document.body, 'contextmenu', this.contextClick);
+            }
+        }
+        if (!isNullOrUndefined(this.parent.chartRowsModule.ganttChartTableBody)) {
+            EventHandler.remove(this.parent.chartRowsModule.ganttChartTableBody, 'dblclick', this.doubleClickHandler);
         }
-        EventHandler.remove(this.parent.element, 'mousemove', this.mouseMoveHandler);
-        EventHandler.remove(document.body, 'contextmenu', this.contextClick);
-        EventHandler.remove(document, 'mouseup', this.contextClick);
-        EventHandler.remove(this.parent.chartRowsModule.ganttChartTableBody, 'dblclick', this.doubleClickHandler);
     }
     /**
      * To get record by taskbar element.
@@ -6187,8 +6205,10 @@ class GanttChart {
     destroy() {
         this.removeEventListener();
         this.unWireEvents();
-        this.scrollObject.destroy();
-        this.scrollObject = null;
+        if (!isNullOrUndefined(this.scrollObject)) {
+            this.scrollObject.destroy();
+            this.scrollObject = null;
+        }
     }
 }
 
@@ -6276,6 +6296,8 @@ class Timeline {
      */
     updateChartByNewTimeline() {
         this.parent.chartRowsModule.refreshChartByTimeline();
+        let currentScrollLeft = this.parent.element.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollLeft;
+        this.parent.element.getElementsByClassName('e-timeline-header-container')[0].scrollLeft = currentScrollLeft;
         this.parent.notify('refreshDayMarkers', {});
     }
     /**
@@ -14632,9 +14654,6 @@ let Gantt = class Gantt extends Component {
         if (isNullOrUndefined(this.resourceFields.unit)) { //set resourceUnit as unit if not mapping
             this.setProperties({ resourceFields: { unit: 'unit' } }, true);
         }
-        if (!isNullOrUndefined(this.taskFields.work)) {
-            this.setProperties({ taskType: 'FixedWork' }, true);
-        }
         this.taskIds = [];
     }
     /**
@@ -23626,6 +23645,9 @@ class DialogEdit {
     createDivElement(className, id) {
         return createElement('div', { className: className, id: id });
     }
+    createFormElement(className, id) {
+        return createElement('form', { className: className, id: id });
+    }
     createInputElement(className, id, fieldName, type) {
         return createElement(type || 'input', {
             className: className, attrs: {
@@ -23740,7 +23762,7 @@ class DialogEdit {
     renderGeneralTab(itemName) {
         const ganttObj = this.parent;
         const itemModel = this.beforeOpenArgs[itemName];
-        const divElement = this.createDivElement('e-edit-form-row', ganttObj.element.id
+        const divElement = this.createFormElement('e-edit-form-row', ganttObj.element.id
             + '' + itemName + 'TabContainer');
         for (const key of Object.keys(itemModel)) {
             if (this.parent.columnByField[key].visible === false) {
@@ -25155,10 +25177,33 @@ class ConnectorLineEdit {
             this.parent.editModule.updateEditedTask(args.editEventArgs);
         }
         else if (args.validateMode.preserveLinkWithEditing) {
+            let connectedTaskId;
             if (this.parent.UpdateOffsetOnTaskbarEdit) {
                 this.calculateOffset(ganttRecord);
+                let taskId = ganttRecord.ganttProperties.taskId;
+                ganttRecord.ganttProperties.predecessor.forEach(predecessor => {
+                    if (taskId == predecessor.from) {
+                        connectedTaskId = predecessor.to;
+                        return;
+                    }
+                });
             }
             this.parent.editModule.updateEditedTask(args.editEventArgs);
+            this.processPredecessors(connectedTaskId);
+        }
+    }
+    processPredecessors(parentId) {
+        if (parentId) {
+            const record = this.parent.getRecordByID(parentId);
+            this.calculateOffset(record);
+            if (record && record.ganttProperties && record.ganttProperties.predecessor) {
+                const predecessors = record.ganttProperties.predecessor;
+                predecessors.forEach(predecessor => {
+                    if (record.ganttProperties.taskId == predecessor.from) {
+                        this.processPredecessors(predecessor.to);
+                    }
+                });
+            }
         }
     }
     checkChildRecords(ganttRecord) {
@@ -35629,6 +35674,12 @@ class PdfTreeGridCell {
         if (typeof this.value === 'string') {
             /* eslint-disable-next-line */
             let font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, this.style.fontStyle);
+            if (this.row.isParentRow) {
+                font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, PdfFontStyle.Bold);
+            }
+            else {
+                font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, this.style.fontStyle);
+            }
             if (this.row.treegrid.ganttStyle.font) {
                 font = this.row.treegrid.ganttStyle.font;
             }
@@ -35664,13 +35715,24 @@ class PdfTreeGridCell {
                 currentValue = !(isNullOrUndefined(this.remainingString) || this.remainingString === '') ? this.remainingString : this.value;
             }
             /* eslint-disable */
-            let font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, this.style.fontStyle);
+            let font = null;
+            if (this.row.isParentRow) {
+                font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, PdfFontStyle.Bold);
+            }
+            else {
+                font = new PdfStandardFont(this.row.treegrid.ganttStyle.fontFamily, this.style.fontSize, this.style.fontStyle);
+            }
             if (this.row.treegrid.ganttStyle.font) {
                 font = this.row.treegrid.ganttStyle.font;
             }
             /* eslint-disable */
             const slr = layouter.layout(currentValue, font, this.style.format, new SizeF(width, 0), false, new SizeF(0, 0));
-            height += slr.actualSize.height;
+            if (currentValue.length > 80) {
+                height += slr.actualSize.height + 20;
+            }
+            else {
+                height += slr.actualSize.height;
+            }
             height += (this.style.borders.top.width + this.style.borders.bottom.width) * 2;
         }
         height += this.row.treegrid.style.cellPadding.top + this.row.treegrid.style.cellPadding.bottom;
@@ -35762,7 +35824,7 @@ class PdfTreeGridCell {
             if (this.finishedDrawingCell) {
                 temp = (this.remainingString === '') ? this.remainingString : this.value;
                 /* eslint-disable-next-line */
-                graphics.drawString(temp, font, textPen, textBrush, (innerLayoutArea.x + leftAdjustment), this.isHeaderCell ? innerLayoutArea.y - 16 : innerLayoutArea.y, (innerLayoutArea.width - leftAdjustment - padding), (innerLayoutArea.height - padding), this.style.format);
+                graphics.drawString(temp, font, textPen, textBrush, (innerLayoutArea.x + leftAdjustment), this.isHeaderCell ? innerLayoutArea.y - 16 : innerLayoutArea.y - 3, (innerLayoutArea.width - leftAdjustment - padding), (innerLayoutArea.height - padding), this.style.format);
             }
             else {
                 /* eslint-disable-next-line */