@syncfusion/ej2-vue-gantt 19.4.54 → 20.1.47

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-gantt@*",
-  "_id": "@syncfusion/ej2-vue-gantt@19.4.53",
+  "_id": "@syncfusion/ej2-vue-gantt@19.10.10",
   "_inBundle": false,
-  "_integrity": "sha512-dIw7mE1IUCP8CmlTtTji8B+7WXIakCmpPNckx5X3CtGxUIeJHfRtAWyz9R9012YYwasdEj1COTsBJF8n5IUWCA==",
+  "_integrity": "sha512-plLh+3iDAkg2VYW9N+SPJbzl/qa7veYOeaZ0jCzUgJjEaK2vXCcAPk+VxypHJfvzM9KQiKZV9QxgXgQl24R1kw==",
   "_location": "/@syncfusion/ej2-vue-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-gantt/-/ej2-vue-gantt-19.4.53.tgz",
-  "_shasum": "077c72915e49ea8f274b39a1d431f91523b0f2b7",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-gantt/-/ej2-vue-gantt-19.10.10.tgz",
+  "_shasum": "e44b8e24354eb875204285b323ddf988870d7c14",
   "_spec": "@syncfusion/ej2-vue-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-gantt": "19.4.54",
-    "@syncfusion/ej2-vue-base": "~19.4.53"
+    "@syncfusion/ej2-base": "~20.1.47",
+    "@syncfusion/ej2-gantt": "20.1.47",
+    "@syncfusion/ej2-vue-base": "~20.1.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component for Vue",
@@ -63,6 +63,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.4.54",
+  "version": "20.1.47",
   "sideEffects": false
 }

package/src/gantt/adddialogfields.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class AddDialogFieldsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const AddDialogFieldsPlugin: {

package/src/gantt/adddialogfields.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var AddDialogFieldsDirective = /** @class */ (function (_super) {
     __extends(AddDialogFieldsDirective, _super);
     function AddDialogFieldsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    AddDialogFieldsDirective.prototype.render = function () {
+    AddDialogFieldsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    AddDialogFieldsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AddDialogFieldsDirective.prototype.getTag = function () {
         return 'e-add-dialog-fields';
     };
     AddDialogFieldsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AddDialogFieldsDirective);
     return AddDialogFieldsDirective;
 }(vueImport));

package/src/gantt/columns.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ColumnsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const ColumnsPlugin: {

package/src/gantt/columns.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var ColumnsDirective = /** @class */ (function (_super) {
     __extends(ColumnsDirective, _super);
     function ColumnsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ColumnsDirective.prototype.render = function () {
+    ColumnsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ColumnsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ColumnsDirective.prototype.getTag = function () {
         return 'e-columns';
     };
     ColumnsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ColumnsDirective);
     return ColumnsDirective;
 }(vueImport));

package/src/gantt/dayworkingtime.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class DayWorkingTimeCollectionDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const DayWorkingTimeCollectionPlugin: {

package/src/gantt/dayworkingtime.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var DayWorkingTimeCollectionDirective = /** @class */ (function (_super) {
     __extends(DayWorkingTimeCollectionDirective, _super);
     function DayWorkingTimeCollectionDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    DayWorkingTimeCollectionDirective.prototype.render = function () {
+    DayWorkingTimeCollectionDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    DayWorkingTimeCollectionDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     DayWorkingTimeCollectionDirective.prototype.getTag = function () {
         return 'e-day-working-time-collection';
     };
     DayWorkingTimeCollectionDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], DayWorkingTimeCollectionDirective);
     return DayWorkingTimeCollectionDirective;
 }(vueImport));

package/src/gantt/editdialogfields.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class EditDialogFieldsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const EditDialogFieldsPlugin: {

package/src/gantt/editdialogfields.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var EditDialogFieldsDirective = /** @class */ (function (_super) {
     __extends(EditDialogFieldsDirective, _super);
     function EditDialogFieldsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    EditDialogFieldsDirective.prototype.render = function () {
+    EditDialogFieldsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    EditDialogFieldsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     EditDialogFieldsDirective.prototype.getTag = function () {
         return 'e-edit-dialog-fields';
     };
     EditDialogFieldsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], EditDialogFieldsDirective);
     return EditDialogFieldsDirective;
 }(vueImport));

package/src/gantt/eventmarkers.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class EventMarkersDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const EventMarkersPlugin: {

package/src/gantt/eventmarkers.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var EventMarkersDirective = /** @class */ (function (_super) {
     __extends(EventMarkersDirective, _super);
     function EventMarkersDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    EventMarkersDirective.prototype.render = function () {
+    EventMarkersDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    EventMarkersDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     EventMarkersDirective.prototype.getTag = function () {
         return 'e-event-markers';
     };
     EventMarkersDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], EventMarkersDirective);
     return EventMarkersDirective;
 }(vueImport));

package/src/gantt/gantt.component.d.ts

@@ -31,6 +31,7 @@ export declare class GanttComponent extends ComponentBase {
         [key: string]: Object;
     }, successHandler?: Function): void;
     render(createElement: any): any;
+    custom(): void;
     addPredecessor(id: number, predecessorString: string): void;
     addRecord(data?: Object[] | Object | Object, rowPosition?: Object, rowIndex?: number): void;
     cancelEdit(): void;

package/src/gantt/gantt.component.js

@@ -64,6 +64,7 @@ var GanttComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     GanttComponent.prototype.clearTemplate = function (templateNames) {
@@ -160,6 +161,9 @@ var GanttComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    GanttComponent.prototype.custom = function () {
+        this.updated();
+    };
     GanttComponent.prototype.addPredecessor = function (id, predecessorString) {
         return this.ej2Instances.addPredecessor(id, predecessorString);
     };
@@ -380,7 +384,12 @@ var GanttComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], GanttComponent);
     return GanttComponent;

