@syncfusion/ej2-gantt 21.2.3 → 21.2.4

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

@@ -5879,7 +5879,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;
         }
@@ -8776,7 +8776,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 +9447,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);
@@ -15124,7 +15134,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]
@@ -22445,7 +22455,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 +23870,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 +23884,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 */