@syncfusion/ej2-vue-gantt 19.4.56 → 20.1.50

package/CHANGELOG.md

@@ -6,6 +6,37 @@
 
 #### Bug Fixes
 
+- `#372623` - New record keeps an editable state in dependency tab even after switching the tabs has been fixed.
+- `#373803` - Scrollbar not available in notes tab issue has been fixed.
+- `#372344` - Issue in `taskLabelTemplate` using `ngTemplate` has been fixed.
+- `#372131` - Issue in `taskbarTemplate` with `enableMultiTaskbar` enabled has been fixed.
+
+## 20.1.48 (2022-04-12)
+
+### Gantt
+
+#### Bug Fixes
+
+- `#371080` - Issue in `actionBegin` event for cancelling the row drag and drop action using request type `beforeDrop` has been fixed.
+- `#374064` - Gantt height not gets responsive when collapsing all tasks in `auto` mode.
+- `#372623` - Filter popup gets closed automatically When clicking between the filter fields has been fixed.
+
+## 20.1.47 (2022-04-04)
+
+### Gantt
+
+#### Bug Fixes
+
+- `#300959` - Provided support to fill empty space with extended timeline in zoom out action.
+- `#371372` - Unable to change end Date of manual parent task issue has been fixed.
+- `#363003` - Child mapping order not maintained in data source property issue has been fixed.
+
+## 19.4.56 (2022-03-15)
+
+### Gantt
+
+#### Bug Fixes
+
 - `#369264` - Event marker labels not visible when there is single record has been fixed
 - `#362146` - Row customization using `rowDataBound` event in `enableImmutableMode` issue has been fixed
 - `#363336` - Child records not updated properly in specific index issue has been fixed.

package/dist/ej2-vue-gantt.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-gantt.umd.min.js
-*  version : 19.4.56
+*  version : 20.1.50
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

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

@@ -1,8 +1,8 @@
 import { Gantt } from '@syncfusion/ej2-gantt';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
-import Vue$1 from 'vue';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
+import Vue$1 from 'vue';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -10,6 +10,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute = gh ? false : true;
 let vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -18,16 +19,47 @@ if (!isExecute || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-let ColumnsDirective = class ColumnsDirective extends vueImport {
-    render() {
+let ColumnsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class ColumnsDirective extends vueImport {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-columns';
     }
 };
 ColumnsDirective = __decorate([
     EJComponentDecorator({}, isExecute)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], ColumnsDirective);
 const ColumnsPlugin = {
     name: 'e-columns',
@@ -71,6 +103,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$1 = gh ? false : true;
 let vueImport$1;
 if (!isExecute$1 || parseInt(allVue.version) < 3) {
@@ -79,16 +112,47 @@ if (!isExecute$1 || parseInt(allVue.version) < 3) {
 else {
     vueImport$1 = Vue$1;
 }
-let AddDialogFieldsDirective = class AddDialogFieldsDirective extends vueImport$1 {
-    render() {
+let AddDialogFieldsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class AddDialogFieldsDirective extends vueImport$1 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-add-dialog-fields';
     }
 };
 AddDialogFieldsDirective = __decorate$1([
     EJComponentDecorator({}, isExecute$1)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], AddDialogFieldsDirective);
 const AddDialogFieldsPlugin = {
     name: 'e-add-dialog-fields',
@@ -132,6 +196,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$2 = gh ? false : true;
 let vueImport$2;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -140,16 +205,47 @@ if (!isExecute$2 || parseInt(allVue.version) < 3) {
 else {
     vueImport$2 = Vue$1;
 }
-let EditDialogFieldsDirective = class EditDialogFieldsDirective extends vueImport$2 {
-    render() {
+let EditDialogFieldsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class EditDialogFieldsDirective extends vueImport$2 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-edit-dialog-fields';
     }
 };
 EditDialogFieldsDirective = __decorate$2([
     EJComponentDecorator({}, isExecute$2)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], EditDialogFieldsDirective);
 const EditDialogFieldsPlugin = {
     name: 'e-edit-dialog-fields',
@@ -193,6 +289,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$3 = gh ? false : true;
 let vueImport$3;
 if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -201,16 +298,47 @@ if (!isExecute$3 || parseInt(allVue.version) < 3) {
 else {
     vueImport$3 = Vue$1;
 }
-let DayWorkingTimeCollectionDirective = class DayWorkingTimeCollectionDirective extends vueImport$3 {
-    render() {
+let DayWorkingTimeCollectionDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class DayWorkingTimeCollectionDirective extends vueImport$3 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-day-working-time-collection';
     }
 };
 DayWorkingTimeCollectionDirective = __decorate$3([
     EJComponentDecorator({}, isExecute$3)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], DayWorkingTimeCollectionDirective);
 const DayWorkingTimeCollectionPlugin = {
     name: 'e-day-working-time-collection',
@@ -254,6 +382,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$4 = gh ? false : true;
 let vueImport$4;
 if (!isExecute$4 || parseInt(allVue.version) < 3) {
@@ -262,16 +391,47 @@ if (!isExecute$4 || parseInt(allVue.version) < 3) {
 else {
     vueImport$4 = Vue$1;
 }
-let HolidaysDirective = class HolidaysDirective extends vueImport$4 {
-    render() {
+let HolidaysDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class HolidaysDirective extends vueImport$4 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-holidays';
     }
 };
 HolidaysDirective = __decorate$4([
     EJComponentDecorator({}, isExecute$4)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], HolidaysDirective);
 const HolidaysPlugin = {
     name: 'e-holidays',
@@ -315,6 +475,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$5 = gh ? false : true;
 let vueImport$5;
 if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -323,16 +484,47 @@ if (!isExecute$5 || parseInt(allVue.version) < 3) {
 else {
     vueImport$5 = Vue$1;
 }
-let EventMarkersDirective = class EventMarkersDirective extends vueImport$5 {
-    render() {
+let EventMarkersDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class EventMarkersDirective extends vueImport$5 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-event-markers';
     }
 };
 EventMarkersDirective = __decorate$5([
     EJComponentDecorator({}, isExecute$5)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], EventMarkersDirective);
 const EventMarkersPlugin = {
     name: 'e-event-markers',
@@ -397,7 +589,12 @@ let GanttComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class GanttComponent extends ComponentBase {
     constructor() {
@@ -416,6 +613,7 @@ class GanttComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -508,6 +706,9 @@ class GanttComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     addPredecessor(id, predecessorString) {
         return this.ej2Instances.addPredecessor(id, predecessorString);
     }
@@ -729,7 +930,12 @@ GanttComponent = __decorate$6([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], GanttComponent);
 const GanttPlugin = {