{
"name": "Gantt",
"description": "Gantt Components",
"keywords": {
"common": ["ej2", "syncfusion", "JavaScript", "TypeScript", "gantt", "gantt-chart", "project-management", "project-planning", "task-scheduling", "timeline-chart", "project-tracking", "project-timeline", "resource-management", "task-management", "schedule-management", "timeline-management", "gantt-view", "gantt-chart-component", "gantt-chart-control"],
"angular": ["angular", "angular-gantt", "angular-gantt-chart", "gantt", "gantt-chart", "project-management", "project-planning", "task-scheduling", "timeline-chart", "project-tracking", "project-timeline", "resource-management", "task-management", "schedule-management", "timeline-management", "gantt-view", "gantt-chart-component", "gantt-chart-control" ],
"react": ["react", "reactjs", "react-gantt", "react-gantt-chart", "JavaScript", "gantt", "gantt-chart", "project-management", "project-planning", "task-scheduling", "timeline-chart", "project-tracking", "project-timeline", "resource-management", "task-management", "schedule-management", "timeline-management", "gantt-view", "gantt-chart-component", "gantt-chart-control"],
"vue": ["vue", "vuejs", "vue-gantt", "vue-gantt-chart", "gantt", "gantt-chart", "project-management", "project-planning", "task-scheduling", "timeline-chart", "project-tracking", "project-timeline", "resource-management", "task-management", "schedule-management", "timeline-management", "gantt-view", "gantt-chart-component", "gantt-chart-control" ]
},
"repository": {
"type": "git",
"url": "https://github.com/syncfusion/ej2-gantt"
},
"eventInterfaces": [
"IQueryTaskbarInfoEventArgs",
"ITaskbarEditedEventArgs",
"ITaskDeletedEventArgs",
"ITimeSpanEventArgs",
"IActionBeginEventArgs",
"IValidateLinkedTaskArgs",
"ISplitterResizedEventArgs",
"BeforeTooltipRenderEventArgs",
"IDependencyEventArgs",
"ITaskAddedEventArgs"
],
"components": [{
"baseClass": "Gantt",
"directoryName": "gantt",
"type": "simple",
"isPartialClass": true,
"defaultTag": "",
"twoWays": [
"dataSource"
],
"blazorPlaceholder": "gantt",
"isGenericClass": true,
"blazorDependency": [
"ej2-base"
],
"blazorType": "native",
"dynamicModules": [
"Filter",
"Selection",
"Sort",
"Reorder",
"Resize",
"Edit",
"DayMarkers",
"Toolbar",
"ContextMenu",
"ExcelExport",
"RowDD",
"ColumnMenu",
"PdfExport",
"VirtualScroll",
"CriticalPath",
"UndoRedo",
"Freeze"
],
"diModuleFiles": [
{ "fileName": "filter" },
{ "fileName": "selection" },
{ "fileName": "sort" },
{ "fileName": "column-reorder" },
{ "fileName": "column-resize" },
{ "fileName": "edit" },
{ "fileName": "day-marker" },
{ "fileName": "toolbar" },
{ "fileName": "context-menu"},
{ "fileName": "excel-export"},
{ "fileName": "rowdragdrop"},
{ "fileName": "column-menu"},
{ "fileName": "pdf-export"},
{ "fileName": "virtual-scroll"},
{ "fileName": "critical-path"},
{ "fileName": "undo-redo"},
{ "fileName": "freeze-column"}
],
"comment": [
"/**",
" * `ejs-gantt` represents the Angular Gantt Component.",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `GanttComponent` represents the react Gantt.",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `ejs-gantt` represents the VueJS Gantt Component.",
" * ```vue",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "labelSettings",
"baseClass": "LabelSettings",
"blazorTemplates": [
"rightLabel:rightLabelTemplate",
"leftLabel:leftLabelTemplate",
"taskLabel:taskLabelTemplate"
]
},
{
"propertyName": "taskFields",
"baseClass": "TaskFields"
},
{
"propertyName": "resourceFields",
"baseClass": "ResourceFields"
},
{
"propertyName": "timelineSettings",
"baseClass": "TimelineSettings",
"complexDirective": [
{
"propertyName": "topTier",
"baseClass": "TimelineTierSettings",
"blazorClassName": "GanttTopTierSettings",
"isCommon": true,
"blazorCommonClassName": "GanttTimelineTierSettings"
},
{
"propertyName": "bottomTier",
"baseClass": "TimelineTierSettings",
"blazorClassName": "GanttBottomTierSettings",
"isCommon": true,
"blazorCommonClassName": "GanttTimelineTierSettings"
}
]
},
{
"propertyName": "sortSettings",
"baseClass": "SortSettings",
"tagDirective": [
{
"arrayDirectiveClassName": "SortDescriptors",
"directiveClassName": "SortDescriptor",
"propertyName": "columns",
"arrayDirectiveSelector": "ejs-gantt>e-sort-settings>e-sort-descriptors",
"directiveSelector": "ejs-gantt>e-sort-settings>e-sort-descriptor",
"directoryName": "gantt",
"baseClass": "SortDescriptor",
"comment": [
"/**",
" * `e-sort-descriptor` directive represent a sorted column of the Angular Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `SortDescriptorDirective` represent a sorted column of the react Gantt. ",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-sort-descriptor` directive represent a sorted column of the VueJS Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
]
},
{
"propertyName": "loadingIndicator",
"baseClass": "LoadingIndicator"
},
{
"propertyName": "editSettings",
"baseClass": "EditSettings",
"isPartialClass": true
},
{
"propertyName": "tooltipSettings",
"baseClass": "TooltipSettings"
},
{
"propertyName": "selectionSettings",
"baseClass": "SelectionSettings"
},
{
"propertyName": "filterSettings",
"baseClass": "FilterSettings"
},
{
"propertyName": "splitterSettings",
"baseClass": "SplitterSettings"
},
{
"propertyName": "searchSettings",
"baseClass": "SearchSettings"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "columns",
"directiveClassName": "column",
"propertyName": "columns",
"arrayDirectiveSelector": "ejs-gantt>e-columns",
"directiveSelector": "ejs-gantt>e-columns>e-column",
"directoryName": "gantt",
"baseClass": "Column",
"comment": [
"/**",
" * `e-column` directive represent a column of the Angular Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `ColumnDirective` represent a column of the react Gantt. ",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-column` directive represent a column of the VueJS Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"templateProperties": [
"template",
"headerTemplate",
"editTemplate",
"filter.itemTemplate",
"filterTemplate",
"emptyRecordTemplate"
],
"blazorTemplates": [
"template",
"headerTemplate"
]
},
{
"arrayDirectiveClassName": "AddDialogFields",
"directiveClassName": "AddDialogField",
"arrayDirectiveSelector": "ejs-gantt>e-add-dialog-fields",
"directiveSelector": "ejs-gantt>e-add-dialog-fields>e-add-dialog-field",
"directoryName": "gantt",
"propertyName": "addDialogFields",
"baseClass": "AddDialogFieldSettings",
"comment": [
"/**",
" * `e-add-dialog-field` directive represent a add dialog fields collection in Gantt task add dialog. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `AddDialogFieldDirective` represent a add dialog fields of the react Gantt. ",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-add-dialog-fields` directive represent a add dialog fields in VueJS Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "EditDialogFields",
"directiveClassName": "EditDialogField",
"arrayDirectiveSelector": "ejs-gantt>e-edit-dialog-fields",
"directiveSelector": "ejs-gantt>e-edit-dialog-fields>e-edit-dialog-field",
"directoryName": "gantt",
"propertyName": "editDialogFields",
"baseClass": "EditDialogFieldSettings",
"comment": [
"/**",
" * `e-edit-dialog-field` directive represent a edit dialog fields collection in Gantt task add dialog. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `EditDialogFieldDirective` represent a add dialog fields in VueJS Gantt. ",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-edit-dialog-fields` directive represent a add dialog fields in VueJS Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "DayWorkingTimeCollection",
"directiveClassName": "DayWorkingTime",
"arrayDirectiveSelector": "ejs-gantt>e-day-working-time-collection",
"directiveSelector": "ejs-gantt>e-day-working-time-collection>e-day-working-time",
"directoryName": "gantt",
"propertyName": "dayWorkingTime",
"baseClass": "DayWorkingTime",
"comment": [
"/**",
" * `e-day-working-time-collection` directive represent a working time ranges in a day. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `DayWorkingTimeDirective` represent a working time ranges in a day. ",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-day-working-time-collection` directive represent a working time ranges in a day. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "WeekWorkingTimes",
"directiveClassName": "WeekWorkingTime",
"arrayDirectiveSelector": "ejs-gantt>e-week-working-times",
"directiveSelector": "ejs-gantt>e-week-working-times>e-week-working-time",
"directoryName": "gantt",
"propertyName": "weekWorkingTime",
"baseClass": "WeekWorkingTime",
"comment": [
"/**",
" * `e-week-working-times` directive represent a working time ranges in a day. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `WeekWorkingTimeDirective` represent a working time ranges in a day. ",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-week-working-time-collection` directive represent a working time ranges in a day. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "Holidays",
"directiveClassName": "Holiday",
"arrayDirectiveSelector": "ejs-gantt>e-holidays",
"directiveSelector": "ejs-gantt>e-holidays>e-holidays",
"directoryName": "gantt",
"propertyName": "holidays",
"baseClass": "Holiday",
"comment": [
"/**",
" * `e-holidays` directive represent a holidays collection in Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `HolidaysDirective` represent a holidays collection in Gantt.. ",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-holidays` directive represent a holidays collection in Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "EventMarkers",
"directiveClassName": "EventMarker",
"arrayDirectiveSelector": "ejs-gantt>e-event-markers",
"directiveSelector": "ejs-gantt>e-event-markers>e-event-marker",
"directoryName": "gantt",
"propertyName": "eventMarkers",
"baseClass": "EventMarker",
"comment": [
"/**",
" * `e-event-markers` directive represent a event marker collection in Gantt. ",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `EventMarkersDirective` represent a event marker collection in Gantt",
" * It must be contained in a Gantt component(`GanttComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-event-markers` directive represent a event marker collection in Gantt",
" * It must be contained in a Gantt component(`ejs-gantt`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
],
"templateProperties": [
"parentTaskbarTemplate",
"timelineTemplate",
"milestoneTemplate",
"taskbarTemplate",
"editTemplate",
"labelSettings.rightLabel",
"labelSettings.leftLabel",
"labelSettings.taskLabel",
"tooltipSettings.taskbar",
"tooltipSettings.baseline",
"tooltipSettings.connectorLine",
"tooltipSettings.editing",
"tooltipSettings.timeline",
"filter.itemTemplate",
"filterTemplate",
"emptyRecordTemplate"
],
"blazorTemplates": [
"parentTaskbarTemplate",
"milestoneTemplate",
"taskbarTemplate"
]
}
]
}