@syncfusion/ej2-vue-gantt 20.4.38 → 20.4.40

package/CHANGELOG.md

@@ -4,6 +4,22 @@
 
 ### Gantt
 
+#### Bug Fixes
+
+- `#I420702` - Persistence settings prevent changing the timeline settings issue has been fixed.
+- `#I422731` - Issue when predecessor is given for unscheduled parent issue has been fixed.
+- `#I423435` - Customize baseline colour in `queryTaskbarInfo` event in segmented tasks issue has been fixed.
+- `#I420280` - The `actionBegin` event receives more records as modified data when task is edited issue has been fixed.
+- `#I422943` - Taskbar appearing on next date issue has been fixed.
+- `#I422476` - Progress value issue in parent task has been fixed.
+- `#I425389`- Baseline not properly rendered after moving Milestone.
+
+- `#I420280` - The `actionBegin` event receives more records as modified data when task is edited issue has been fixed.
+
+## 20.4.38 (2022-12-21)
+
+### Gantt
+
 #### Features
 
 - `#I237939`,`#I255626`,`#I398597` - Provided `RTL` support in Gantt chart. Please find the documentation link [here](https://ej2.syncfusion.com/documentation/gantt/global-local/#right-to-left-rtl).

package/README.md

@@ -1,85 +1,199 @@
-# ej2-vue-gantt
+# Vue Gantt Component
 
-The Gantt component is designed to visualize and edit the project schedule, and track the project progress. It helps to organize and schedule the projects and also you can update the project schedule through interactions like editing, dragging and resizing.
+The [Vue Gantt](https://www.syncfusion.com/vue-ui-components/vue-gantt-chart?utm_source=npm&utm_medium=listing&utm_campaign=vue-gantt-npm) component is a project planning and management tool used to display and manage hierarchical tasks with timeline details. It helps assess how long a project should take, determine the resources needed, manage the dependencies between tasks, and plan the order in which the tasks should be completed.
 
-![Gantt](https://ej2.syncfusion.com/products/images/gantt/readme.gif)
+<p align="center">
+<img alt="Vue Gantt Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-gantt-chart.png"> </p>
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
 
 ## Setup
 
-To install Gantt and its dependent packages, use the following command.
+### Create an Vue Application
+
+You can use [`Vue CLI`](https://github.com/vuejs/vue-cli) to setup your Vue 2 applications.To install Vue CLI use the following commands.
 
-```sh
-npm install @syncfusion/ej2-vue-gantt
+```bash
+npm install -g @vue/cli
+vue create quickstart
+cd quickstart
+npm run serve
 ```
+Initiating a new project prompts us to choose the type of project to be used for the current application. Select the option `Default ([Vue 2] babel, eslint)` from the menu.
 
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/vue/documentation/gantt/getting-started/)
-* [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=gantt#/material/gantt/default.html)
-* [Product Page](https://www.syncfusion.com/vue-ui-components/vue-gantt-chart)
-
-## Supported Frameworks
-
-Gantt component is also offered in following list of frameworks.
-
-1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/gantt)
-2. [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/gantt)
-3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/gantt)
-4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/gantt)
-5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/gantt)
-6. [Blazor](https://www.syncfusion.com/blazor-components/blazor-gantt-chart)
-
-## Key Features
-
-* [**Data sources**](https://ej2.syncfusion.com/vue/documentation/gantt/data-binding/) - Bind hierarchical or self-referential data to Gantt chart with an array of JavaScript objects or DataManager.
-* [**Timeline**](https://ej2.syncfusion.com/vue/documentation/gantt/timeline/) – Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout.
-* [**Customizable Taskbars**](https://ej2.syncfusion.com/vue/documentation/gantt/appearance-customization/#taskbar-customization) – Display various tasks in a project using child taskbar, summary taskbar and milestone UI, that can also be customized with templates.
-* [**Unscheduled tasks**](https://ej2.syncfusion.com/vue/documentation/gantt/task-scheduling/#unscheduled-tasks) – Support for displaying tasks with undefined start date, end date or duration in a project.
-* [**Baselines**](https://ej2.syncfusion.com/vue/documentation/gantt/baseline/) – Display the deviations between planned dates and actual dates of a task in a project using baselines.
-* [**CRUD actions**](https://ej2.syncfusion.com/vue/documentation/gantt/managing-tasks/#maintaining-data-in-server) – Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options.
-* [**Task dependency**](https://ej2.syncfusion.com/vue/documentation/gantt/taskdependency/) – Define or update the dependencies between the tasks in a project with four types of task dependencies Finish – Start, Start – Finish, Finish – Finish, Start – Start.
-* [**Markers and indicators**](https://ej2.syncfusion.com/vue/documentation/gantt/data-markers/) - Support for displaying indicators and flags along with taskbars and task labels. Also map important events in a project using event marker.
-* [**Task label customization**](https://ej2.syncfusion.com/vue/documentation/gantt/appearance-customization/#task-labels) - provides option to set desired label inside task bar and right and left side of task bar.
-* [**Resources**](https://ej2.syncfusion.com/vue/documentation/gantt/resources/) - Allows you to assign and track performance of resource to particular task.
-* [**Sorting**](https://ej2.syncfusion.com/vue/documentation/gantt/sorting/) - Supports n levels of sorting.
-* [**Filtering**](https://ej2.syncfusion.com/vue/documentation/gantt/filtering/) - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
-* [**Editing**](https://ej2.syncfusion.com/vue/documentation/gantt/managing-tasks/#editing-tasks) - provides the options for create, read, update, and delete operations.
-* [**Columns**](https://ej2.syncfusion.com/vue/documentation/gantt/columns/) - The column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format.
-  * [**Reordering**](https://ej2.syncfusion.com/vue/documentation/gantt/columns/#column-reordering) - Allows you to drag any column and drop it at any position in the gantt column header row, allowing columns to be repositioned.
-  * [**Column Chooser**](https://ej2.syncfusion.com/vue/documentation/gantt/columns/#column-menu) - The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
-  * [**Resizing**](https://ej2.syncfusion.com/vue/documentation/gantt/columns/#column-resizing) - Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
-* [**Selection**](https://ej2.syncfusion.com/vue/documentation/gantt/selection/) - Rows or cells can be selected in the gantt. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
-* [**Row Drag And Drop**](https://ej2.syncfusion.com/vue/documentation/gantt/rows/#drag-and-drop) - Drag and drop allows user to dynamically rearrange the rows.
-* [**Context Menu**](https://ej2.syncfusion.com/vue/documentation/gantt/context-menu/) - The context menu improves user action with Gantt Chart using a pop-up menu. It appears when a cell or header is right-clicked.
-* [**Resource View**](https://ej2.syncfusion.com/vue/documentation/gantt/resource-view/) - Visualize the list of tasks assigned to each resource in a hierarchical manner.
-    * [**OverAllocation**](https://ej2.syncfusion.com/vue/documentation/gantt/resource-view/#resource-overallocation) - When a resource is assigned too much of work to complete within a day of resource’s available time then it is highlighted by a square bracket.
-    * [**Multi Taskbar**](https://ej2.syncfusion.com/vue/documentation/gantt/resource-view/#resource-multi-taskbar) - Allows user to visualize multiple tasks assigned to each resource in a row.
-* [**Exporting**](https://ej2.syncfusion.com/vue/documentation/gantt/excel-export/) - Allows you to export Gantt data to Excel, PDF and CSV formats.
-* [**Zooming**](https://ej2.syncfusion.com/vue/documentation/gantt/timeline/#zooming) - Zooming feature enables you to view the tasks in the project clearly from minute to year timespan.
-* [**Split Tasks**](https://ej2.syncfusion.com/vue/demos/#/material/gantt/split-tasks.html) - Allows an interruption in the task due to circumstances such as the occurrence of an unplanned event or reprioritization of already planned events. In such situtations, the pending work can be split into segments and the work can be resumed at a different date.
-* [**Virtual Scrolling**](https://ej2.syncfusion.com/vue/demos/#/material/gantt/virtual-scroll.html) - Allows user to load a large amount of data effectively.
-* [**Templates**](https://ej2.syncfusion.com/vue/demos/#/material/gantt/taskbar-template.html) - Templates can be used to create custom user experiences in the gantt.
-* [**Enriched UI**](https://ej2.syncfusion.com/vue/documentation/appearance/theme/) – Support for Material, bootstrap, fabric and high contrast themes along with other UI options like holidays support, vertical and horizontal grid lines support and so on.
-* [**Localization**](https://ej2.syncfusion.com/vue/documentation/gantt/global-local/) - Provides inherent support to localize the UI.
+### Adding Syncfusion Gantt package
 
-## Support
+All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Vue gantt package, use the following command.
+
+```bash
+npm install @syncfusion/ej2-vue-gantt --save
+```
+
+### Registering Gantt Component
+
+You can register the Gantt component in your application by using the **Vue.use()**. Refer to the code example given below.
+
+```typescript
+import { GanttPlugin } from '@syncfusion/ej2-vue-gantt';
+
+Vue.use(GanttPlugin);
+```
 
-Product support is available for through following mediums.
+> Registering **GanttPlugin** in vue, will register the gantt component along with its required child directives globally.
+
+### Adding CSS references for Gantt
+
+Add CSS references needed for Gantt in **style** section of the **App.vue** file from **../node_modules/@syncfusion** package folder.
+
+```html
+<style>
+@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-layouts/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-grids/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-treegrid/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-gantt/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-vue-gantt/styles/material.css';
+</style>
+```
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=gantt) support system or [Community forum](https://www.syncfusion.com/forums?utm_source=npm&utm_campaign=gantt).
-* New [GitHub issue](https://github.com/syncfusion/ej2-vue-ui-components/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+## Add Gantt Component
+
+Add the Vue Gantt by using **ejs-gantt** selector in **template** section of the **App.vue** file.
+
+```html
+<template>
+ <div id="app">
+    <ejs-gantt :dataSource="data" :taskFields = "taskFields"></ejs-gantt>
+</div>
+</template>
+<script>
+import Vue from "vue";
+import { GanttPlugin } from "@syncfusion/ej2-vue-gantt";
+
+Vue.use(GanttPlugin);
+
+export default {
+  data: function() {
+  return{
+        data: [
+        {
+            TaskID: 1,
+            TaskName: 'Project Initiation',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                { TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
+                { TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50  },
+                { TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
+            ]
+        },
+        {
+            TaskID: 5,
+            TaskName: 'Project Estimation',
+            StartDate: new Date('04/02/2019'),
+            EndDate: new Date('04/21/2019'),
+            subtasks: [
+                { TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 },
+                { TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 },
+                { TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 }
+            ]
+        }],
+        taskFields: {
+            id: 'TaskID',
+            name: 'TaskName',
+            startDate: 'StartDate',
+            endDate: 'EndDate',
+            duration: 'Duration',
+            child: 'subtasks'
+        },
+    };
+  },
+};
+</script>
+<style>
+@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-layouts/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-grids/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-treegrid/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-gantt/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-vue-gantt/styles/material.css';
+</style>
+```
+> Refer the [Getting Started with Vue3](https://ej2.syncfusion.com/vue/documentation/gantt/getting-started-vue/) for using Syncfusion Vue components in Vue 3 applications.
+
+## Supported frameworks
+
+Gantt component is also offered in the following list of frameworks.
+
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular.svg"  height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Key features
+
+* [Data sources](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/local-data.html): Bind hierarchical or self-referential data to Gantt chart with an array of JSON objects or DataManager.
+* [Timeline](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/timeline.html): Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout.
+* [Task dependency](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/editing.html): Allows for the definition or update of dependencies between tasks in a project using four types of task dependencies: Finish – Start, Start – Finish, Finish – Finish, and Start – Start.
+* [Resources](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/resource-view.html): Visualizes the list of tasks assigned to each resource in hierarchy manner and switch the resources as per user need by task editing.
+* [Editing](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/editing.html): Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options.
+* [Virtual scrolling](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/virtual-scroll.html): Improves the performance of the gantt control when binding large amounts of data by only rendering the currently visible parts of the user interface and rendering other elements as needed while scrolling.
+* [Critical path](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/critical-path.html): The critical path in a project is displayed by a single task or a series of tasks. If a task in critical path is delayed, the entire project will be delayed. A task is considered to be critical if any delay to this task would affect the project end date.
+* [Customizable taskbars](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/taskbar-template.html): Display various tasks in a project using parent and child taskbars, summary taskbars and milestone UI, which can be customized with templates.
+* [Unscheduled tasks](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/unscheduled-task.html): Gantt Chart supports the display of tasks with undefined start date, end date or duration in a project.
+* [Baseline](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/baseline.html): Display the deviations between planned dates and actual dates of a task in a project using baselines.
+* [Markers and indicators](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/event-markers.html): Display indicators and flags along with taskbars and task labels. Also map important events in a project using event marker.
+* [Task label customization](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/tasklabel-template.html): Allows for the customization of labels within and on either side of the task bar.
+* [Sorting](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/sorting-api.html): Supports n levels of sorting.
+* [Filtering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/filtering.html): Offers filter UIs such as filter bar and menu at each column to filter data. Also allows for filtering based on related parent or child records.
+* [Columns](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/column-menu.html): Column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format. Column functionalities such as resizing, reordering, column template, show or hide columns, etc., are supported.
+* [Column re-ordering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/reorder.html): Drag any column and drop it at any position in the grid's column header row, to reposition the column.
+* [Column resizing](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/resizing.html): Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
+* [Row re-ordering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/drag-and-drop.html): Allows rows to be rearranged through drag and drop actions, changing their position and hierarchy level. A child row can be moved as a sibling within the same parent row or as a child to a different parent row.
+* [Selection](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/selection.html): Rows or cells can be selected in the Gantt Chart. One or more rows or cells can also be selected by holding Shift, Ctrl or Command, or programmatically.
+* [Templates](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-gantt-npm#/bootstrap5/gantt/column-template.html): Templates can be used to create custom user experiences in the gantt.
+* [RTL support](https://ej2.syncfusion.com/vue/documentation/gantt/global-local/#right-to-left-rtl): Provides the right-to-left mode which aligns content in the Gantt Chart component from right to left. This improves user experience and accessibility for those who work with RTL languages like Hebrew and Arabic.
+* [Localization](https://ej2.syncfusion.com/vue/documentation/gantt/global-local/#localization): Provides inherent support to localize the UI.
+
+## Support
 
-## License
+Product support is available through the following mediums.
 
-Check the license detail [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license).
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-gantt-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-gantt-npm)
+* Live chat
 
 ## Changelog
 
-Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/gantt/CHANGELOG.md)
+Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/gantt/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=vue-gantt-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Vue UI components](https://www.syncfusion.com/vue-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm) for more info.
 
-© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-gantt.umd.min.js
-*  version : 20.4.38
+*  version : 20.4.40
 *  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