package/src/gantt/holidays.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class HolidaysDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const HolidaysPlugin: {

package/src/gantt/holidays.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var HolidaysDirective = /** @class */ (function (_super) {
     __extends(HolidaysDirective, _super);
     function HolidaysDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    HolidaysDirective.prototype.render = function () {
+    HolidaysDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    HolidaysDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     HolidaysDirective.prototype.getTag = function () {
         return 'e-holidays';
     };
     HolidaysDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], HolidaysDirective);
     return HolidaysDirective;
 }(vueImport));

package/styles/bootstrap-dark.css

@@ -276,6 +276,34 @@
   content: '\e903';
 }
 
+.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
+  height: 64px;
+}
+
+.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
+  height: 32px;
+}
+
+.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
+  height: 63px !important;
+}
+
+.e-bigger .e-columnmenu {
+  top: 40px;
+}
+
+.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
+  padding: 16px 18px 0 18px;
+}
+
+.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
+  padding: 16px 18px 0 0;
+}
+
+.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
+  padding: 16px 18px 0 0;
+}
+
 .e-gantt {
   display: block;
   width: 100%;
@@ -790,9 +818,10 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
+  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 3;
+  z-index: 2;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -854,7 +883,6 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
-  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1137,6 +1165,8 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
+  height: auto !important;
+  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1445,11 +1475,13 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #4cc7ba;
   border: 1px solid #4cc7ba;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0070f0;
   border: 1px solid #0070f0;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1520,11 +1552,6 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
-  border-color: #fff;
-}
-
-.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
-  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
@@ -1688,15 +1715,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #f0ad4e;
+  background-color: #fac168;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #f0ad4e;
+  border-bottom-color: #fac168;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #f0ad4e;
+  border-top-color: #fac168;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/bootstrap.css

@@ -426,6 +426,34 @@
   content: '\e903';
 }
 
+.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
+  height: 64px;
+}
+
+.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
+  height: 32px;
+}
+
+.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
+  height: 63px !important;
+}
+
+.e-bigger .e-columnmenu {
+  top: 40px;
+}
+
+.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
+  padding: 16px 18px 0 18px;
+}
+
+.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
+  padding: 16px 18px 0 0;
+}
+
+.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
+  padding: 16px 18px 0 0;
+}
+
 .e-gantt {
   display: block;
   width: 100%;
@@ -940,9 +968,10 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
+  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 3;
+  z-index: 2;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -1004,7 +1033,6 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
-  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1287,6 +1315,8 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
+  height: auto !important;
+  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1595,11 +1625,13 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #555;
   border: 1px solid #555;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #21527d;
   border: 1px solid #21527d;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1670,11 +1702,6 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
-  border-color: #fff;
-}
-
-.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
-  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
@@ -1838,15 +1865,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #FF9800;
+  background-color: #f0ad4e;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #FF9800;
+  border-bottom-color: #f0ad4e;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #FF9800;
+  border-top-color: #f0ad4e;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {