/*! * devextreme-angular * Version: 25.2.6 * Build date: Mon Mar 30 2026 * * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/DevExtreme */ import { TransferState, ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DataSource from 'devextreme/data/data_source'; import { dxGanttColumn, dxGanttContextMenu, dxGanttFilterRow, dxGanttHeaderFilter, ContentReadyEvent, ContextMenuPreparingEvent, CustomCommandEvent, DependencyDeletedEvent, DependencyDeletingEvent, DependencyInsertedEvent, DependencyInsertingEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ResourceAssignedEvent, ResourceAssigningEvent, ResourceDeletedEvent, ResourceDeletingEvent, ResourceInsertedEvent, ResourceInsertingEvent, ResourceManagerDialogShowingEvent, ResourceUnassignedEvent, ResourceUnassigningEvent, ScaleCellPreparedEvent, SelectionChangedEvent, TaskClickEvent, TaskDblClickEvent, TaskDeletedEvent, TaskDeletingEvent, TaskEditDialogShowingEvent, TaskInsertedEvent, TaskInsertingEvent, TaskMovingEvent, TaskUpdatedEvent, TaskUpdatingEvent, GanttScaleType, dxGanttSorting, dxGanttStripLine, GanttTaskTitlePosition, dxGanttToolbar } from 'devextreme/ui/gantt'; import { DataSourceOptions } from 'devextreme/data/data_source'; import { Store } from 'devextreme/data/store'; import { FirstDayOfWeek } from 'devextreme/common'; import DxGantt from 'devextreme/ui/gantt'; import { DxComponent, DxTemplateHost, NestedOptionHost, IterableDifferHelper, WatcherHelper, CollectionNestedOption } from 'devextreme-angular/core'; import type * as DxGanttTypes from "devextreme/ui/gantt_types"; import * as i0 from "@angular/core"; import * as i1 from "devextreme-angular/ui/nested"; import * as i2 from "devextreme-angular/ui/gantt/nested"; import * as i3 from "devextreme-angular/core"; /** * The Gantt is a UI component that displays the task flow and dependencies between tasks. */ export declare class DxGanttComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; set _columnsContentChildren(value: QueryList); set _itemsContentChildren(value: QueryList); set _stripLinesContentChildren(value: QueryList); instance: DxGantt; /** * Specifies the shortcut key that sets focus on the UI component. */ get accessKey(): string | undefined; set accessKey(value: string | undefined); /** * Specifies whether the UI component changes its visual state as a result of user interaction. */ get activeStateEnabled(): boolean; set activeStateEnabled(value: boolean); /** * Specifies whether users can select tasks in the Gantt. */ get allowSelection(): boolean; set allowSelection(value: boolean); /** * An array of columns in the Gantt. */ get columns(): Array; set columns(value: Array); /** * Configures the context menu settings. */ get contextMenu(): dxGanttContextMenu; set contextMenu(value: dxGanttContextMenu); /** * Configures dependencies. */ get dependencies(): { dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; predecessorIdExpr?: Function | string; successorIdExpr?: Function | string; typeExpr?: Function | string; }; set dependencies(value: { dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; predecessorIdExpr?: Function | string; successorIdExpr?: Function | string; typeExpr?: Function | string; }); /** * Specifies whether the UI component responds to user interaction. */ get disabled(): boolean; set disabled(value: boolean); /** * Configures edit properties. */ get editing(): { allowDependencyAdding?: boolean; allowDependencyDeleting?: boolean; allowResourceAdding?: boolean; allowResourceDeleting?: boolean; allowResourceUpdating?: boolean; allowTaskAdding?: boolean; allowTaskDeleting?: boolean; allowTaskResourceUpdating?: boolean; allowTaskUpdating?: boolean; enabled?: boolean; }; set editing(value: { allowDependencyAdding?: boolean; allowDependencyDeleting?: boolean; allowResourceAdding?: boolean; allowResourceDeleting?: boolean; allowResourceUpdating?: boolean; allowTaskAdding?: boolean; allowTaskDeleting?: boolean; allowTaskResourceUpdating?: boolean; allowTaskUpdating?: boolean; enabled?: boolean; }); /** * Specifies the global attributes to be attached to the UI component's container element. */ get elementAttr(): Record; set elementAttr(value: Record); /** * Specifies the end date of the date interval in the Gantt chart. */ get endDateRange(): Date; set endDateRange(value: Date); /** * Configures filter row settings. */ get filterRow(): dxGanttFilterRow; set filterRow(value: dxGanttFilterRow); /** * Specifies the first day of a week. */ get firstDayOfWeek(): FirstDayOfWeek | undefined; set firstDayOfWeek(value: FirstDayOfWeek | undefined); /** * Specifies whether the UI component can be focused using keyboard navigation. */ get focusStateEnabled(): boolean; set focusStateEnabled(value: boolean); /** * Configures the header filter settings. */ get headerFilter(): dxGanttHeaderFilter; set headerFilter(value: dxGanttHeaderFilter); /** * Specifies the UI component's height. */ get height(): number | string | undefined; set height(value: number | string | undefined); /** * Specifies text for a hint that appears when a user pauses on the UI component. */ get hint(): string | undefined; set hint(value: string | undefined); /** * Specifies whether the UI component changes its state when a user pauses on it. */ get hoverStateEnabled(): boolean; set hoverStateEnabled(value: boolean); /** * Configures resource assignments. */ get resourceAssignments(): { dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; resourceIdExpr?: Function | string; taskIdExpr?: Function | string; }; set resourceAssignments(value: { dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; resourceIdExpr?: Function | string; taskIdExpr?: Function | string; }); /** * Configures task resources. */ get resources(): { colorExpr?: Function | string; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; textExpr?: Function | string; }; set resources(value: { colorExpr?: Function | string; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; textExpr?: Function | string; }); /** * Specifies the root task's identifier. */ get rootValue(): any; set rootValue(value: any); /** * Specifies the zoom level of tasks in the Gantt chart. */ get scaleType(): GanttScaleType; set scaleType(value: GanttScaleType); /** * Configures zoom range settings. */ get scaleTypeRange(): { max?: GanttScaleType; min?: GanttScaleType; }; set scaleTypeRange(value: { max?: GanttScaleType; min?: GanttScaleType; }); /** * Allows you to select a row or determine which row is selected. */ get selectedRowKey(): any | undefined; set selectedRowKey(value: any | undefined); /** * Specifies whether to display dependencies between tasks. */ get showDependencies(): boolean; set showDependencies(value: boolean); /** * Specifies whether to display task resources. */ get showResources(): boolean; set showResources(value: boolean); /** * Specifies whether to show/hide horizontal faint lines that separate tasks. */ get showRowLines(): boolean; set showRowLines(value: boolean); /** * Configures sort settings. */ get sorting(): dxGanttSorting; set sorting(value: dxGanttSorting); /** * Specifies the start date of the date interval in the Gantt chart. */ get startDateRange(): Date; set startDateRange(value: Date); /** * Configures strip lines. */ get stripLines(): Array; set stripLines(value: Array); /** * Specifies the number of the element when the Tab key is used for navigating. */ get tabIndex(): number; set tabIndex(value: number); /** * Specifies custom content for the task. */ get taskContentTemplate(): any; set taskContentTemplate(value: any); /** * Specifies the width of task list columns in pixels. */ get taskListWidth(): number; set taskListWidth(value: number); /** * Specifies custom content for the tooltip that displays the task's progress while the progress handler is resized in the UI. */ get taskProgressTooltipContentTemplate(): any; set taskProgressTooltipContentTemplate(value: any); /** * Configures tasks. */ get tasks(): { colorExpr?: Function | string; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; endExpr?: Function | string; keyExpr?: Function | string; parentIdExpr?: Function | string; progressExpr?: Function | string; startExpr?: Function | string; titleExpr?: Function | string; }; set tasks(value: { colorExpr?: Function | string; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; endExpr?: Function | string; keyExpr?: Function | string; parentIdExpr?: Function | string; progressExpr?: Function | string; startExpr?: Function | string; titleExpr?: Function | string; }); /** * Specifies custom content for the tooltip that displays the task's start and end time while the task is resized in the UI. */ get taskTimeTooltipContentTemplate(): any; set taskTimeTooltipContentTemplate(value: any); /** * Specifies a task's title position. */ get taskTitlePosition(): GanttTaskTitlePosition; set taskTitlePosition(value: GanttTaskTitlePosition); /** * Specifies custom content for the task tooltip. */ get taskTooltipContentTemplate(): any; set taskTooltipContentTemplate(value: any); /** * Configures toolbar settings. */ get toolbar(): dxGanttToolbar; set toolbar(value: dxGanttToolbar); /** * Configures validation properties. */ get validation(): { autoUpdateParentTasks?: boolean; enablePredecessorGap?: boolean; validateDependencies?: boolean; }; set validation(value: { autoUpdateParentTasks?: boolean; enablePredecessorGap?: boolean; validateDependencies?: boolean; }); /** * Specifies whether the UI component is visible. */ get visible(): boolean; set visible(value: boolean); /** * Specifies the UI component's width. */ get width(): number | string | undefined; set width(value: number | string | undefined); /** * A function that is executed when the UI component is rendered and each time the component is repainted. */ onContentReady: EventEmitter; /** * A function that is executed before the context menu is rendered. */ onContextMenuPreparing: EventEmitter; /** * A function that is executed after a custom command item was clicked. Allows you to implement a custom command's functionality. */ onCustomCommand: EventEmitter; /** * A function that is executed when a dependency is deleted. */ onDependencyDeleted: EventEmitter; /** * A function that is executed before a dependency is deleted. */ onDependencyDeleting: EventEmitter; /** * A function that is executed when a dependency is inserted. */ onDependencyInserted: EventEmitter; /** * A function that is executed before a dependency is inserted. */ onDependencyInserting: EventEmitter; /** * A function that is executed before the UI component is disposed of. */ onDisposing: EventEmitter; /** * A function used in JavaScript frameworks to save the UI component instance. */ onInitialized: EventEmitter; /** * A function that is executed after a UI component property is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when a resource is assigned to a task. */ onResourceAssigned: EventEmitter; /** * A function that is executed before a resource is assigned to a task. */ onResourceAssigning: EventEmitter; /** * A function that is executed when a resource is deleted. */ onResourceDeleted: EventEmitter; /** * A function that is executed before a resource is deleted. */ onResourceDeleting: EventEmitter; /** * A function that is executed when a resource is inserted. */ onResourceInserted: EventEmitter; /** * A function that is executed before a resource is inserted. */ onResourceInserting: EventEmitter; /** * A function that is executed before the Resource Manager dialog is shown. */ onResourceManagerDialogShowing: EventEmitter; /** * A function that is executed when a resource is unassigned from a task. */ onResourceUnassigned: EventEmitter; /** * A function that is executed before a resource is unassigned from a task. */ onResourceUnassigning: EventEmitter; /** * A function that is executed before a scale cell is prepared. */ onScaleCellPrepared: EventEmitter; /** * A function that is executed after users select a task or clear its selection. */ onSelectionChanged: EventEmitter; /** * A function that is executed when a user clicks a task. */ onTaskClick: EventEmitter; /** * A function that is executed when a user double-clicks a task. */ onTaskDblClick: EventEmitter; /** * A function that is executed when a task is deleted. */ onTaskDeleted: EventEmitter; /** * A function that is executed before a task is deleted. */ onTaskDeleting: EventEmitter; /** * A function that is executed before the edit dialog is shown. */ onTaskEditDialogShowing: EventEmitter; /** * A function that is executed when a task is inserted. */ onTaskInserted: EventEmitter; /** * A function that is executed before a task is inserted. */ onTaskInserting: EventEmitter; /** * A function that is executed before a task is moved. */ onTaskMoving: EventEmitter; /** * A function that is executed when a task is updated. */ onTaskUpdated: EventEmitter; /** * A function that is executed before a task is updated. */ onTaskUpdating: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ accessKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ activeStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ allowSelectionChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ columnsChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ contextMenuChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dependenciesChange: EventEmitter<{ dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; predecessorIdExpr?: Function | string; successorIdExpr?: Function | string; typeExpr?: Function | string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ editingChange: EventEmitter<{ allowDependencyAdding?: boolean; allowDependencyDeleting?: boolean; allowResourceAdding?: boolean; allowResourceDeleting?: boolean; allowResourceUpdating?: boolean; allowTaskAdding?: boolean; allowTaskDeleting?: boolean; allowTaskResourceUpdating?: boolean; allowTaskUpdating?: boolean; enabled?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ endDateRangeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ filterRowChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ firstDayOfWeekChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ focusStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ headerFilterChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ heightChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hintChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hoverStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ resourceAssignmentsChange: EventEmitter<{ dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; resourceIdExpr?: Function | string; taskIdExpr?: Function | string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ resourcesChange: EventEmitter<{ colorExpr?: Function | string; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; keyExpr?: Function | string; textExpr?: Function | string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rootValueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ scaleTypeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ scaleTypeRangeChange: EventEmitter<{ max?: GanttScaleType; min?: GanttScaleType; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectedRowKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showDependenciesChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showResourcesChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showRowLinesChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ sortingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ startDateRangeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ stripLinesChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tabIndexChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ taskContentTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ taskListWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ taskProgressTooltipContentTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tasksChange: EventEmitter<{ colorExpr?: Function | string; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; endExpr?: Function | string; keyExpr?: Function | string; parentIdExpr?: Function | string; progressExpr?: Function | string; startExpr?: Function | string; titleExpr?: Function | string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ taskTimeTooltipContentTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ taskTitlePositionChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ taskTooltipContentTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ toolbarChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ validationChange: EventEmitter<{ autoUpdateParentTasks?: boolean; enablePredecessorGap?: boolean; validateDependencies?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ visibleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ widthChange: EventEmitter; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxGantt; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } export declare class DxGanttModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export * from 'devextreme-angular/ui/gantt/nested'; export { DxGanttTypes };