@progress/kendo-angular-gantt 24.2.2 → 25.0.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-gantt.mjs +199 -199
- package/index.d.ts +3876 -41
- package/package-metadata.mjs +2 -2
- package/package.json +22 -22
- package/schematics/ngAdd/index.js +7 -7
- package/binding-directives/flat-binding.directive.d.ts +0 -36
- package/binding-directives/hierarchy-binding.directive.d.ts +0 -35
- package/columns/cell-template.directive.d.ts +0 -36
- package/columns/column-base.component.d.ts +0 -14
- package/columns/column-group.component.d.ts +0 -39
- package/columns/column-menu-template.directive.d.ts +0 -29
- package/columns/column.component.d.ts +0 -62
- package/columns/columns.d.ts +0 -15
- package/columns/edit-template.directive.d.ts +0 -35
- package/columns/filter-cell-template.directive.d.ts +0 -21
- package/columns/filter-menu-template.directive.d.ts +0 -30
- package/columns/footer-template.directive.d.ts +0 -33
- package/columns/header-template.directive.d.ts +0 -32
- package/columns/span-column.component.d.ts +0 -41
- package/common/default-callbacks.d.ts +0 -25
- package/common/mapping.service.d.ts +0 -38
- package/common/option-changes.service.d.ts +0 -19
- package/dependencies/dependency-dom.service.d.ts +0 -46
- package/dependencies/dom-dependency-args.d.ts +0 -24
- package/dependencies/gantt-dependency.directive.d.ts +0 -29
- package/dependencies/utils.d.ts +0 -53
- package/directives.d.ts +0 -32
- package/dragging/dependency-drag-create.directive.d.ts +0 -82
- package/dragging/drag-validation-tooltip.component.d.ts +0 -32
- package/dragging/task-drag.directive.d.ts +0 -42
- package/dragging/task-drag.service.d.ts +0 -49
- package/editing/add-task.component.d.ts +0 -53
- package/editing/dependencies-table.component.d.ts +0 -45
- package/editing/edit-dialog.component.d.ts +0 -37
- package/editing/edit.service.d.ts +0 -44
- package/editing/task-fields.component.d.ts +0 -25
- package/editing/utils.d.ts +0 -10
- package/expanded-state/expand-event.d.ts +0 -16
- package/expanded-state/expandable.directive.d.ts +0 -26
- package/gantt.component.d.ts +0 -769
- package/gantt.module.d.ts +0 -60
- package/localization/custom-messages.component.d.ts +0 -26
- package/localization/gantt-localization.service.d.ts +0 -18
- package/localization/localized-messages.directive.d.ts +0 -16
- package/localization/messages.d.ts +0 -304
- package/models/cell-content-type.interface.d.ts +0 -11
- package/models/class-callbacks.d.ts +0 -43
- package/models/column-menu-settings.interface.d.ts +0 -26
- package/models/column-reorder-config.d.ts +0 -13
- package/models/current-time-settings.interface.d.ts +0 -22
- package/models/date-range.interface.d.ts +0 -19
- package/models/dependency-type.enum.d.ts +0 -31
- package/models/events/cell-click-event.interface.d.ts +0 -43
- package/models/events/cell-close-event.interface.d.ts +0 -43
- package/models/events/click-event.interface.d.ts +0 -23
- package/models/events/column-locked-change-event.interface.d.ts +0 -16
- package/models/events/column-reorder-event.interface.d.ts +0 -10
- package/models/events/column-resize-event.interface.d.ts +0 -10
- package/models/events/column-visibility-change-event.interface.d.ts +0 -14
- package/models/events/data-state-change-event.interface.d.ts +0 -10
- package/models/events/dependency-add-event.interface.d.ts +0 -26
- package/models/events/index.d.ts +0 -21
- package/models/events/selected-view-change-event.interface.d.ts +0 -19
- package/models/events/task-add-event.interface.d.ts +0 -31
- package/models/events/task-click-event.interface.d.ts +0 -30
- package/models/events/task-delete-event.interface.d.ts +0 -20
- package/models/events/task-drag-event.interface.d.ts +0 -65
- package/models/events/task-edit-event.interface.d.ts +0 -74
- package/models/filterable-settings.d.ts +0 -10
- package/models/gantt-dependency-model-fields.interface.d.ts +0 -36
- package/models/gantt-dependency.interface.d.ts +0 -29
- package/models/gantt-task-model-fields.interface.d.ts +0 -51
- package/models/gantt-task.interface.d.ts +0 -34
- package/models/models.d.ts +0 -23
- package/models/slot.interface.d.ts +0 -37
- package/models/sort-settings.d.ts +0 -42
- package/models/splitter-pane-options.interface.d.ts +0 -54
- package/models/timeline-header-date-format.d.ts +0 -19
- package/models/timeline-options.interface.d.ts +0 -46
- package/models/timeline-view.d.ts +0 -8
- package/models/toolbar-settings.d.ts +0 -28
- package/models/tooltip-options.interface.d.ts +0 -28
- package/models/view-item.interface.d.ts +0 -35
- package/navigation/navigation-models.d.ts +0 -38
- package/navigation/navigation.service.d.ts +0 -143
- package/navigation/utils.d.ts +0 -26
- package/package-metadata.d.ts +0 -9
- package/rendering/gantt-header-table-body.component.d.ts +0 -16
- package/rendering/gantt-milestone-task.component.d.ts +0 -22
- package/rendering/gantt-summary-task.component.d.ts +0 -25
- package/rendering/gantt-task-base.d.ts +0 -66
- package/rendering/gantt-task.component.d.ts +0 -29
- package/rendering/gantt-tasks-table-body.component.d.ts +0 -38
- package/scrolling/drag-scroll-settings.d.ts +0 -47
- package/scrolling/scroll-sync.service.d.ts +0 -33
- package/scrolling/timeline-scroll.directive.d.ts +0 -27
- package/scrolling/timeline-scroll.service.d.ts +0 -23
- package/scrolling/utils.d.ts +0 -29
- package/selection/selectable.directive.d.ts +0 -53
- package/selection/selection-change-event.d.ts +0 -24
- package/template-directives/summary-task-template.directive.d.ts +0 -32
- package/template-directives/task-content-template.directive.d.ts +0 -35
- package/template-directives/task-drag-tooltip-template.directive.d.ts +0 -36
- package/template-directives/task-template.directive.d.ts +0 -30
- package/template-directives/task-tooltip-template.directive.d.ts +0 -37
- package/timeline/current-time-marker.service.d.ts +0 -36
- package/timeline/gantt-timeline.component.d.ts +0 -101
- package/timeline/timeline-base-view.service.d.ts +0 -82
- package/timeline/timeline-day-view.component.d.ts +0 -26
- package/timeline/timeline-day-view.service.d.ts +0 -45
- package/timeline/timeline-month-view.component.d.ts +0 -26
- package/timeline/timeline-month-view.service.d.ts +0 -43
- package/timeline/timeline-view.service.d.ts +0 -19
- package/timeline/timeline-week-view.component.d.ts +0 -26
- package/timeline/timeline-week-view.service.d.ts +0 -43
- package/timeline/timeline-year-view.component.d.ts +0 -26
- package/timeline/timeline-year-view.service.d.ts +0 -36
- package/timeline/view-base.d.ts +0 -53
- package/toolbar/toolbar-navigation.service.d.ts +0 -18
- package/toolbar/toolbar-template.directive.d.ts +0 -39
- package/toolbar/toolbar.component.d.ts +0 -39
- package/toolbar/view-selector.component.d.ts +0 -55
- package/utils.d.ts +0 -173
package/index.d.ts
CHANGED
|
@@ -2,44 +2,3879 @@
|
|
|
2
2
|
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { OnDestroy, NgZone, EventEmitter, TemplateRef, QueryList, ElementRef, Renderer2, ChangeDetectorRef, Injector, OnInit, OnChanges, SimpleChanges, AfterViewInit, ViewContainerRef, AfterContentInit } from '@angular/core';
|
|
7
|
+
import { FormGroup, FormArray, FormControl } from '@angular/forms';
|
|
8
|
+
import { ColumnReorderConfig as ColumnReorderConfig$1, ExpandableColumnMenuItem, DataStateChangeEvent as DataStateChangeEvent$1, ColumnBase, ColumnComponent, ColumnGroupComponent, SpanColumnComponent, ColumnReorderEvent as ColumnReorderEvent$1, ColumnResizeArgs, TreeListComponent, FilterableSettings as FilterableSettings$1, DataBoundTreeComponent, ExpandableTreeComponent, CellCloseEvent as CellCloseEvent$1, SelectionChangeEvent as SelectionChangeEvent$1, CellClickEvent as CellClickEvent$1, FlatBindingDirective, HierarchyBindingDirective, ExpandableDirective } from '@progress/kendo-angular-treelist';
|
|
9
|
+
import { SortDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
10
|
+
import { Day } from '@progress/kendo-date-math';
|
|
11
|
+
import { Subject, Observable } from 'rxjs';
|
|
12
|
+
import { LicenseMessage } from '@progress/kendo-licensing';
|
|
13
|
+
import * as i1 from '@progress/kendo-angular-utils';
|
|
14
|
+
import { DragTargetDragEvent, DragTargetDragEndEvent, DragTargetDragStartEvent, DragTargetContainerDirective } from '@progress/kendo-angular-utils';
|
|
15
|
+
import { IntlService, DateFormatOptions as DateFormatOptions$1 } from '@progress/kendo-angular-intl';
|
|
16
|
+
import { DateFormatOptions } from '@progress/kendo-intl';
|
|
17
|
+
import { Position } from '@progress/kendo-angular-tooltip';
|
|
18
|
+
import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
19
|
+
import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
20
|
+
import { SegmentedItemSettings } from '@progress/kendo-angular-buttons';
|
|
21
|
+
import { PopupService } from '@progress/kendo-angular-popup';
|
|
22
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
23
|
+
|
|
24
|
+
type ScrollSyncEvent = {
|
|
25
|
+
scrollLeft?: number;
|
|
26
|
+
scrollTop?: number;
|
|
27
|
+
sourceType: string;
|
|
28
|
+
};
|
|
29
|
+
type SourceType = 'treelist' | 'header' | 'timeline';
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
declare class ScrollSyncService implements OnDestroy {
|
|
34
|
+
private ngZone;
|
|
35
|
+
changes: Subject<ScrollSyncEvent>;
|
|
36
|
+
private elements;
|
|
37
|
+
private subscriptions;
|
|
38
|
+
private syncingTimeline;
|
|
39
|
+
private syncingTreeList;
|
|
40
|
+
constructor(ngZone: NgZone);
|
|
41
|
+
registerElement(el: any, sourceType: SourceType): void;
|
|
42
|
+
ngOnDestroy(): void;
|
|
43
|
+
syncScrollTop(sourceType: SourceType, targetType: SourceType): void;
|
|
44
|
+
resetTimelineScrollLeft(): void;
|
|
45
|
+
private scroll;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollSyncService, never>;
|
|
47
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ScrollSyncService>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Represents the model fields for creating `GanttDependency` instances.
|
|
52
|
+
*
|
|
53
|
+
* All dependency fields can point to nested property values, for example, `category.id`.
|
|
54
|
+
*
|
|
55
|
+
*/
|
|
56
|
+
interface GanttDependencyModelFields {
|
|
57
|
+
/**
|
|
58
|
+
* Specifies the name of the model field for the source task ID.
|
|
59
|
+
* @default "fromId"
|
|
60
|
+
*/
|
|
61
|
+
fromId?: string;
|
|
62
|
+
/**
|
|
63
|
+
* Specifies the name of the model field for the dependency item ID.
|
|
64
|
+
* @default "id"
|
|
65
|
+
*/
|
|
66
|
+
id?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Specifies the name of the model field for the target task ID.
|
|
69
|
+
* @default "toId"
|
|
70
|
+
*/
|
|
71
|
+
toId?: string;
|
|
72
|
+
/**
|
|
73
|
+
* Specifies the name of the model field for the dependency type.
|
|
74
|
+
* @default "type"
|
|
75
|
+
*/
|
|
76
|
+
type?: string;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* Defines the model fields for creating `GanttTask` instances.
|
|
81
|
+
*
|
|
82
|
+
* > You can set all task fields to use nested property values, for example, `category.id`.
|
|
83
|
+
*/
|
|
84
|
+
interface GanttTaskModelFields {
|
|
85
|
+
/**
|
|
86
|
+
* Specifies the name of the end date model field.
|
|
87
|
+
* Use this property to map the end date from your data model.
|
|
88
|
+
* @default "end"
|
|
89
|
+
*/
|
|
90
|
+
end?: string;
|
|
91
|
+
/**
|
|
92
|
+
* Specifies the name of the `ID` model field.
|
|
93
|
+
* Use this property to map the unique identifier from your data model.
|
|
94
|
+
* @default "id"
|
|
95
|
+
*/
|
|
96
|
+
id?: string;
|
|
97
|
+
/**
|
|
98
|
+
* Specifies the name of the percent complete model field.
|
|
99
|
+
* Use this property to map the completion ratio from your data model.
|
|
100
|
+
* @default "completionRatio"
|
|
101
|
+
*/
|
|
102
|
+
completionRatio?: string;
|
|
103
|
+
/**
|
|
104
|
+
* Specifies the name of the start date model field.
|
|
105
|
+
* Use this property to map the start date from your data model.
|
|
106
|
+
* @default "start"
|
|
107
|
+
*/
|
|
108
|
+
start?: string;
|
|
109
|
+
/**
|
|
110
|
+
* Specifies the name of the title model field.
|
|
111
|
+
* This property is used as text in the task content area.
|
|
112
|
+
* @default "title"
|
|
113
|
+
*/
|
|
114
|
+
title?: string;
|
|
115
|
+
/**
|
|
116
|
+
* Specifies the name of the children model field.
|
|
117
|
+
* Use this property to map child tasks from your data model.
|
|
118
|
+
* @default "children"
|
|
119
|
+
*/
|
|
120
|
+
children?: string;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* @hidden
|
|
125
|
+
*/
|
|
126
|
+
declare class MappingService {
|
|
127
|
+
/**
|
|
128
|
+
* Gets or sets the model fields for the task data items.
|
|
129
|
+
* Uses the default values for fields which are not specified.
|
|
130
|
+
*/
|
|
131
|
+
set taskFields(fields: GanttTaskModelFields);
|
|
132
|
+
get taskFields(): GanttTaskModelFields;
|
|
133
|
+
/**
|
|
134
|
+
* Gets or sets the model fields for the depenency data items.
|
|
135
|
+
* Uses the default values for fields which are not specified.
|
|
136
|
+
*/
|
|
137
|
+
set dependencyFields(fields: GanttDependencyModelFields);
|
|
138
|
+
get dependencyFields(): GanttDependencyModelFields;
|
|
139
|
+
private _taskFields;
|
|
140
|
+
private _dependencyFields;
|
|
141
|
+
/**
|
|
142
|
+
* Retrieves the value for the specified task field.
|
|
143
|
+
* Supports nested fields as well (e.g. 'manager.id').
|
|
144
|
+
*/
|
|
145
|
+
extractFromTask(dataItem: any, field: keyof GanttTaskModelFields): any;
|
|
146
|
+
/**
|
|
147
|
+
* Retrieves the value for the specified dependency field.
|
|
148
|
+
* Supports nested fields as well (e.g. 'manager.id').
|
|
149
|
+
*/
|
|
150
|
+
extractFromDependency(dataItem: any, field: keyof GanttDependencyModelFields): any;
|
|
151
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MappingService, never>;
|
|
152
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MappingService>;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
/**
|
|
156
|
+
* @hidden
|
|
157
|
+
*
|
|
158
|
+
* The arguments emitted by the DependencyDomService `taskChanges` observable.
|
|
159
|
+
*/
|
|
160
|
+
interface DependencyDomArgs {
|
|
161
|
+
/**
|
|
162
|
+
* Maps each rendered task to its HTML element.
|
|
163
|
+
* Uses the task ID field value as key.
|
|
164
|
+
*/
|
|
165
|
+
tasks: Map<any, HTMLElement>;
|
|
166
|
+
/**
|
|
167
|
+
* Used to retrieve the offset of the task elements relative to the parent container.
|
|
168
|
+
*/
|
|
169
|
+
contentContainer: HTMLElement;
|
|
170
|
+
/**
|
|
171
|
+
* Used to store the timeline row element for calculating the timeline row height when needed.
|
|
172
|
+
*/
|
|
173
|
+
timelineRow: HTMLElement;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/**
|
|
177
|
+
* @hidden
|
|
178
|
+
*/
|
|
179
|
+
declare class DependencyDomService {
|
|
180
|
+
private mapper;
|
|
181
|
+
/**
|
|
182
|
+
* Emits each time some of the tasks or the view have changed.
|
|
183
|
+
* Fires also on the first change of the table rows and the parent container.
|
|
184
|
+
*/
|
|
185
|
+
get taskChanges(): Observable<DependencyDomArgs>;
|
|
186
|
+
get dependencyDomArgs(): DependencyDomArgs;
|
|
187
|
+
private notifier;
|
|
188
|
+
/**
|
|
189
|
+
* The row element in the Timeline part of the Gantt.
|
|
190
|
+
*/
|
|
191
|
+
private timelineRow;
|
|
192
|
+
/**
|
|
193
|
+
* Used to get retrieve the offset of the task elements relative to the parent container.
|
|
194
|
+
*/
|
|
195
|
+
private contentContainer;
|
|
196
|
+
/**
|
|
197
|
+
* Maps each rendered task to its HTML element.
|
|
198
|
+
* Uses the task ID field value as key.
|
|
199
|
+
*/
|
|
200
|
+
private tasks;
|
|
201
|
+
constructor(mapper: MappingService);
|
|
202
|
+
ngOnDestroy(): void;
|
|
203
|
+
registerTimelineRow(timelineRow: HTMLElement): void;
|
|
204
|
+
registerContentContainer(contentContainer: HTMLElement): void;
|
|
205
|
+
registerTask(task: any, element: HTMLElement): void;
|
|
206
|
+
unregisterTask(task: any): void;
|
|
207
|
+
/**
|
|
208
|
+
* Notifies all dependency directives that a change in one of the elements has occured.
|
|
209
|
+
*/
|
|
210
|
+
notifyChanges(): void;
|
|
211
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DependencyDomService, never>;
|
|
212
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DependencyDomService>;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
/**
|
|
216
|
+
* @hidden
|
|
217
|
+
*
|
|
218
|
+
* Represents the item interface used by the treelist to map all rendered items.
|
|
219
|
+
*/
|
|
220
|
+
interface ViewItem {
|
|
221
|
+
/**
|
|
222
|
+
* The original data item held by this entry.
|
|
223
|
+
*/
|
|
224
|
+
data: any;
|
|
225
|
+
/**
|
|
226
|
+
* The id field value of the current data item.
|
|
227
|
+
*/
|
|
228
|
+
id: any;
|
|
229
|
+
/**
|
|
230
|
+
* The item index as rendered in the TreeList.
|
|
231
|
+
*/
|
|
232
|
+
rowIndex: number;
|
|
233
|
+
/**
|
|
234
|
+
* The hierarchical level of the current data item.
|
|
235
|
+
*/
|
|
236
|
+
level: number;
|
|
237
|
+
/**
|
|
238
|
+
* Species whether the current data item has children.
|
|
239
|
+
*/
|
|
240
|
+
hasChildren: boolean;
|
|
241
|
+
/**
|
|
242
|
+
* The ViewItem of the current data item parent.
|
|
243
|
+
*/
|
|
244
|
+
parent: ViewItem;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
/**
|
|
248
|
+
* Represents the dependency type when you connect two tasks.
|
|
249
|
+
*
|
|
250
|
+
* The supported values are:
|
|
251
|
+
* * `FF`—from 'finish' to 'finish'
|
|
252
|
+
* * `FS`—from 'finish' to 'start'
|
|
253
|
+
* * `SS`—from 'start' to 'start'
|
|
254
|
+
* * `SF`—from 'start' to 'finish'
|
|
255
|
+
*/
|
|
256
|
+
declare enum DependencyType {
|
|
257
|
+
/**
|
|
258
|
+
* Specifies that task B can't finish before task A finishes.
|
|
259
|
+
*/
|
|
260
|
+
FF = 0,
|
|
261
|
+
/**
|
|
262
|
+
* Specifies that task B can't start before task A finishes.
|
|
263
|
+
*/
|
|
264
|
+
FS = 1,
|
|
265
|
+
/**
|
|
266
|
+
* Specifies that task A can't finish before task B starts.
|
|
267
|
+
*/
|
|
268
|
+
SF = 2,
|
|
269
|
+
/**
|
|
270
|
+
* Specifies that task B can't start before task A starts.
|
|
271
|
+
*/
|
|
272
|
+
SS = 3
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
/**
|
|
276
|
+
* Represents a Gantt dependency.
|
|
277
|
+
*
|
|
278
|
+
* Use this interface to describe a dependency between two tasks in the Gantt chart.
|
|
279
|
+
*
|
|
280
|
+
*/
|
|
281
|
+
interface GanttDependency {
|
|
282
|
+
/**
|
|
283
|
+
* Sets the `id` of the origin task for this dependency.
|
|
284
|
+
*/
|
|
285
|
+
fromId: string | number;
|
|
286
|
+
/**
|
|
287
|
+
* Sets the unique identifier of the dependency.
|
|
288
|
+
*/
|
|
289
|
+
id: string | number;
|
|
290
|
+
/**
|
|
291
|
+
* Sets the `id` of the destination task for this dependency.
|
|
292
|
+
*/
|
|
293
|
+
toId: string | number;
|
|
294
|
+
/**
|
|
295
|
+
* Sets the type of the dependency.
|
|
296
|
+
*/
|
|
297
|
+
type: DependencyType;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
/**
|
|
301
|
+
* Represents a Gantt task.
|
|
302
|
+
*/
|
|
303
|
+
interface GanttTask {
|
|
304
|
+
/**
|
|
305
|
+
* Sets the date when the Gantt task ends.
|
|
306
|
+
* Provide a valid `Date` object.
|
|
307
|
+
*/
|
|
308
|
+
end: Date;
|
|
309
|
+
/**
|
|
310
|
+
* Sets the unique identifier for the task.
|
|
311
|
+
*/
|
|
312
|
+
id: string | number;
|
|
313
|
+
/**
|
|
314
|
+
* Sets the completion ratio for the task.
|
|
315
|
+
* Use a value between `0` and `1` to show the completed part of the task.
|
|
316
|
+
* @default 0
|
|
317
|
+
*/
|
|
318
|
+
completionRatio?: number;
|
|
319
|
+
/**
|
|
320
|
+
* Sets the date when the Gantt task starts.
|
|
321
|
+
* Provide a valid `Date` object.
|
|
322
|
+
*/
|
|
323
|
+
start: Date;
|
|
324
|
+
/**
|
|
325
|
+
* Sets the title of the task that the Gantt component displays.
|
|
326
|
+
* @default ""
|
|
327
|
+
*/
|
|
328
|
+
title?: string;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
/**
|
|
332
|
+
* @hidden
|
|
333
|
+
*
|
|
334
|
+
* Represents the range of the Gantt timeline.
|
|
335
|
+
*/
|
|
336
|
+
interface DateRange {
|
|
337
|
+
/**
|
|
338
|
+
* The beginning of the range.
|
|
339
|
+
*/
|
|
340
|
+
start: Date;
|
|
341
|
+
/**
|
|
342
|
+
* The end of the range.
|
|
343
|
+
*/
|
|
344
|
+
end: Date;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/**
|
|
348
|
+
* @hidden
|
|
349
|
+
*
|
|
350
|
+
* Represents the slot base properties.
|
|
351
|
+
*/
|
|
352
|
+
interface Slot {
|
|
353
|
+
/**
|
|
354
|
+
* The beginning of the slot.
|
|
355
|
+
*/
|
|
356
|
+
start: Date;
|
|
357
|
+
/**
|
|
358
|
+
* The end of the slot.
|
|
359
|
+
*/
|
|
360
|
+
end: Date;
|
|
361
|
+
/**
|
|
362
|
+
* Formatted text to be displayed in the cell.
|
|
363
|
+
*/
|
|
364
|
+
text: string;
|
|
365
|
+
/**
|
|
366
|
+
* The number of columns the slot should span.
|
|
367
|
+
*/
|
|
368
|
+
span: number;
|
|
369
|
+
/**
|
|
370
|
+
* Indicates if the slot is a working hour/day.
|
|
371
|
+
*/
|
|
372
|
+
isWorking?: boolean;
|
|
373
|
+
/**
|
|
374
|
+
* The configured slot width.
|
|
375
|
+
*
|
|
376
|
+
* @default 100
|
|
377
|
+
*/
|
|
378
|
+
slotWidth?: number;
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
/**
|
|
382
|
+
* Represents the callback that is used by the [`rowClass`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#rowclass) property.
|
|
383
|
+
*
|
|
384
|
+
* @example
|
|
385
|
+
* ```typescript
|
|
386
|
+
* public rowCallback({ dataItem, index }: any): any {
|
|
387
|
+
* const isEven = index % 2 == 0;
|
|
388
|
+
* return {
|
|
389
|
+
* even: isEven,
|
|
390
|
+
* odd: !isEven
|
|
391
|
+
* };
|
|
392
|
+
* }
|
|
393
|
+
* ```
|
|
394
|
+
*
|
|
395
|
+
*/
|
|
396
|
+
type RowClassFn = (args: {
|
|
397
|
+
dataItem: any;
|
|
398
|
+
index: number;
|
|
399
|
+
}) => string | string[] | Set<string> | {
|
|
400
|
+
[key: string]: any;
|
|
401
|
+
};
|
|
402
|
+
/**
|
|
403
|
+
* Represents the callback that is used by the [`taskClass`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#taskclass) property.
|
|
404
|
+
*
|
|
405
|
+
* @example
|
|
406
|
+
* ```typescript
|
|
407
|
+
* public taskCallback(dataItem: any): any {
|
|
408
|
+
* const moreThanHalfCompleted = dataItem.completionRatio > 0.5;
|
|
409
|
+
* return {
|
|
410
|
+
* 'more-than-half': moreThanHalfCompleted,
|
|
411
|
+
* 'less-than-half': !moreThanHalfCompleted
|
|
412
|
+
* };
|
|
413
|
+
* }
|
|
414
|
+
* ```
|
|
415
|
+
*
|
|
416
|
+
*/
|
|
417
|
+
type TaskClassFn = (dataItem: any) => string | string[] | Set<string> | {
|
|
418
|
+
[key: string]: any;
|
|
419
|
+
};
|
|
420
|
+
|
|
421
|
+
/**
|
|
422
|
+
* Defines the cell content type.
|
|
423
|
+
* Use this type to specify which filter component appears for a column,
|
|
424
|
+
* or which built-in editor displays when a row enters edit mode.
|
|
425
|
+
*
|
|
426
|
+
*/
|
|
427
|
+
type CellContentType = 'text' | 'numeric' | 'boolean' | 'date';
|
|
428
|
+
|
|
429
|
+
/**
|
|
430
|
+
* Extends the configuration for the `reorderColumn` method.
|
|
431
|
+
*
|
|
432
|
+
* Use this interface to provide additional options when you reorder columns.
|
|
433
|
+
*
|
|
434
|
+
*/
|
|
435
|
+
interface ColumnReorderConfig extends ColumnReorderConfig$1 {
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
/**
|
|
439
|
+
* Configures the column menu settings in the Gantt component.
|
|
440
|
+
*/
|
|
441
|
+
interface ColumnMenuSettings {
|
|
442
|
+
/**
|
|
443
|
+
* Lets you sort columns in the column menu.
|
|
444
|
+
* If you enable [sorting](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#sortable), this option defaults to `true`.
|
|
445
|
+
*/
|
|
446
|
+
sort?: boolean;
|
|
447
|
+
/**
|
|
448
|
+
* Enables filtering columns in the column menu.
|
|
449
|
+
* If you enable [filtering](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#filterable), this option defaults to `true`.
|
|
450
|
+
* Enables sorting columns in the column menu.
|
|
451
|
+
*/
|
|
452
|
+
filter?: boolean | ExpandableColumnMenuItem;
|
|
453
|
+
/**
|
|
454
|
+
* Shows the column selection item in the column menu.
|
|
455
|
+
* @default true
|
|
456
|
+
*/
|
|
457
|
+
columnChooser?: boolean | ExpandableColumnMenuItem;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
/**
|
|
461
|
+
* Lists all possible `TimelineViewType` values.
|
|
462
|
+
*/
|
|
463
|
+
type TimelineViewType = 'day' | 'week' | 'month' | 'year';
|
|
464
|
+
|
|
465
|
+
/**
|
|
466
|
+
* Defines the settings for sorting a Gantt column.
|
|
467
|
+
*/
|
|
468
|
+
type ColumnSortSettings = boolean | {
|
|
469
|
+
/**
|
|
470
|
+
* Enables removing the column sorting.
|
|
471
|
+
*/
|
|
472
|
+
allowUnsort?: boolean;
|
|
473
|
+
/**
|
|
474
|
+
* Sets the initial sort direction from the unsorted to the sorted state.
|
|
475
|
+
*
|
|
476
|
+
* The available values are:
|
|
477
|
+
* - `asc` (default)
|
|
478
|
+
* - `desc`
|
|
479
|
+
*/
|
|
480
|
+
initialDirection?: 'asc' | 'desc';
|
|
481
|
+
};
|
|
482
|
+
/**
|
|
483
|
+
* Defines the settings for sorting the Gantt.
|
|
484
|
+
*/
|
|
485
|
+
type SortSettings = boolean | ColumnSortSettings & {
|
|
486
|
+
/**
|
|
487
|
+
* Sets the sort mode of the Gantt.
|
|
488
|
+
*
|
|
489
|
+
* The available values are:
|
|
490
|
+
* - `single`
|
|
491
|
+
* - `multiple`
|
|
492
|
+
*/
|
|
493
|
+
mode?: 'single' | 'multiple';
|
|
494
|
+
/**
|
|
495
|
+
* Enables the sort-sequence indicators for sorting multiple columns.
|
|
496
|
+
*/
|
|
497
|
+
showIndexes?: boolean;
|
|
498
|
+
};
|
|
499
|
+
|
|
500
|
+
/**
|
|
501
|
+
* @hidden
|
|
502
|
+
*
|
|
503
|
+
* Arguments for the `remove` event.
|
|
504
|
+
*/
|
|
505
|
+
interface ClickEvent {
|
|
506
|
+
/**
|
|
507
|
+
* The event type.
|
|
508
|
+
*/
|
|
509
|
+
dataItem: any;
|
|
510
|
+
/**
|
|
511
|
+
* The row index for the operation.
|
|
512
|
+
*/
|
|
513
|
+
rowIndex: number;
|
|
514
|
+
/**
|
|
515
|
+
* The original DOM event.
|
|
516
|
+
*/
|
|
517
|
+
originalEvent: any;
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
/**
|
|
521
|
+
* @hidden
|
|
522
|
+
*
|
|
523
|
+
* Called every time the active view is changed.
|
|
524
|
+
*/
|
|
525
|
+
interface SelectedViewChangeEvent {
|
|
526
|
+
/**
|
|
527
|
+
* The selected view.
|
|
528
|
+
*/
|
|
529
|
+
value: string;
|
|
530
|
+
/**
|
|
531
|
+
* The original DOM event.
|
|
532
|
+
*/
|
|
533
|
+
originalEvent: any;
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
/**
|
|
537
|
+
* Provides the arguments for the `dataStateChange` event.
|
|
538
|
+
*/
|
|
539
|
+
interface DataStateChangeEvent extends DataStateChangeEvent$1 {
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
/**
|
|
543
|
+
* Serves as the base class for Gantt column components.
|
|
544
|
+
*
|
|
545
|
+
*/
|
|
546
|
+
declare class GanttColumnBase extends ColumnBase {
|
|
547
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttColumnBase, never>;
|
|
548
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttColumnBase, "kendo-gantt-column-base", never, {}, {}, never, never, true, never>;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
/**
|
|
552
|
+
* @hidden
|
|
553
|
+
*/
|
|
554
|
+
declare class OptionChangesService {
|
|
555
|
+
readonly viewChanges: EventEmitter<any>;
|
|
556
|
+
readonly columnChanges: EventEmitter<any>;
|
|
557
|
+
readonly dateFormatChanges: EventEmitter<any>;
|
|
558
|
+
notifyColumnChanges(): void;
|
|
559
|
+
notifyViewChanges(): void;
|
|
560
|
+
notifyDateFormatChanges(): void;
|
|
561
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OptionChangesService, never>;
|
|
562
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<OptionChangesService>;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
/**
|
|
566
|
+
* Customizes the content of Gantt column cells. Place an `<ng-template>` tag
|
|
567
|
+
* with the `kendoGanttCellTemplate` directive inside a `<kendo-gantt-column>` tag to define the cell template.
|
|
568
|
+
*
|
|
569
|
+
* The template context provides these fields:
|
|
570
|
+
* - `dataItem`—The current data item. Represents the default context that will be assigned to any template variable using the `let-x` syntax, for example, `let-dataItem`.
|
|
571
|
+
* - `columnIndex`—The current column index. Use it as a template variable with the `let-columnIndex="columnIndex"` syntax.
|
|
572
|
+
* - `column`—The current column instance. Use it as a template variable with the `let-column="column"` syntax.
|
|
573
|
+
* - `cellContext`—An object for passing context information to built-in directives.
|
|
574
|
+
* - `hasChildren`—Indicates if the item has children.
|
|
575
|
+
* - `isExpanded`—Indicates if the item is expanded.
|
|
576
|
+
* - `level`—The hierarchy level of the item.
|
|
577
|
+
* - `loading`—Indicates if the item children are loading.
|
|
578
|
+
* - `rowIndex`—The current row index. Use it as a template variable with the `let-rowIndex="rowIndex"` syntax.
|
|
579
|
+
*
|
|
580
|
+
* @example
|
|
581
|
+
* ```html
|
|
582
|
+
* <kendo-gantt-column field="title">
|
|
583
|
+
* <ng-template kendoGanttCellTemplate let-dataItem>
|
|
584
|
+
* <strong>{{ dataItem.title }}</strong>
|
|
585
|
+
* </ng-template>
|
|
586
|
+
* </kendo-gantt-column>
|
|
587
|
+
* ```
|
|
588
|
+
*/
|
|
589
|
+
declare class CellTemplateDirective {
|
|
590
|
+
templateRef: TemplateRef<any>;
|
|
591
|
+
constructor(templateRef: TemplateRef<any>);
|
|
592
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CellTemplateDirective, [{ optional: true; }]>;
|
|
593
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CellTemplateDirective, "[kendoGanttCellTemplate]", never, {}, {}, never, never, true, never>;
|
|
594
|
+
}
|
|
595
|
+
|
|
596
|
+
/**
|
|
597
|
+
* Customizes the column menu content in the Gantt. Place an `<ng-template>` tag with the
|
|
598
|
+
* `kendoGanttColumnMenuTemplate` directive inside a `<kendo-gantt-column>` component to define the template.
|
|
599
|
+
*
|
|
600
|
+
* The template context provides the following fields:
|
|
601
|
+
* - `service`—The `ColumnMenuService` instance.
|
|
602
|
+
* - `column`—The Gantt column instance.
|
|
603
|
+
*
|
|
604
|
+
* @example
|
|
605
|
+
* ```html
|
|
606
|
+
* <kendo-gantt-column>
|
|
607
|
+
* <ng-template kendoGanttColumnMenuTemplate let-service="service" let-column="column">
|
|
608
|
+
* <button (click)="service.close()">Close Menu</button>
|
|
609
|
+
* </ng-template>
|
|
610
|
+
* </kendo-gantt-column>
|
|
611
|
+
* ```
|
|
612
|
+
*/
|
|
613
|
+
declare class ColumnMenuTemplateDirective {
|
|
614
|
+
templateRef: TemplateRef<any>;
|
|
615
|
+
constructor(templateRef: TemplateRef<any>);
|
|
616
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuTemplateDirective, [{ optional: true; }]>;
|
|
617
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnMenuTemplateDirective, "[kendoGanttColumnMenuTemplate]", never, {}, {}, never, never, true, never>;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
/**
|
|
621
|
+
* @hidden
|
|
622
|
+
* Represents the filter-cell template.
|
|
623
|
+
*
|
|
624
|
+
* The template context is set to the filter descriptor and the following additional fields are passed:
|
|
625
|
+
* - `column`—The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
|
|
626
|
+
* - `filter`—The filter descriptor.
|
|
627
|
+
* - `cellContext`—An object used to pass context information to built-in directives.
|
|
628
|
+
*/
|
|
629
|
+
declare class FilterCellTemplateDirective {
|
|
630
|
+
templateRef: TemplateRef<any>;
|
|
631
|
+
constructor(templateRef: TemplateRef<any>);
|
|
632
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterCellTemplateDirective, [{ optional: true; }]>;
|
|
633
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FilterCellTemplateDirective, "[kendoGanttFilterCellTemplate]", never, {}, {}, never, never, true, never>;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
/**
|
|
637
|
+
* Represents the filter-menu template for the Gantt column.
|
|
638
|
+
*
|
|
639
|
+
* Use this directive to customize the filter menu for a column.
|
|
640
|
+
* The template context provides:
|
|
641
|
+
* - `column`—The current column instance. Use as an alias for a template variable with the `let-column="column"` syntax.
|
|
642
|
+
* - `filter`—The filter descriptor.
|
|
643
|
+
* - `cellContext`—An object for passing context information to built-in directives.
|
|
644
|
+
*
|
|
645
|
+
* @example
|
|
646
|
+
* ```html
|
|
647
|
+
* <kendo-gantt-column>
|
|
648
|
+
* <ng-template kendoGanttFilterMenuTemplate let-column let-filter="filter">
|
|
649
|
+
* Custom filter for {{ column.field }}
|
|
650
|
+
* </ng-template>
|
|
651
|
+
* </kendo-gantt-column>
|
|
652
|
+
* ```
|
|
653
|
+
*/
|
|
654
|
+
declare class FilterMenuTemplateDirective {
|
|
655
|
+
templateRef: TemplateRef<any>;
|
|
656
|
+
constructor(templateRef: TemplateRef<any>);
|
|
657
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterMenuTemplateDirective, [{ optional: true; }]>;
|
|
658
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FilterMenuTemplateDirective, "[kendoGanttFilterMenuTemplate]", never, {}, {}, never, never, true, never>;
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
/**
|
|
662
|
+
* Represents the footer cell template of the Gantt columns.
|
|
663
|
+
*
|
|
664
|
+
* Use this directive to customize the table footer cell for a column.
|
|
665
|
+
* To define a footer template, nest an `<ng-template>` tag with the
|
|
666
|
+
* [`kendoGanttFooterTemplate`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/footertemplatedirective) directive inside the `<kendo-gantt-column>` tag.
|
|
667
|
+
*
|
|
668
|
+
* The template context provides:
|
|
669
|
+
* * `column`—The current [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcolumncomponent).
|
|
670
|
+
* * `columnIndex`—The current column index.
|
|
671
|
+
* * `field`—The name of the column field, if set.
|
|
672
|
+
*
|
|
673
|
+
* @example
|
|
674
|
+
* ```html
|
|
675
|
+
* <kendo-gantt-column>
|
|
676
|
+
* <ng-template kendoGanttFooterTemplate let-column let-columnIndex="columnIndex" let-field="field">
|
|
677
|
+
* Footer for {{ field }}
|
|
678
|
+
* </ng-template>
|
|
679
|
+
* </kendo-gantt-column>
|
|
680
|
+
* ```
|
|
681
|
+
*/
|
|
682
|
+
declare class FooterTemplateDirective {
|
|
683
|
+
templateRef: TemplateRef<any>;
|
|
684
|
+
constructor(templateRef: TemplateRef<any>);
|
|
685
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FooterTemplateDirective, [{ optional: true; }]>;
|
|
686
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FooterTemplateDirective, "[kendoGanttFooterTemplate]", never, {}, {}, never, never, true, never>;
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
/**
|
|
690
|
+
* Represents the header cell template of the Gantt columns.
|
|
691
|
+
*
|
|
692
|
+
* Use this directive to customize the table header cell for a column.
|
|
693
|
+
* To define a header template, nest an `<ng-template>` tag with the
|
|
694
|
+
* [`kendoGanttHeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/headertemplatedirective) directive inside the `<kendo-gantt-column>` tag.
|
|
695
|
+
*
|
|
696
|
+
* The template context provides:
|
|
697
|
+
* * `column`—The current [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcolumncomponent).
|
|
698
|
+
* * `columnIndex`—The current column index.
|
|
699
|
+
*
|
|
700
|
+
* @example
|
|
701
|
+
* ```html
|
|
702
|
+
* <kendo-gantt-column>
|
|
703
|
+
* <ng-template kendoGanttHeaderTemplate let-column let-columnIndex="columnIndex">
|
|
704
|
+
* Custom Header for {{ column.field }} ({{ columnIndex }})
|
|
705
|
+
* </ng-template>
|
|
706
|
+
* </kendo-gantt-column>
|
|
707
|
+
* ```
|
|
708
|
+
*/
|
|
709
|
+
declare class HeaderTemplateDirective {
|
|
710
|
+
templateRef: TemplateRef<any>;
|
|
711
|
+
constructor(templateRef: TemplateRef<any>);
|
|
712
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTemplateDirective, [{ optional: true; }]>;
|
|
713
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTemplateDirective, "[kendoGanttHeaderTemplate]", never, {}, {}, never, never, true, never>;
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
/**
|
|
717
|
+
* Represents the column template for edited cells in the Gantt.
|
|
718
|
+
*
|
|
719
|
+
* Use this directive to customize the content of edited cells. To define the cell template, nest an `<ng-template>`
|
|
720
|
+
* tag with the `kendoGanttEditTemplate` directive inside a `<kendo-gantt-column>` tag.
|
|
721
|
+
*
|
|
722
|
+
* The template context provides the following fields:
|
|
723
|
+
* - `column`—The current column instance.
|
|
724
|
+
* - `dataItem`—The current data item.
|
|
725
|
+
* - `cellContext`—An object for passing context information to built-in directives.
|
|
726
|
+
* - `formGroup`—The current [`FormGroup`](link:site.data.urls.angular['formgroupapi']). If you use the Gantt inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it is `undefined`.
|
|
727
|
+
* - `isNew`—The state of the current item.
|
|
728
|
+
* - `rowIndex`—The current row index. If inside a new item row, `rowIndex` is `-1`.
|
|
729
|
+
*
|
|
730
|
+
* @example
|
|
731
|
+
* ```html
|
|
732
|
+
* <kendo-gantt-column>
|
|
733
|
+
* <ng-template kendoGanttEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
|
|
734
|
+
* <input [formControl]="formGroup.get('field')" />
|
|
735
|
+
* </ng-template>
|
|
736
|
+
* </kendo-gantt-column>
|
|
737
|
+
* ```
|
|
738
|
+
*/
|
|
739
|
+
declare class EditTemplateDirective {
|
|
740
|
+
templateRef: TemplateRef<any>;
|
|
741
|
+
constructor(templateRef: TemplateRef<any>);
|
|
742
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditTemplateDirective, [{ optional: true; }]>;
|
|
743
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditTemplateDirective, "[kendoGanttEditTemplate]", never, {}, {}, never, never, true, never>;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
/**
|
|
747
|
+
* Represents a column in the Gantt. Use this component to define columns and customize their behavior and appearance.
|
|
748
|
+
*
|
|
749
|
+
* @example
|
|
750
|
+
* ```html
|
|
751
|
+
* <kendo-gantt-column field="title" title="Task"></kendo-gantt-column>
|
|
752
|
+
* ```
|
|
753
|
+
*/
|
|
754
|
+
declare class GanttColumnComponent extends ColumnComponent {
|
|
755
|
+
private options;
|
|
756
|
+
headerTemplates: QueryList<HeaderTemplateDirective>;
|
|
757
|
+
footerTemplate: FooterTemplateDirective;
|
|
758
|
+
columnMenuTemplates: QueryList<ColumnMenuTemplateDirective>;
|
|
759
|
+
template: CellTemplateDirective;
|
|
760
|
+
editTemplate: EditTemplateDirective;
|
|
761
|
+
filterCellTemplate: FilterCellTemplateDirective;
|
|
762
|
+
filterMenuTemplate: FilterMenuTemplateDirective;
|
|
763
|
+
/**
|
|
764
|
+
* Sets the filter type for the filter row. The default value is `text`.
|
|
765
|
+
* @default 'text'
|
|
766
|
+
*/
|
|
767
|
+
filter: CellContentType;
|
|
768
|
+
/**
|
|
769
|
+
* Shows or hides the filter UI for this column. The default value is `true`.
|
|
770
|
+
* @default true
|
|
771
|
+
*/
|
|
772
|
+
filterable: boolean;
|
|
773
|
+
/**
|
|
774
|
+
* @hidden
|
|
775
|
+
*
|
|
776
|
+
* Defines the editor type.
|
|
777
|
+
* Used when the column enters the edit mode. The default value is `text`.
|
|
778
|
+
*/
|
|
779
|
+
editor: CellContentType;
|
|
780
|
+
/**
|
|
781
|
+
* @hidden
|
|
782
|
+
*
|
|
783
|
+
* Defines whether the column is editable. The default value is `true`.
|
|
784
|
+
*/
|
|
785
|
+
editable: boolean;
|
|
786
|
+
constructor(options: OptionChangesService, parent?: GanttColumnBase);
|
|
787
|
+
ngOnChanges(): void;
|
|
788
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttColumnComponent, [null, { optional: true; host: true; skipSelf: true; }]>;
|
|
789
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttColumnComponent, "kendo-gantt-column", never, { "filter": { "alias": "filter"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "editor": { "alias": "editor"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, {}, ["footerTemplate", "template", "editTemplate", "filterCellTemplate", "filterMenuTemplate", "headerTemplates", "columnMenuTemplates"], never, true, never>;
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
/**
|
|
793
|
+
* Represents a group of columns in the Gantt. Use this component to organize columns under a common header.
|
|
794
|
+
*
|
|
795
|
+
* @example
|
|
796
|
+
* ```html
|
|
797
|
+
* <kendo-gantt-column-group title="Details">
|
|
798
|
+
* <kendo-gantt-column field="start"></kendo-gantt-column>
|
|
799
|
+
* <kendo-gantt-column field="end"></kendo-gantt-column>
|
|
800
|
+
* </kendo-gantt-column-group>
|
|
801
|
+
* ```
|
|
802
|
+
*
|
|
803
|
+
* @remarks
|
|
804
|
+
* Supported children components are: {@link GanttColumnComponent}, {@link GanttSpanColumnComponent}.
|
|
805
|
+
*/
|
|
806
|
+
declare class GanttColumnGroupComponent extends ColumnGroupComponent {
|
|
807
|
+
private options;
|
|
808
|
+
/**
|
|
809
|
+
* @hidden
|
|
810
|
+
*/
|
|
811
|
+
children: QueryList<GanttColumnBase>;
|
|
812
|
+
/**
|
|
813
|
+
* @hidden
|
|
814
|
+
*/
|
|
815
|
+
headerTemplates: QueryList<HeaderTemplateDirective>;
|
|
816
|
+
constructor(options: OptionChangesService, parent?: GanttColumnBase);
|
|
817
|
+
ngOnChanges(): void;
|
|
818
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttColumnGroupComponent, [null, { optional: true; host: true; skipSelf: true; }]>;
|
|
819
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttColumnGroupComponent, "kendo-gantt-column-group", never, {}, {}, ["children", "headerTemplates"], never, true, never>;
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
/**
|
|
823
|
+
* Represents the Gantt span column.
|
|
824
|
+
*
|
|
825
|
+
* Use this component to span row content over multiple column cells.
|
|
826
|
+
*
|
|
827
|
+
* @example
|
|
828
|
+
* ```html
|
|
829
|
+
* <kendo-gantt-span-column>
|
|
830
|
+
* <kendo-gantt-column field="id"></kendo-gantt-column>
|
|
831
|
+
* <kendo-gantt-column field="name"></kendo-gantt-column>
|
|
832
|
+
* </kendo-gantt-span-column>
|
|
833
|
+
* ```
|
|
834
|
+
*
|
|
835
|
+
* @remarks
|
|
836
|
+
* Supported children components are: {@link GanttColumnComponent}.
|
|
837
|
+
*/
|
|
838
|
+
declare class GanttSpanColumnComponent extends SpanColumnComponent {
|
|
839
|
+
private options;
|
|
840
|
+
/**
|
|
841
|
+
* @hidden
|
|
842
|
+
*/
|
|
843
|
+
childColumns: QueryList<GanttColumnComponent>;
|
|
844
|
+
template: QueryList<CellTemplateDirective>;
|
|
845
|
+
editTemplate: QueryList<EditTemplateDirective>;
|
|
846
|
+
constructor(options: OptionChangesService, parent?: GanttColumnBase);
|
|
847
|
+
ngOnChanges(): void;
|
|
848
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttSpanColumnComponent, [null, { optional: true; host: true; skipSelf: true; }]>;
|
|
849
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttSpanColumnComponent, "kendo-gantt-span-column", never, {}, {}, ["childColumns", "template", "editTemplate"], never, true, never>;
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
/**
|
|
853
|
+
* Represents the arguments for the `cellClick` event of the Gantt.
|
|
854
|
+
*/
|
|
855
|
+
interface CellClickEvent {
|
|
856
|
+
/**
|
|
857
|
+
* Contains the column component associated with the clicked cell.
|
|
858
|
+
*/
|
|
859
|
+
column: GanttColumnComponent | GanttSpanColumnComponent;
|
|
860
|
+
/**
|
|
861
|
+
* Holds the column index of the clicked cell.
|
|
862
|
+
*/
|
|
863
|
+
columnIndex: number;
|
|
864
|
+
/**
|
|
865
|
+
* Contains the data item for the clicked cell.
|
|
866
|
+
*/
|
|
867
|
+
dataItem: any;
|
|
868
|
+
/**
|
|
869
|
+
* Indicates if the cell is in edit mode.
|
|
870
|
+
*/
|
|
871
|
+
isEdited: boolean;
|
|
872
|
+
/**
|
|
873
|
+
* Contains the DOM event that triggered the `cellClick` event.
|
|
874
|
+
*/
|
|
875
|
+
originalEvent: PointerEvent;
|
|
876
|
+
/**
|
|
877
|
+
* Holds the row index for the clicked cell.
|
|
878
|
+
*/
|
|
879
|
+
rowIndex: number;
|
|
880
|
+
/**
|
|
881
|
+
* Contains the Gantt component instance.
|
|
882
|
+
*/
|
|
883
|
+
sender: GanttComponent;
|
|
884
|
+
/**
|
|
885
|
+
* Specifies the type of event that triggered the `cellClick` event.
|
|
886
|
+
*/
|
|
887
|
+
type: 'click' | 'contextmenu' | 'dblclick';
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
/**
|
|
891
|
+
* Contains the event data for task editing events.
|
|
892
|
+
*/
|
|
893
|
+
interface TaskEditEvent {
|
|
894
|
+
/**
|
|
895
|
+
* Holds the `TaskEditItem` for the edited task.
|
|
896
|
+
* Access the parent item through the `parent` property to update all ancestors.
|
|
897
|
+
*/
|
|
898
|
+
item: TaskEditItem;
|
|
899
|
+
/**
|
|
900
|
+
* Holds the `FormGroup` instance for the edited task.
|
|
901
|
+
*/
|
|
902
|
+
taskFormGroup?: FormGroup;
|
|
903
|
+
/**
|
|
904
|
+
* Holds the dependencies for the edited task.
|
|
905
|
+
*/
|
|
906
|
+
dependencies: EditEventDependencies;
|
|
907
|
+
/**
|
|
908
|
+
* Holds the `GanttComponent` instance.
|
|
909
|
+
*/
|
|
910
|
+
sender: GanttComponent;
|
|
911
|
+
}
|
|
912
|
+
/**
|
|
913
|
+
* Represents the `TaskEditItem` associated with the edited task.
|
|
914
|
+
* Access the parent item through the `parent` property to update all ancestors.
|
|
915
|
+
*/
|
|
916
|
+
interface TaskEditItem {
|
|
917
|
+
/**
|
|
918
|
+
* Holds the original data item for this entry.
|
|
919
|
+
*/
|
|
920
|
+
dataItem: any;
|
|
921
|
+
/**
|
|
922
|
+
* Holds the parent data item and its parent data.
|
|
923
|
+
* If the current data item is at root level, this property is `null`.
|
|
924
|
+
*/
|
|
925
|
+
parent?: TaskEditItem;
|
|
926
|
+
}
|
|
927
|
+
/**
|
|
928
|
+
* Provides the `EditEventDependencies` object associated with the edited task.
|
|
929
|
+
* You can access the created, updated, and deleted items through the respective properties.
|
|
930
|
+
*/
|
|
931
|
+
interface EditEventDependencies {
|
|
932
|
+
/**
|
|
933
|
+
* Lists the newly created dependencies.
|
|
934
|
+
*/
|
|
935
|
+
createdItems: any[];
|
|
936
|
+
/**
|
|
937
|
+
* Lists the updated dependencies.
|
|
938
|
+
*/
|
|
939
|
+
updatedItems: any[];
|
|
940
|
+
/**
|
|
941
|
+
* Lists the deleted dependencies.
|
|
942
|
+
*/
|
|
943
|
+
deletedItems: any[];
|
|
944
|
+
}
|
|
945
|
+
/**
|
|
946
|
+
* @hidden
|
|
947
|
+
*/
|
|
948
|
+
type EditResultType = 'save' | 'remove' | 'cancel';
|
|
949
|
+
/**
|
|
950
|
+
* @hidden
|
|
951
|
+
*/
|
|
952
|
+
interface EditEvent {
|
|
953
|
+
taskFormGroup: FormGroup;
|
|
954
|
+
dataItem: any;
|
|
955
|
+
dependencies: EditEventDependencies;
|
|
956
|
+
editResultType: EditResultType;
|
|
957
|
+
}
|
|
958
|
+
|
|
959
|
+
/**
|
|
960
|
+
* Represents the arguments for the `cellClose` event of the Gantt.
|
|
961
|
+
*/
|
|
962
|
+
declare class CellCloseEvent extends PreventableEvent {
|
|
963
|
+
/**
|
|
964
|
+
* Holds the data item.
|
|
965
|
+
*/
|
|
966
|
+
dataItem: any;
|
|
967
|
+
/**
|
|
968
|
+
* Indicates if the data item is new or existing.
|
|
969
|
+
*/
|
|
970
|
+
isNew: boolean;
|
|
971
|
+
/**
|
|
972
|
+
* Contains the Gantt column associated with the closed cell.
|
|
973
|
+
*/
|
|
974
|
+
column: any;
|
|
975
|
+
/**
|
|
976
|
+
* Contains the [`FormGroup`](link:site.data.urls.angular['formgroupapi']) used to edit the cell that will be closed.
|
|
977
|
+
*/
|
|
978
|
+
formGroup: any;
|
|
979
|
+
/**
|
|
980
|
+
* Contains the DOM event that triggered the `cellClose` event.
|
|
981
|
+
* This property may be missing if `cellClose` is triggered by an API call.
|
|
982
|
+
*/
|
|
983
|
+
originalEvent: any;
|
|
984
|
+
/**
|
|
985
|
+
* Holds the `GanttComponent` instance.
|
|
986
|
+
*/
|
|
987
|
+
sender: GanttComponent;
|
|
988
|
+
/**
|
|
989
|
+
* Contains the `TaskEditItem` for the edited task.
|
|
990
|
+
* Access the parent item through the `parent` property to traverse all ancestors that need updates.
|
|
991
|
+
*/
|
|
992
|
+
item: TaskEditItem;
|
|
993
|
+
constructor(options: any);
|
|
994
|
+
}
|
|
995
|
+
|
|
996
|
+
/**
|
|
997
|
+
* Provides the arguments for the `taskClick` event of the Gantt.
|
|
998
|
+
*/
|
|
999
|
+
interface TaskClickEvent {
|
|
1000
|
+
/**
|
|
1001
|
+
* Holds the DOM event that triggered the `taskClick` event.
|
|
1002
|
+
*/
|
|
1003
|
+
originalEvent: PointerEvent | KeyboardEvent;
|
|
1004
|
+
/**
|
|
1005
|
+
* Holds the data item for the clicked task.
|
|
1006
|
+
*/
|
|
1007
|
+
dataItem: any;
|
|
1008
|
+
/**
|
|
1009
|
+
* Holds the Gantt component instance.
|
|
1010
|
+
*/
|
|
1011
|
+
sender: GanttComponent;
|
|
1012
|
+
/**
|
|
1013
|
+
* Holds the order index of the clicked task, based on the number of rendered tasks in the Timeline.
|
|
1014
|
+
*/
|
|
1015
|
+
index: number;
|
|
1016
|
+
/**
|
|
1017
|
+
* Holds the type of event that triggered the `taskClick` event.
|
|
1018
|
+
*/
|
|
1019
|
+
type: 'click' | 'contextmenu' | 'dblclick';
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
/**
|
|
1023
|
+
* Contains the event data for the [`taskAdd`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#taskadd) event.
|
|
1024
|
+
*/
|
|
1025
|
+
interface TaskAddEvent {
|
|
1026
|
+
/**
|
|
1027
|
+
* Holds the currently selected Gantt task.
|
|
1028
|
+
*/
|
|
1029
|
+
selectedItem: TaskEditItem | null;
|
|
1030
|
+
/**
|
|
1031
|
+
* Holds the type of add action. The built-in types are `addTask`, `addChild`, `addAbove`, and `addBelow`.
|
|
1032
|
+
*/
|
|
1033
|
+
actionType: string;
|
|
1034
|
+
}
|
|
1035
|
+
/**
|
|
1036
|
+
* Describes the AddTask DropDownButton options.
|
|
1037
|
+
*/
|
|
1038
|
+
interface GanttAddTaskActionItem {
|
|
1039
|
+
/**
|
|
1040
|
+
* Holds the text for the DropDownButton option.
|
|
1041
|
+
*/
|
|
1042
|
+
text: string;
|
|
1043
|
+
/**
|
|
1044
|
+
* Holds the type of action for the DropDownButton option.
|
|
1045
|
+
*/
|
|
1046
|
+
type: string;
|
|
1047
|
+
}
|
|
1048
|
+
|
|
1049
|
+
/**
|
|
1050
|
+
* Provides the event data for the [`dependencyAdd`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#dependencyadd) event.
|
|
1051
|
+
*/
|
|
1052
|
+
interface DependencyAddEvent {
|
|
1053
|
+
/**
|
|
1054
|
+
* Represents the task where the dependency starts (predecessor).
|
|
1055
|
+
*/
|
|
1056
|
+
fromTask: any;
|
|
1057
|
+
/**
|
|
1058
|
+
* Represents the task where the dependency ends (successor).
|
|
1059
|
+
*/
|
|
1060
|
+
toTask: any;
|
|
1061
|
+
/**
|
|
1062
|
+
* Specifies the dependency type for the linked tasks.
|
|
1063
|
+
*/
|
|
1064
|
+
type: DependencyType;
|
|
1065
|
+
/**
|
|
1066
|
+
* Indicates if the dependency creation is a valid link between the two tasks.
|
|
1067
|
+
*/
|
|
1068
|
+
isValid: boolean;
|
|
1069
|
+
}
|
|
1070
|
+
|
|
1071
|
+
/**
|
|
1072
|
+
* Contains the event data for the [`taskDelete`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#taskdelete) event.
|
|
1073
|
+
*/
|
|
1074
|
+
interface TaskDeleteEvent {
|
|
1075
|
+
/**
|
|
1076
|
+
* Holds the item for the delete request.
|
|
1077
|
+
* You can access the parent item through the `parent` property to update all ancestors.
|
|
1078
|
+
*/
|
|
1079
|
+
item: TaskEditItem;
|
|
1080
|
+
/**
|
|
1081
|
+
* Holds the `GanttComponent` instance.
|
|
1082
|
+
*/
|
|
1083
|
+
sender: GanttComponent;
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
/**
|
|
1087
|
+
* @hidden
|
|
1088
|
+
*
|
|
1089
|
+
* Arguments for the `columnLockedChange` event.
|
|
1090
|
+
*/
|
|
1091
|
+
interface ColumnLockedChangeEvent {
|
|
1092
|
+
/**
|
|
1093
|
+
* The columns whose locked state is changed.
|
|
1094
|
+
*/
|
|
1095
|
+
columns: GanttColumnBase[];
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1098
|
+
/**
|
|
1099
|
+
* Provides the arguments for the `columnReorder` event.
|
|
1100
|
+
*/
|
|
1101
|
+
interface ColumnReorderEvent extends ColumnReorderEvent$1 {
|
|
1102
|
+
}
|
|
1103
|
+
|
|
1104
|
+
/**
|
|
1105
|
+
* Provides the arguments for the `columnResize` event.
|
|
1106
|
+
*/
|
|
1107
|
+
interface ColumnResizeEvent extends ColumnResizeArgs {
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
/**
|
|
1111
|
+
* Provides the arguments for the `columnVisibilityChange` event.
|
|
1112
|
+
*/
|
|
1113
|
+
interface ColumnVisibilityChangeEvent {
|
|
1114
|
+
/**
|
|
1115
|
+
* Contains the columns whose visibility changes.
|
|
1116
|
+
*/
|
|
1117
|
+
columns: GanttColumnBase[];
|
|
1118
|
+
}
|
|
1119
|
+
|
|
1120
|
+
/**
|
|
1121
|
+
* Contains the event data for the Gantt `TaskDragEvent`. This event triggers when the user resizes or moves a task.
|
|
1122
|
+
*/
|
|
1123
|
+
interface TaskDragEvent {
|
|
1124
|
+
/**
|
|
1125
|
+
* Holds the new start date for the task.
|
|
1126
|
+
*/
|
|
1127
|
+
start: Date;
|
|
1128
|
+
/**
|
|
1129
|
+
* Holds the new end date for the task.
|
|
1130
|
+
*/
|
|
1131
|
+
end: Date;
|
|
1132
|
+
/**
|
|
1133
|
+
* Holds the new completion ratio.
|
|
1134
|
+
*/
|
|
1135
|
+
completionRatio: number;
|
|
1136
|
+
/**
|
|
1137
|
+
* Holds the drag event triggered by the user's action.
|
|
1138
|
+
*/
|
|
1139
|
+
dragEvent: DragTargetDragEvent | DragTargetDragEndEvent;
|
|
1140
|
+
/**
|
|
1141
|
+
* Holds the item object for the dragged event. Contains the original data item and its parent. Use this to update all affected ancestor tasks in the data hierarchy.
|
|
1142
|
+
*/
|
|
1143
|
+
item: TaskEditItem;
|
|
1144
|
+
}
|
|
1145
|
+
/**
|
|
1146
|
+
* @hidden
|
|
1147
|
+
* The internal task drag event required for all necessary calculations and DOM updates
|
|
1148
|
+
*/
|
|
1149
|
+
interface InternalTaskDragEvent {
|
|
1150
|
+
/**
|
|
1151
|
+
* Holds the new start date for the task.
|
|
1152
|
+
*/
|
|
1153
|
+
start: Date;
|
|
1154
|
+
/**
|
|
1155
|
+
* Holds the new end date for the task.
|
|
1156
|
+
*/
|
|
1157
|
+
end: Date;
|
|
1158
|
+
/**
|
|
1159
|
+
* Holds the new completion ratio.
|
|
1160
|
+
*/
|
|
1161
|
+
completionRatio: number;
|
|
1162
|
+
/**
|
|
1163
|
+
* Holds the offset of the task DOM element, relative to the view start.
|
|
1164
|
+
*/
|
|
1165
|
+
offset: number;
|
|
1166
|
+
/**
|
|
1167
|
+
* Holds the new width of the task DOM element in pixels.
|
|
1168
|
+
*/
|
|
1169
|
+
width: number;
|
|
1170
|
+
/**
|
|
1171
|
+
* Holds the drag event triggered by the user's action.
|
|
1172
|
+
*/
|
|
1173
|
+
dragEvent: DragTargetDragEvent | DragTargetDragEndEvent;
|
|
1174
|
+
/**
|
|
1175
|
+
* Holds the item object for the dragged event. Contains the original data item and its parent. Use this to update all affected ancestor tasks in the data hierarchy.
|
|
1176
|
+
*/
|
|
1177
|
+
item: any;
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1180
|
+
/**
|
|
1181
|
+
* Defines the possible positions where the Gantt toolbar or its tools render.
|
|
1182
|
+
*/
|
|
1183
|
+
type ToolbarPosition = 'top' | 'bottom' | 'both' | 'none';
|
|
1184
|
+
/**
|
|
1185
|
+
* Configures the toolbar's position and content.
|
|
1186
|
+
*/
|
|
1187
|
+
interface ToolbarSettings {
|
|
1188
|
+
/**
|
|
1189
|
+
* Sets the position of the toolbar(s).
|
|
1190
|
+
* @default 'top'
|
|
1191
|
+
*/
|
|
1192
|
+
position?: ToolbarPosition;
|
|
1193
|
+
/**
|
|
1194
|
+
* Sets the position of the toolbar(s) where the [`AddTaskComponent`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttaddtaskcomponent) renders.
|
|
1195
|
+
* @default 'none'
|
|
1196
|
+
*/
|
|
1197
|
+
addTaskTool?: ToolbarPosition;
|
|
1198
|
+
/**
|
|
1199
|
+
* Sets the position of the toolbar(s) where the [`ViewSelectorComponent`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/viewselectorcomponent) renders.
|
|
1200
|
+
* @default 'top'
|
|
1201
|
+
*/
|
|
1202
|
+
viewSelectorTool?: ToolbarPosition;
|
|
1203
|
+
}
|
|
1204
|
+
|
|
1205
|
+
/**
|
|
1206
|
+
* Represents the options for formatting the group headers and column headers in each Timeline Header.
|
|
1207
|
+
*
|
|
1208
|
+
*/
|
|
1209
|
+
interface TimelineHeaderDateFormat {
|
|
1210
|
+
/**
|
|
1211
|
+
* Sets the date format for the group header in the Timeline Header.
|
|
1212
|
+
*/
|
|
1213
|
+
groupHeaderDateFormat?: string | DateFormatOptions;
|
|
1214
|
+
/**
|
|
1215
|
+
* Sets the date format for the column header in the Timeline Header.
|
|
1216
|
+
*/
|
|
1217
|
+
columnHeaderDateFormat?: string | DateFormatOptions;
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
/**
|
|
1221
|
+
* Specifies the settings for auto-scrolling during drag editing operations.
|
|
1222
|
+
*/
|
|
1223
|
+
interface DragScrollSettings {
|
|
1224
|
+
/**
|
|
1225
|
+
* Enables or disables auto-scrolling during drag editing operations.
|
|
1226
|
+
*
|
|
1227
|
+
* @default true
|
|
1228
|
+
*/
|
|
1229
|
+
enabled?: boolean;
|
|
1230
|
+
/**
|
|
1231
|
+
* Sets the scrolling step in pixels.
|
|
1232
|
+
*
|
|
1233
|
+
* @default 3
|
|
1234
|
+
*/
|
|
1235
|
+
step?: number;
|
|
1236
|
+
/**
|
|
1237
|
+
* Sets the scrolling interval in milliseconds.
|
|
1238
|
+
*
|
|
1239
|
+
* @default 1
|
|
1240
|
+
*/
|
|
1241
|
+
interval?: number;
|
|
1242
|
+
/**
|
|
1243
|
+
* Sets the threshold in pixels at each end of the scrollable container. When the pointer reaches this threshold, scrolling starts.
|
|
1244
|
+
*
|
|
1245
|
+
* @default 10
|
|
1246
|
+
*/
|
|
1247
|
+
threshold?: number;
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
|
+
/**
|
|
1251
|
+
* Configures the options for the tooltip that appears when you hover over a task.
|
|
1252
|
+
*/
|
|
1253
|
+
interface TaskTooltipOptions {
|
|
1254
|
+
/**
|
|
1255
|
+
* Sets the `position` of the Tooltip or Popover relative to the anchor element.
|
|
1256
|
+
*
|
|
1257
|
+
* @default 'left'
|
|
1258
|
+
*/
|
|
1259
|
+
position: Position;
|
|
1260
|
+
/**
|
|
1261
|
+
* Shows a callout arrow on the Tooltip when set to `true`.
|
|
1262
|
+
*
|
|
1263
|
+
* @default true
|
|
1264
|
+
*/
|
|
1265
|
+
callout: boolean;
|
|
1266
|
+
/**
|
|
1267
|
+
* Sets the delay in milliseconds before the Tooltip appears.
|
|
1268
|
+
*
|
|
1269
|
+
* @default 100
|
|
1270
|
+
*/
|
|
1271
|
+
showAfter: number;
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1274
|
+
/**
|
|
1275
|
+
* Represents the settings for the current time marker in the Gantt component.
|
|
1276
|
+
*
|
|
1277
|
+
*/
|
|
1278
|
+
interface CurrentTimeSettings {
|
|
1279
|
+
/**
|
|
1280
|
+
* Sets the update interval in milliseconds for the current time marker.
|
|
1281
|
+
* Use this property to control how often the marker updates.
|
|
1282
|
+
* @default 60000
|
|
1283
|
+
*/
|
|
1284
|
+
updateInterval?: number;
|
|
1285
|
+
/**
|
|
1286
|
+
* Shows or hides the current time marker.
|
|
1287
|
+
* Set to `true` to display the marker.
|
|
1288
|
+
* @default true
|
|
1289
|
+
*/
|
|
1290
|
+
enabled?: boolean;
|
|
1291
|
+
}
|
|
1292
|
+
|
|
1293
|
+
/**
|
|
1294
|
+
* @hidden
|
|
1295
|
+
*/
|
|
1296
|
+
declare class CurrentTimeMarkerService implements OnDestroy {
|
|
1297
|
+
private renderer;
|
|
1298
|
+
private cdr;
|
|
1299
|
+
container: ElementRef<HTMLElement>;
|
|
1300
|
+
slots: any[];
|
|
1301
|
+
rows: any[];
|
|
1302
|
+
currentTimeMarker: boolean | CurrentTimeSettings;
|
|
1303
|
+
rowHeight: number;
|
|
1304
|
+
rtl: boolean;
|
|
1305
|
+
activeView: TimelineViewType;
|
|
1306
|
+
private get deltaOffset();
|
|
1307
|
+
private get slotWidth();
|
|
1308
|
+
get slotIndex(): number;
|
|
1309
|
+
private get height();
|
|
1310
|
+
private get interval();
|
|
1311
|
+
private now;
|
|
1312
|
+
private currentTimeTimeout;
|
|
1313
|
+
private timeMarkerDiv;
|
|
1314
|
+
constructor(renderer: Renderer2, cdr: ChangeDetectorRef);
|
|
1315
|
+
ngOnDestroy(): void;
|
|
1316
|
+
removeTimeMarker(): void;
|
|
1317
|
+
createTimeMarker: () => void;
|
|
1318
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CurrentTimeMarkerService, never>;
|
|
1319
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<CurrentTimeMarkerService>;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
/**
|
|
1323
|
+
* @hidden
|
|
1324
|
+
*/
|
|
1325
|
+
interface NavigationMetadata {
|
|
1326
|
+
treeList: TreeListComponent;
|
|
1327
|
+
host: HTMLElement;
|
|
1328
|
+
treeListElement: HTMLElement;
|
|
1329
|
+
timelineElement: HTMLElement;
|
|
1330
|
+
columns: QueryList<GanttColumnBase>;
|
|
1331
|
+
data: any[];
|
|
1332
|
+
}
|
|
1333
|
+
/**
|
|
1334
|
+
* @hidden
|
|
1335
|
+
*/
|
|
1336
|
+
interface TaskActivityStatus {
|
|
1337
|
+
/**
|
|
1338
|
+
* Represents the timeline task index of the task element which should have tabindex="0".
|
|
1339
|
+
*/
|
|
1340
|
+
activeIndex: number;
|
|
1341
|
+
/**
|
|
1342
|
+
* Specifies if the active task should be focused.
|
|
1343
|
+
*/
|
|
1344
|
+
isFocused: boolean;
|
|
1345
|
+
}
|
|
1346
|
+
|
|
1347
|
+
/**
|
|
1348
|
+
* @hidden
|
|
1349
|
+
*/
|
|
1350
|
+
declare class NavigationService implements OnDestroy {
|
|
1351
|
+
private zone;
|
|
1352
|
+
private renderer;
|
|
1353
|
+
private scrollSyncService;
|
|
1354
|
+
/**
|
|
1355
|
+
* Notifies when the tasks' focused and interactive (tabindex) state has changed.
|
|
1356
|
+
*
|
|
1357
|
+
* All tasks are rendered with tabindex="-1".
|
|
1358
|
+
* When one is clicked, or when some navigation key keyboard key is pressed, it should be focused, assigned the focus class, and its tabindex updated to 0.
|
|
1359
|
+
* All other tasks should get -1 tabindex and have the focus class removed from them.
|
|
1360
|
+
*/
|
|
1361
|
+
readonly taskStatusChanges: Subject<TaskActivityStatus>;
|
|
1362
|
+
/**
|
|
1363
|
+
* Specifies whether navigation is enabled.
|
|
1364
|
+
*/
|
|
1365
|
+
get enabled(): boolean;
|
|
1366
|
+
/**
|
|
1367
|
+
* Used to retrieve read-only data about the currently active task.
|
|
1368
|
+
*/
|
|
1369
|
+
get activeTask(): TaskActivityStatus;
|
|
1370
|
+
/**
|
|
1371
|
+
* Persists the expected Timeline focused task index.
|
|
1372
|
+
* When the cells in the TreeList are navigated through, the expected Timeline focus target should also change,
|
|
1373
|
+
* in order to allow tabbing from the TreeList to the same row in the Timeline.
|
|
1374
|
+
*/
|
|
1375
|
+
set activeTimelineIndex(index: number);
|
|
1376
|
+
get activeTimelineIndex(): number;
|
|
1377
|
+
/**
|
|
1378
|
+
* Persists the expected TreeList focused cell coords.
|
|
1379
|
+
* When the tasks in the Timeline are navigated through, the expected TreeList focus target should also change,
|
|
1380
|
+
* in order to allow back-tabbing from the Timeline to the same row in the TreeList.
|
|
1381
|
+
*/
|
|
1382
|
+
private set activeTreeListCell(value);
|
|
1383
|
+
private get activeTreeListCell();
|
|
1384
|
+
/**
|
|
1385
|
+
* Keeps track of whether the Timeline part is focused.
|
|
1386
|
+
* Used when the index of the task elements change (tasks are changed, pushed to, spliced from, etc.)
|
|
1387
|
+
* and their status should be updated accordingly.
|
|
1388
|
+
*/
|
|
1389
|
+
private isTimelineFocused;
|
|
1390
|
+
/**
|
|
1391
|
+
* The TreeList row index takes into account the header and filter rows.
|
|
1392
|
+
* Used when translating Timeline task indices to TreeList row indices.
|
|
1393
|
+
*/
|
|
1394
|
+
private get treeListHeaderRowsCount();
|
|
1395
|
+
/**
|
|
1396
|
+
* Keeps track of which part has last been focused.
|
|
1397
|
+
* Used when calling `gantt.focus()` to determine which part of the component should receive focus.
|
|
1398
|
+
*/
|
|
1399
|
+
private treeListLastActive;
|
|
1400
|
+
/**
|
|
1401
|
+
* Keeps track of which part has last been focused.
|
|
1402
|
+
* Used when calling `gantt.focus()` to determine which part of the component should receive focus.
|
|
1403
|
+
*/
|
|
1404
|
+
private timelineLastActive;
|
|
1405
|
+
private metadata;
|
|
1406
|
+
private bar;
|
|
1407
|
+
private _enabled;
|
|
1408
|
+
private _activeTimelineIndex;
|
|
1409
|
+
private _activeTreeListCell;
|
|
1410
|
+
private eventListenerDisposers;
|
|
1411
|
+
constructor(zone: NgZone, renderer: Renderer2, scrollSyncService: ScrollSyncService);
|
|
1412
|
+
initialize(metadata: NavigationMetadata): void;
|
|
1413
|
+
ngOnDestroy(): void;
|
|
1414
|
+
/**
|
|
1415
|
+
* Focuses either the last active TreeList cell, or the last active Timeline task,
|
|
1416
|
+
* dependening on which of the two last held focus.
|
|
1417
|
+
*
|
|
1418
|
+
* Focuses the first TreeList cell by default.
|
|
1419
|
+
*/
|
|
1420
|
+
focusLastActiveItem(): void;
|
|
1421
|
+
/**
|
|
1422
|
+
* Focuses the targeted TreeList cell regardless of the last peresisted target.
|
|
1423
|
+
*/
|
|
1424
|
+
focusCell(rowIndex: number, colIndex: number): void;
|
|
1425
|
+
/**
|
|
1426
|
+
* Focuses the targeted Timeline task regardless of the last peresisted target.
|
|
1427
|
+
*/
|
|
1428
|
+
focusTask(index: number): void;
|
|
1429
|
+
/**
|
|
1430
|
+
* Updates the focus target flags and notifies the active task to update its focused state.
|
|
1431
|
+
*/
|
|
1432
|
+
handleTimelineFocusIn({ target }: FocusEvent): void;
|
|
1433
|
+
/**
|
|
1434
|
+
* Updates the timeline focus state flag and notifies the active task to update its focused state.
|
|
1435
|
+
* Restore bar to tab order when focus leaves Timeline.
|
|
1436
|
+
*/
|
|
1437
|
+
handleTimelineFocusOut({ relatedTarget }: FocusEvent): void;
|
|
1438
|
+
/**
|
|
1439
|
+
* Updates the focus target flags and corrects the TreeList focus target if needed.
|
|
1440
|
+
* As the TreeList will keep its last focused cell with tabindex="0",
|
|
1441
|
+
* this methods forcefully focuses the correct cell,
|
|
1442
|
+
* when navigating in the Timeline has updated the expected TreeList focus target.
|
|
1443
|
+
*/
|
|
1444
|
+
handleTreeListFocusIn(event: FocusEvent): void;
|
|
1445
|
+
/**
|
|
1446
|
+
* Handle focus leaving TreeList.
|
|
1447
|
+
* Restore bar to tab order and demote the cell when focus leaves TreeList.
|
|
1448
|
+
*/
|
|
1449
|
+
handleTreeListFocusOut(event: FocusEvent): void;
|
|
1450
|
+
updateActiveTimeLineIndex(index: number): void;
|
|
1451
|
+
updateActiveTreeListCell(): void;
|
|
1452
|
+
/**
|
|
1453
|
+
* Fires the `taskStatusChanges` event with active and focused status retrieved from
|
|
1454
|
+
* `this.activeTimelineIndex` and `this.isTimelineFocused`.
|
|
1455
|
+
*/
|
|
1456
|
+
notifyTaskStatusChange(): void;
|
|
1457
|
+
/**
|
|
1458
|
+
* Scrolls horizontally to the beginning of the target task if the beginning of its content is not in the viewport.
|
|
1459
|
+
*/
|
|
1460
|
+
scrollHorizontallyToTask(): void;
|
|
1461
|
+
/**
|
|
1462
|
+
* Filters for task mousedown in the Timeline.
|
|
1463
|
+
*/
|
|
1464
|
+
private handleTimelineMousedown;
|
|
1465
|
+
/**
|
|
1466
|
+
* Focus the TreeList on TreeList mousedown.
|
|
1467
|
+
* A nasty hack to trick `handleTreeListFocusIn` into regarding the previous focus target as again the TreeList.
|
|
1468
|
+
* Otherwise cell clicks are wrongly overwritten in `handleTreeListFocusIn` and the click focus target is not respected.
|
|
1469
|
+
*/
|
|
1470
|
+
private focusTreeList;
|
|
1471
|
+
/**
|
|
1472
|
+
* Intercept Tab key on splitter bar to focus the TreeList.
|
|
1473
|
+
* Since TreeList first cell has tabindex="-1", Tab from bar won't naturally focus it.
|
|
1474
|
+
* This handler manually focuses the cell and prevents default Tab to avoid jumping to Timeline.
|
|
1475
|
+
*/
|
|
1476
|
+
private handleSplitterBarKeydown;
|
|
1477
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
|
|
1478
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
/**
|
|
1482
|
+
* @hidden
|
|
1483
|
+
*
|
|
1484
|
+
* Represents an instance of a Gantt timeline options.
|
|
1485
|
+
*
|
|
1486
|
+
* @hidden
|
|
1487
|
+
*/
|
|
1488
|
+
interface TimelineOptions {
|
|
1489
|
+
/**
|
|
1490
|
+
* The width of the time slot headers. Values are treated as pixels.
|
|
1491
|
+
*
|
|
1492
|
+
* @default 100
|
|
1493
|
+
*/
|
|
1494
|
+
slotWidth?: number;
|
|
1495
|
+
/**
|
|
1496
|
+
* The view type.
|
|
1497
|
+
*/
|
|
1498
|
+
type?: TimelineViewType;
|
|
1499
|
+
/**
|
|
1500
|
+
* The start of the work day.
|
|
1501
|
+
*/
|
|
1502
|
+
workDayStart?: string;
|
|
1503
|
+
/**
|
|
1504
|
+
* The end of the work day.
|
|
1505
|
+
*/
|
|
1506
|
+
workDayEnd?: string;
|
|
1507
|
+
/**
|
|
1508
|
+
* The start of the work week (index based).
|
|
1509
|
+
*/
|
|
1510
|
+
workWeekStart?: Day;
|
|
1511
|
+
/**
|
|
1512
|
+
* The end of the work week (index based).
|
|
1513
|
+
*/
|
|
1514
|
+
workWeekEnd?: Day;
|
|
1515
|
+
/**
|
|
1516
|
+
* The options for formatting the Group Headers and Column Headers in each individual Timeline Header.
|
|
1517
|
+
*/
|
|
1518
|
+
timelineHeadersDateFormat?: TimelineHeaderDateFormat;
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1521
|
+
/**
|
|
1522
|
+
* @hidden
|
|
1523
|
+
*/
|
|
1524
|
+
declare abstract class TimelineBaseViewService {
|
|
1525
|
+
protected intlService: IntlService;
|
|
1526
|
+
protected mapper: MappingService;
|
|
1527
|
+
options: TimelineOptions;
|
|
1528
|
+
protected _viewStart: number;
|
|
1529
|
+
constructor(intlService: IntlService, mapper: MappingService);
|
|
1530
|
+
get viewStart(): number;
|
|
1531
|
+
/**
|
|
1532
|
+
*
|
|
1533
|
+
* @param tasks - The tasks which are going to be rendered in the table
|
|
1534
|
+
* @returns {number}
|
|
1535
|
+
*/
|
|
1536
|
+
abstract getSlots(tasks: any[]): Array<Slot[]>;
|
|
1537
|
+
/**
|
|
1538
|
+
*
|
|
1539
|
+
* @param tasks - The tasks which are going to be rendered in the table
|
|
1540
|
+
* @returns {Array<Object>} - A collection containing the day and hours slots
|
|
1541
|
+
* Used to render the number of columns and the header
|
|
1542
|
+
*/
|
|
1543
|
+
abstract getTableWidth(tasks: any[]): number;
|
|
1544
|
+
/**
|
|
1545
|
+
* Gets the date which will be used for the first slot.
|
|
1546
|
+
* The first slot should not be the range start - it might not leave space for dependency connections drawn on the left.
|
|
1547
|
+
*/
|
|
1548
|
+
abstract getStartOffset(rangeStart: Date): Date;
|
|
1549
|
+
/**
|
|
1550
|
+
* Gets the date which will be used for the last slot.
|
|
1551
|
+
* The last slot should not be the range end - it might not leave space for dependency connections drawn on the right.
|
|
1552
|
+
*/
|
|
1553
|
+
abstract getEndOffset(rangeEnd: Date): Date;
|
|
1554
|
+
/**
|
|
1555
|
+
*
|
|
1556
|
+
* @param tasks - The tasks which are going to be rendered in the table
|
|
1557
|
+
* @returns {Object} - An object containing the range start and end dates
|
|
1558
|
+
*/
|
|
1559
|
+
protected getRange(tasks: any): DateRange;
|
|
1560
|
+
/**
|
|
1561
|
+
*
|
|
1562
|
+
* @param start - The tasks' range start date
|
|
1563
|
+
* @param end - The tasks' range end date
|
|
1564
|
+
* @returns {Array<Object>} - A collection containing the hour slots
|
|
1565
|
+
*/
|
|
1566
|
+
protected getHours(start: any, end: any, customDateFormat?: string | DateFormatOptions$1): Array<Slot>;
|
|
1567
|
+
/**
|
|
1568
|
+
*
|
|
1569
|
+
* @param start - The tasks' range start date
|
|
1570
|
+
* @param end - The tasks' range end date
|
|
1571
|
+
* @returns {Array<Object>} - A collection containing the day slots
|
|
1572
|
+
*/
|
|
1573
|
+
protected getDays(start: any, end: any, customDateFormat?: string | DateFormatOptions$1): Array<Slot>;
|
|
1574
|
+
protected getWeeks(start: any, end: any, customDateFormat?: string | DateFormatOptions$1): Array<Slot>;
|
|
1575
|
+
protected getMonths(start: any, end: any, isMainViewType?: boolean, customDateFormat?: string | DateFormatOptions$1): Array<Slot>;
|
|
1576
|
+
protected getYears(start: any, end: any, customDateFormat?: any): Array<Slot>;
|
|
1577
|
+
}
|
|
1578
|
+
|
|
1579
|
+
/**
|
|
1580
|
+
* @hidden
|
|
1581
|
+
*/
|
|
1582
|
+
declare class TimelineViewService {
|
|
1583
|
+
private injector;
|
|
1584
|
+
viewChange: EventEmitter<any>;
|
|
1585
|
+
constructor(injector: Injector);
|
|
1586
|
+
service(view: TimelineViewType): TimelineBaseViewService;
|
|
1587
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineViewService, never>;
|
|
1588
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TimelineViewService>;
|
|
1589
|
+
}
|
|
1590
|
+
|
|
1591
|
+
/**
|
|
1592
|
+
* @hidden
|
|
1593
|
+
*/
|
|
1594
|
+
declare abstract class GanttTaskBase implements OnInit, OnChanges, OnDestroy {
|
|
1595
|
+
mapper: MappingService;
|
|
1596
|
+
private timelineViewService;
|
|
1597
|
+
private dependencyDomService;
|
|
1598
|
+
private optionChangesService;
|
|
1599
|
+
private cdr;
|
|
1600
|
+
private navigationService;
|
|
1601
|
+
wrapperClass: boolean;
|
|
1602
|
+
get taskIndexAttribute(): number;
|
|
1603
|
+
/**
|
|
1604
|
+
* Points to the `.k-task` element of the template (present in all three task types).
|
|
1605
|
+
*/
|
|
1606
|
+
taskElement: ElementRef<HTMLElement>;
|
|
1607
|
+
dataItem: any;
|
|
1608
|
+
index: number;
|
|
1609
|
+
level: number;
|
|
1610
|
+
renderDependencyDragClues: boolean;
|
|
1611
|
+
selectable: boolean;
|
|
1612
|
+
isSelected: (dataItem: object) => boolean;
|
|
1613
|
+
activeView: TimelineViewType;
|
|
1614
|
+
taskClass: TaskClassFn;
|
|
1615
|
+
get ariaSelected(): string;
|
|
1616
|
+
get slotUnitDuration(): number;
|
|
1617
|
+
get viewService(): TimelineBaseViewService;
|
|
1618
|
+
get slotWidth(): number;
|
|
1619
|
+
get taskWidth(): number;
|
|
1620
|
+
/**
|
|
1621
|
+
* The `left` style prop has to be applied to the host element (.k-task-wrap), as the drag clue elements are displayed on .k-task-wrap hover.
|
|
1622
|
+
* Applying the `left` offset to the inner .k-task element leaves the .k-task-wrap element rendered with an offset of 0 somewhere on the left
|
|
1623
|
+
* and hovering just the .k-task element doesn't expose the drag clues.
|
|
1624
|
+
* Additionally, positioning the entire container takes care of positioning the hints as well.
|
|
1625
|
+
*/
|
|
1626
|
+
get taskOffset(): number;
|
|
1627
|
+
get completionOverlayWidth(): number;
|
|
1628
|
+
draggedCompletionWidth: number;
|
|
1629
|
+
protected taskDragService: TaskDragService;
|
|
1630
|
+
protected completionDragResult: number;
|
|
1631
|
+
private subscriptions;
|
|
1632
|
+
constructor(mapper: MappingService, // left public to be available for usage in the templates
|
|
1633
|
+
timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
|
|
1634
|
+
ngOnInit(): void;
|
|
1635
|
+
ngAfterViewInit(): void;
|
|
1636
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1637
|
+
ngOnDestroy(): void;
|
|
1638
|
+
private updateActiveState;
|
|
1639
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTaskBase, never>;
|
|
1640
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttTaskBase, "kendo-gantt-task-base", never, { "dataItem": { "alias": "dataItem"; "required": false; }; "index": { "alias": "index"; "required": false; }; "level": { "alias": "level"; "required": false; }; "renderDependencyDragClues": { "alias": "renderDependencyDragClues"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
1641
|
+
}
|
|
1642
|
+
|
|
1643
|
+
/**
|
|
1644
|
+
* @hidden
|
|
1645
|
+
*/
|
|
1646
|
+
declare class TaskDragService {
|
|
1647
|
+
private mapper;
|
|
1648
|
+
private zone;
|
|
1649
|
+
taskDraggable: boolean;
|
|
1650
|
+
drag: Subject<InternalTaskDragEvent>;
|
|
1651
|
+
dragEnd: Subject<InternalTaskDragEvent>;
|
|
1652
|
+
dragStart: Subject<DragTargetDragStartEvent>;
|
|
1653
|
+
tasksContainer: HTMLElement;
|
|
1654
|
+
tasksContainerRect: DOMRect;
|
|
1655
|
+
scrollableContainer: HTMLElement;
|
|
1656
|
+
currentDragTask: GanttTaskBase;
|
|
1657
|
+
currentDragTaskRect: DOMRect;
|
|
1658
|
+
leftDragHandle: boolean;
|
|
1659
|
+
rightDragHandle: boolean;
|
|
1660
|
+
completionRatioHandle: boolean;
|
|
1661
|
+
private tasks;
|
|
1662
|
+
private editedProp;
|
|
1663
|
+
private prevX;
|
|
1664
|
+
private prevWidth;
|
|
1665
|
+
private prevLeft;
|
|
1666
|
+
private prevScrollLeft;
|
|
1667
|
+
private newRange;
|
|
1668
|
+
private offsetX;
|
|
1669
|
+
private maxWidth;
|
|
1670
|
+
private newCompletionRatio;
|
|
1671
|
+
constructor(mapper: MappingService, zone: NgZone);
|
|
1672
|
+
registerTask(task: GanttTaskBase): void;
|
|
1673
|
+
onDragStart(args: DragTargetDragStartEvent): void;
|
|
1674
|
+
onDrag(args: DragTargetDragEvent): void;
|
|
1675
|
+
onDragEnd(args: DragTargetDragEndEvent): void;
|
|
1676
|
+
private calculateMarquee;
|
|
1677
|
+
private calculateStartEnd;
|
|
1678
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TaskDragService, never>;
|
|
1679
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TaskDragService>;
|
|
1680
|
+
}
|
|
1681
|
+
|
|
1682
|
+
/**
|
|
1683
|
+
* Defines a template for the entire Task tooltip.
|
|
1684
|
+
* Place an `<ng-template>` tag with the `kendoGanttTaskTooltipTemplate` directive inside the `<kendo-gantt>` tag to set the template.
|
|
1685
|
+
*
|
|
1686
|
+
* The template context uses the related data item.
|
|
1687
|
+
*
|
|
1688
|
+
* @example
|
|
1689
|
+
* ```ts-preview
|
|
1690
|
+
* _@Component({
|
|
1691
|
+
* selector: 'my-app',
|
|
1692
|
+
* template: `
|
|
1693
|
+
* <kendo-gantt [kendoGanttHierarchyBinding]="data">
|
|
1694
|
+
* <ng-template kendoGanttTaskTooltipTemplate let-dataItem>
|
|
1695
|
+
* <div [style]="'color: white; font-size: 8px;'">
|
|
1696
|
+
* {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete;
|
|
1697
|
+
* </div>
|
|
1698
|
+
* </ng-template>
|
|
1699
|
+
* </kendo-gantt>
|
|
1700
|
+
* `
|
|
1701
|
+
* })
|
|
1702
|
+
* class AppComponent {
|
|
1703
|
+
* public data: any[] = sampleTasks;
|
|
1704
|
+
* }
|
|
1705
|
+
* ```
|
|
1706
|
+
*/
|
|
1707
|
+
declare class GanttTaskTooltipTemplateDirective {
|
|
1708
|
+
templateRef: TemplateRef<any>;
|
|
1709
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1710
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTaskTooltipTemplateDirective, [{ optional: true; }]>;
|
|
1711
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttTaskTooltipTemplateDirective, "[kendoGanttTaskTooltipTemplate]", never, {}, {}, never, never, true, never>;
|
|
1712
|
+
}
|
|
1713
|
+
|
|
1714
|
+
/**
|
|
1715
|
+
* @hidden
|
|
1716
|
+
*
|
|
1717
|
+
* Needed to keep the Gantt's LocalizationService reference and be able to use it component's inside the TabStrip
|
|
1718
|
+
*/
|
|
1719
|
+
declare class GanttLocalizationService {
|
|
1720
|
+
private localizationService;
|
|
1721
|
+
constructor(localizationService: LocalizationService);
|
|
1722
|
+
get(token: string): string;
|
|
1723
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttLocalizationService, never>;
|
|
1724
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GanttLocalizationService>;
|
|
1725
|
+
}
|
|
1726
|
+
|
|
1727
|
+
/**
|
|
1728
|
+
* Customizes the content of the tooltip that appears when you drag or resize a Gantt task.
|
|
1729
|
+
* Place the `kendoGanttTaskDragTooltipTemplate` directive on an `<ng-template>` tag inside the `<kendo-gantt>` component.
|
|
1730
|
+
*
|
|
1731
|
+
* The template context provides an object with the following properties:
|
|
1732
|
+
* * `start`—The updated start date during the drag operation.
|
|
1733
|
+
* * `end`—The updated end date during the drag operation.
|
|
1734
|
+
* * `completionRatio`—The completion ratio of the task as a decimal value between 0 and 1.
|
|
1735
|
+
* * `task`—The original data item of the task being dragged. Contains the properties of the [`GanttTask`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/gantttask) interface.
|
|
1736
|
+
*
|
|
1737
|
+
* @example
|
|
1738
|
+
* ```html
|
|
1739
|
+
* <kendo-gantt
|
|
1740
|
+
* [kendoGanttHierarchyBinding]="data"
|
|
1741
|
+
* kendoGanttTaskDrag
|
|
1742
|
+
* (taskDragEnd)="onDragEnd($event)">
|
|
1743
|
+
* <ng-template kendoGanttTaskDragTooltipTemplate let-dragData>
|
|
1744
|
+
* <div> {{ dragData.task.title }} </div>
|
|
1745
|
+
* <div> Start: {{ dragData.start | date: 'h:mm a' }} </div>
|
|
1746
|
+
* <div> End: {{ dragData.end | date: 'h:mm a' }} </div>
|
|
1747
|
+
* </ng-template>
|
|
1748
|
+
* </kendo-gantt>
|
|
1749
|
+
* ```
|
|
1750
|
+
*/
|
|
1751
|
+
declare class GanttTaskDragTooltipTemplateDirective {
|
|
1752
|
+
templateRef: TemplateRef<any>;
|
|
1753
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1754
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTaskDragTooltipTemplateDirective, [{ optional: true; }]>;
|
|
1755
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttTaskDragTooltipTemplateDirective, "[kendoGanttTaskDragTooltipTemplate]", never, {}, {}, never, never, true, never>;
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
/**
|
|
1759
|
+
* @hidden
|
|
1760
|
+
*/
|
|
1761
|
+
declare class GanttTimelineComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
1762
|
+
private scrollSyncService;
|
|
1763
|
+
private dependencyDomService;
|
|
1764
|
+
private renderer;
|
|
1765
|
+
private zone;
|
|
1766
|
+
private currentTimeMarkerService;
|
|
1767
|
+
private localization;
|
|
1768
|
+
private taskDragService;
|
|
1769
|
+
/**
|
|
1770
|
+
* Represents the scrollable container of the timeline content.
|
|
1771
|
+
* Used externally by the DependencyDragCreateDirective.
|
|
1772
|
+
*/
|
|
1773
|
+
timelineContent: ElementRef<HTMLElement>;
|
|
1774
|
+
timelineColumns: ElementRef<HTMLElement>;
|
|
1775
|
+
timelineHeaderWrap: ElementRef<HTMLElement>;
|
|
1776
|
+
tasksContainer: ElementRef<HTMLElement>;
|
|
1777
|
+
private tooltip;
|
|
1778
|
+
/**
|
|
1779
|
+
* Represents the view container ref used for rendering the dependency drag popop.
|
|
1780
|
+
* Used externally by the DependencyDragCreateDirective.
|
|
1781
|
+
*/
|
|
1782
|
+
dragPopupContainer: ViewContainerRef;
|
|
1783
|
+
/**
|
|
1784
|
+
* Represents the polyline element used for rendering the dependency drag editing interaction.
|
|
1785
|
+
* Used externally by the DependencyDragCreateDirective.
|
|
1786
|
+
*/
|
|
1787
|
+
dependencyDragCreatePolyline: ElementRef<SVGPolylineElement>;
|
|
1788
|
+
rows: ViewItem[];
|
|
1789
|
+
slots: any[];
|
|
1790
|
+
groupSlots: any[];
|
|
1791
|
+
tableWidth: number;
|
|
1792
|
+
activeView: TimelineViewType;
|
|
1793
|
+
taskContentTemplate: TemplateRef<any>;
|
|
1794
|
+
taskTemplate: TemplateRef<any>;
|
|
1795
|
+
summaryTaskTemplate: TemplateRef<any>;
|
|
1796
|
+
taskClass: TaskClassFn;
|
|
1797
|
+
renderDependencyDragClues: boolean;
|
|
1798
|
+
dragScrollSettings: DragScrollSettings;
|
|
1799
|
+
currentTimeMarker: boolean | CurrentTimeSettings;
|
|
1800
|
+
customTooltipTemplate: GanttTaskTooltipTemplateDirective;
|
|
1801
|
+
customDragTooltipTemplate: GanttTaskDragTooltipTemplateDirective;
|
|
1802
|
+
tooltipOptions: TaskTooltipOptions;
|
|
1803
|
+
selectable: boolean;
|
|
1804
|
+
isTaskSelected: (item: object) => boolean;
|
|
1805
|
+
isExpanded: (item: object) => boolean;
|
|
1806
|
+
dependencies: any[];
|
|
1807
|
+
timelineContainerPress: EventEmitter<any>;
|
|
1808
|
+
timelineContainerDrag: EventEmitter<any>;
|
|
1809
|
+
timelineContainerRelease: EventEmitter<any>;
|
|
1810
|
+
/**
|
|
1811
|
+
* Specifies whether the draggable will attach or detach its pointer event listeners.
|
|
1812
|
+
*/
|
|
1813
|
+
get draggableEnabled(): boolean;
|
|
1814
|
+
task: GanttTask;
|
|
1815
|
+
dragResult: {
|
|
1816
|
+
start: Date;
|
|
1817
|
+
end: Date;
|
|
1818
|
+
completionRatio: number;
|
|
1819
|
+
task: any;
|
|
1820
|
+
};
|
|
1821
|
+
dragging: boolean;
|
|
1822
|
+
completion: boolean;
|
|
1823
|
+
marquee: {
|
|
1824
|
+
show: boolean;
|
|
1825
|
+
left: number;
|
|
1826
|
+
width: number;
|
|
1827
|
+
};
|
|
1828
|
+
dragOffset: number;
|
|
1829
|
+
private subscriptions;
|
|
1830
|
+
private popupRef;
|
|
1831
|
+
constructor(scrollSyncService: ScrollSyncService, dependencyDomService: DependencyDomService, renderer: Renderer2, zone: NgZone, currentTimeMarkerService: CurrentTimeMarkerService, localization: GanttLocalizationService, taskDragService: TaskDragService);
|
|
1832
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1833
|
+
trackBySlotIndex(index: number, item: any): string;
|
|
1834
|
+
ngAfterViewInit(): void;
|
|
1835
|
+
ngOnDestroy(): void;
|
|
1836
|
+
isNonWorking(item: any): boolean;
|
|
1837
|
+
messageFor(token: string): string;
|
|
1838
|
+
private createTimeMarker;
|
|
1839
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTimelineComponent, [null, null, null, null, null, null, { optional: true; }]>;
|
|
1840
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttTimelineComponent, "kendo-gantt-timeline", never, { "rows": { "alias": "rows"; "required": false; }; "slots": { "alias": "slots"; "required": false; }; "groupSlots": { "alias": "groupSlots"; "required": false; }; "tableWidth": { "alias": "tableWidth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "taskContentTemplate": { "alias": "taskContentTemplate"; "required": false; }; "taskTemplate": { "alias": "taskTemplate"; "required": false; }; "summaryTaskTemplate": { "alias": "summaryTaskTemplate"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; "renderDependencyDragClues": { "alias": "renderDependencyDragClues"; "required": false; }; "dragScrollSettings": { "alias": "dragScrollSettings"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; "customTooltipTemplate": { "alias": "customTooltipTemplate"; "required": false; }; "customDragTooltipTemplate": { "alias": "customDragTooltipTemplate"; "required": false; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "isTaskSelected": { "alias": "isTaskSelected"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "dependencies": { "alias": "dependencies"; "required": false; }; }, { "timelineContainerPress": "timelineContainerPress"; "timelineContainerDrag": "timelineContainerDrag"; "timelineContainerRelease": "timelineContainerRelease"; }, never, never, true, never>;
|
|
1841
|
+
}
|
|
1842
|
+
|
|
1843
|
+
/**
|
|
1844
|
+
* @hidden
|
|
1845
|
+
*/
|
|
1846
|
+
declare class EditService {
|
|
1847
|
+
private mapper;
|
|
1848
|
+
showEditingDialog: Subject<boolean>;
|
|
1849
|
+
taskDelete: Subject<object>;
|
|
1850
|
+
editEvent: Subject<EditEvent>;
|
|
1851
|
+
addEvent: Subject<TaskAddEvent>;
|
|
1852
|
+
taskFormGroup: FormGroup;
|
|
1853
|
+
dataItem: any;
|
|
1854
|
+
getSelectedItem: () => any;
|
|
1855
|
+
hasChildren: (node: any) => boolean;
|
|
1856
|
+
fetchChildren: (node: any) => Observable<any[]> | any[];
|
|
1857
|
+
set dependencies(items: any[]);
|
|
1858
|
+
get dependencies(): any[];
|
|
1859
|
+
predecessors: GanttDependency[];
|
|
1860
|
+
successors: GanttDependency[];
|
|
1861
|
+
updatedItems: any[];
|
|
1862
|
+
deletedItems: any[];
|
|
1863
|
+
constructor(mapper: MappingService);
|
|
1864
|
+
createEditDialog(dataItem: any, taskFormGroup: FormGroup, dependencies: any[]): void;
|
|
1865
|
+
closeEditDialog(): void;
|
|
1866
|
+
triggerEditEvent(editResultType: EditResultType): void;
|
|
1867
|
+
updateDependencies(item: GanttDependency): void;
|
|
1868
|
+
getCreatedDependencies(): any[];
|
|
1869
|
+
deleteDependency(item: GanttDependency): void;
|
|
1870
|
+
loadTasks(initialValues: any[], isInitializer?: boolean): Observable<any[]>;
|
|
1871
|
+
private getElementById;
|
|
1872
|
+
private itemIndex;
|
|
1873
|
+
private isNew;
|
|
1874
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditService, never>;
|
|
1875
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<EditService>;
|
|
1876
|
+
}
|
|
1877
|
+
|
|
1878
|
+
/**
|
|
1879
|
+
* Represents the options for the pane that contains the treelist section.
|
|
1880
|
+
*/
|
|
1881
|
+
interface TreeListPaneOptions {
|
|
1882
|
+
/**
|
|
1883
|
+
* Specifies if the user can hide the pane.
|
|
1884
|
+
*/
|
|
1885
|
+
collapsible?: boolean;
|
|
1886
|
+
/**
|
|
1887
|
+
* Specifies if the pane is collapsed initially.
|
|
1888
|
+
*/
|
|
1889
|
+
collapsed?: boolean;
|
|
1890
|
+
}
|
|
1891
|
+
/**
|
|
1892
|
+
* Represents the options for the pane that contains the timeline section.
|
|
1893
|
+
*/
|
|
1894
|
+
interface TimelinePaneOptions extends TreeListPaneOptions {
|
|
1895
|
+
/**
|
|
1896
|
+
* Sets the initial size of the pane. The value must be between the `min` and `max` properties.
|
|
1897
|
+
*/
|
|
1898
|
+
size?: string;
|
|
1899
|
+
/**
|
|
1900
|
+
* Sets the minimum size of the pane.
|
|
1901
|
+
*/
|
|
1902
|
+
min?: string;
|
|
1903
|
+
/**
|
|
1904
|
+
* Sets the maximum size of the pane.
|
|
1905
|
+
*/
|
|
1906
|
+
max?: string;
|
|
1907
|
+
/**
|
|
1908
|
+
* Specifies if the user can resize the pane.
|
|
1909
|
+
*/
|
|
1910
|
+
resizable?: boolean;
|
|
1911
|
+
}
|
|
1912
|
+
|
|
1913
|
+
/**
|
|
1914
|
+
* Defines a template for the entire task component.
|
|
1915
|
+
* Place an `<ng-template>` tag with the `kendoGanttTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
|
|
1916
|
+
*
|
|
1917
|
+
* The template context uses the current data item. The following field is also available:
|
|
1918
|
+
* - `elementWidth`—The calculated width in pixels of the current task wrapper element, based on its start and end date.
|
|
1919
|
+
* Use `let-elementWidth="elementWidth"` to access it in the template.
|
|
1920
|
+
* This helps you render custom elements for task progress.
|
|
1921
|
+
*
|
|
1922
|
+
* @example
|
|
1923
|
+
* ```html
|
|
1924
|
+
* <kendo-gantt [kendoGanttHierarchyBinding]="data">
|
|
1925
|
+
* <ng-template kendoGanttTaskTemplate let-dataItem let-elementWidth="elementWidth">
|
|
1926
|
+
* {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
|
|
1927
|
+
* </ng-template>
|
|
1928
|
+
* </kendo-gantt>
|
|
1929
|
+
* ```
|
|
1930
|
+
*/
|
|
1931
|
+
declare class GanttTaskTemplateDirective {
|
|
1932
|
+
templateRef: TemplateRef<any>;
|
|
1933
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1934
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTaskTemplateDirective, [{ optional: true; }]>;
|
|
1935
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttTaskTemplateDirective, "[kendoGanttTaskTemplate]", never, {}, {}, never, never, true, never>;
|
|
1936
|
+
}
|
|
1937
|
+
|
|
1938
|
+
/**
|
|
1939
|
+
* Defines a template for the entire summary task component.
|
|
1940
|
+
* Place an `<ng-template>` tag with the `kendoGanttSummaryTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
|
|
1941
|
+
*
|
|
1942
|
+
* The template context uses the current data item. The following field is also available:
|
|
1943
|
+
* - `elementWidth`—The calculated width in pixels of the current summary task wrapper element, based on its start and end date.
|
|
1944
|
+
* Use `let-elementWidth="elementWidth"` to access it in the template.
|
|
1945
|
+
* This helps you render custom elements for summary task progress.
|
|
1946
|
+
*
|
|
1947
|
+
* @example
|
|
1948
|
+
* ```html
|
|
1949
|
+
* <kendo-gantt [kendoGanttHierarchyBinding]="data">
|
|
1950
|
+
* <ng-template kendoGanttSummaryTaskTemplate let-dataItem let-elementWidth="elementWidth">
|
|
1951
|
+
* <div [style]="'color: white; font-size: 8px;'">
|
|
1952
|
+
* {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete; width: {{ elementWidth }}
|
|
1953
|
+
* </div>
|
|
1954
|
+
* </ng-template>
|
|
1955
|
+
* </kendo-gantt>
|
|
1956
|
+
* ```
|
|
1957
|
+
*/
|
|
1958
|
+
declare class GanttSummaryTaskTemplateDirective {
|
|
1959
|
+
templateRef: TemplateRef<any>;
|
|
1960
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1961
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttSummaryTaskTemplateDirective, [{ optional: true; }]>;
|
|
1962
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttSummaryTaskTemplateDirective, "[kendoGanttSummaryTaskTemplate]", never, {}, {}, never, never, true, never>;
|
|
1963
|
+
}
|
|
1964
|
+
|
|
1965
|
+
/**
|
|
1966
|
+
* Defines a template for the text content section of the task component.
|
|
1967
|
+
* Place an `<ng-template>` tag with the `kendoGanttTaskContentTemplate` directive inside the `<kendo-gantt>` tag to set the template.
|
|
1968
|
+
*
|
|
1969
|
+
* The template context uses the current data item.
|
|
1970
|
+
*
|
|
1971
|
+
* @example
|
|
1972
|
+
* ```ts-preview
|
|
1973
|
+
* _@Component({
|
|
1974
|
+
* selector: 'my-app',
|
|
1975
|
+
* template: `
|
|
1976
|
+
* <kendo-gantt [kendoGanttHierarchyBinding]="data">
|
|
1977
|
+
* <ng-template kendoGanttTaskContentTemplate let-dataItem>
|
|
1978
|
+
* {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
|
|
1979
|
+
* </ng-template>
|
|
1980
|
+
* </kendo-gantt>
|
|
1981
|
+
* `
|
|
1982
|
+
* })
|
|
1983
|
+
* class AppComponent {
|
|
1984
|
+
* public data: any[] = sampleTasks;
|
|
1985
|
+
* }
|
|
1986
|
+
* ```
|
|
1987
|
+
*/
|
|
1988
|
+
declare class GanttTaskContentTemplateDirective {
|
|
1989
|
+
templateRef: TemplateRef<any>;
|
|
1990
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1991
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTaskContentTemplateDirective, [{ optional: true; }]>;
|
|
1992
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttTaskContentTemplateDirective, "[kendoGanttTaskContentTemplate]", never, {}, {}, never, never, true, never>;
|
|
1993
|
+
}
|
|
1994
|
+
|
|
1995
|
+
/**
|
|
1996
|
+
* Represents the toolbar template of the Gantt.
|
|
1997
|
+
*
|
|
1998
|
+
* The template context includes:
|
|
1999
|
+
* - `position`—The position where the toolbar template renders. Possible values are `'top'` and `'bottom'`.
|
|
2000
|
+
*
|
|
2001
|
+
* @example
|
|
2002
|
+
* ```html
|
|
2003
|
+
* <kendo-gantt [kendoGanttHierarchyBinding]="data" [style.height.px]="400">
|
|
2004
|
+
* <ng-template kendoGanttToolbarTemplate [position]="position" let-position="position">
|
|
2005
|
+
* <button kendoButton (click)="onClick()">Custom action</button>
|
|
2006
|
+
* </ng-template>
|
|
2007
|
+
* </kendo-gantt>
|
|
2008
|
+
* ```
|
|
2009
|
+
*/
|
|
2010
|
+
declare class ToolbarTemplateDirective {
|
|
2011
|
+
templateRef: TemplateRef<any>;
|
|
2012
|
+
_position: ToolbarPosition;
|
|
2013
|
+
/**
|
|
2014
|
+
* Sets the Gantt Toolbar that uses this template.
|
|
2015
|
+
*
|
|
2016
|
+
* Possible values:
|
|
2017
|
+
* - `top`—Renders the template in the top toolbar (if present) only.
|
|
2018
|
+
* - `bottom`—Renders the template in the bottom toolbar (if present) only.
|
|
2019
|
+
* - `both`—Renders the template in both toolbars (if present).
|
|
2020
|
+
*/
|
|
2021
|
+
set position(position: ToolbarPosition);
|
|
2022
|
+
get position(): ToolbarPosition;
|
|
2023
|
+
constructor(templateRef: TemplateRef<any>);
|
|
2024
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarTemplateDirective, [{ optional: true; }]>;
|
|
2025
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ToolbarTemplateDirective, "[kendoGanttToolbarTemplate]", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
|
|
2026
|
+
}
|
|
2027
|
+
|
|
2028
|
+
/**
|
|
2029
|
+
* Represents the arguments for the Gantt `expand` and `collapse` events.
|
|
2030
|
+
*
|
|
2031
|
+
*/
|
|
2032
|
+
declare class ExpandEvent {
|
|
2033
|
+
/** @hidden */
|
|
2034
|
+
constructor();
|
|
2035
|
+
/**
|
|
2036
|
+
* The expanded or collapsed data item.
|
|
2037
|
+
*/
|
|
2038
|
+
dataItem: any;
|
|
2039
|
+
}
|
|
2040
|
+
|
|
2041
|
+
/**
|
|
2042
|
+
* Serves as the base class for the timeline view components of the Gantt.
|
|
2043
|
+
*
|
|
2044
|
+
* @example
|
|
2045
|
+
* ```typescript
|
|
2046
|
+
* export class CustomTimelineViewComponent extends ViewBase {
|
|
2047
|
+
* public readonly type: TimelineViewType = 'custom';
|
|
2048
|
+
* }
|
|
2049
|
+
* ```
|
|
2050
|
+
*/
|
|
2051
|
+
declare abstract class ViewBase implements OnChanges {
|
|
2052
|
+
private optionChangesService;
|
|
2053
|
+
private dependencyDomService;
|
|
2054
|
+
/**
|
|
2055
|
+
* Sets the width of the time slot headers in pixels.
|
|
2056
|
+
*
|
|
2057
|
+
* @default 100
|
|
2058
|
+
*/
|
|
2059
|
+
slotWidth: number;
|
|
2060
|
+
/**
|
|
2061
|
+
* Sets the date format for the Grouped and Column headers.
|
|
2062
|
+
*/
|
|
2063
|
+
timelineHeadersDateFormat: TimelineHeaderDateFormat;
|
|
2064
|
+
/**
|
|
2065
|
+
* Specifies the current time marker settings.
|
|
2066
|
+
* If you do not set a value, the component uses the value from the Gantt component
|
|
2067
|
+
* [`currentTimeMarker`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#currentTimeMarker) property.
|
|
2068
|
+
*/
|
|
2069
|
+
currentTimeMarker: boolean | CurrentTimeSettings;
|
|
2070
|
+
/**
|
|
2071
|
+
* Specifies the type for the view (`day`, `week`, `month`, or `year`).
|
|
2072
|
+
*/
|
|
2073
|
+
abstract type: TimelineViewType;
|
|
2074
|
+
/**
|
|
2075
|
+
*
|
|
2076
|
+
* @hidden
|
|
2077
|
+
*/
|
|
2078
|
+
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
2079
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2080
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ViewBase, never>;
|
|
2081
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ViewBase, "kendo-gantt-view-base", never, { "slotWidth": { "alias": "slotWidth"; "required": false; }; "timelineHeadersDateFormat": { "alias": "timelineHeadersDateFormat"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; }, {}, never, never, true, never>;
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
/**
|
|
2085
|
+
* Provides the arguments for the Gantt [`selectionChange`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#selectionchange) event.
|
|
2086
|
+
*/
|
|
2087
|
+
interface SelectionChangeEvent {
|
|
2088
|
+
/**
|
|
2089
|
+
* Describes how the selection was changed.
|
|
2090
|
+
* - `select`—Selects all specified `items` and removes all other persisted ones.
|
|
2091
|
+
* - `remove`—Removes only the specified `items` and leaves all others unchanged.
|
|
2092
|
+
*/
|
|
2093
|
+
action: 'select' | 'remove';
|
|
2094
|
+
/**
|
|
2095
|
+
* Lists the items that change.
|
|
2096
|
+
*/
|
|
2097
|
+
items: any[];
|
|
2098
|
+
/**
|
|
2099
|
+
* The Gantt component that triggers the event.
|
|
2100
|
+
*/
|
|
2101
|
+
sender: GanttComponent;
|
|
2102
|
+
}
|
|
2103
|
+
|
|
2104
|
+
/**
|
|
2105
|
+
* Represents the options for the `filterable` setting of the Gantt.
|
|
2106
|
+
* @hidden
|
|
2107
|
+
*/
|
|
2108
|
+
type FilterableSettings = FilterableSettings$1;
|
|
2109
|
+
|
|
2110
|
+
/**
|
|
2111
|
+
* Represents the [Kendo UI Gantt component for Angular](https://www.telerik.com/kendo-angular-ui/components/gantt).
|
|
2112
|
+
*
|
|
2113
|
+
* Use the Gantt component to display and manage project tasks and dependencies in a timeline view.
|
|
2114
|
+
*
|
|
2115
|
+
* @example
|
|
2116
|
+
* ```ts
|
|
2117
|
+
* import { Component } from '@angular/core';
|
|
2118
|
+
* import { GanttComponent, DependencyType } from '@progress/kendo-angular-gantt';
|
|
2119
|
+
*
|
|
2120
|
+
* @Component({
|
|
2121
|
+
* selector: 'my-app',
|
|
2122
|
+
* template: `
|
|
2123
|
+
* <kendo-gantt
|
|
2124
|
+
* [style.height.px]="500"
|
|
2125
|
+
* [kendoGanttHierarchyBinding]="data"
|
|
2126
|
+
* childrenField="subtasks"
|
|
2127
|
+
* [dependencies]="dependencies">
|
|
2128
|
+
* <kendo-gantt-column field="title" title="Task" [width]="200" [expandable]="true"></kendo-gantt-column>
|
|
2129
|
+
* <kendo-gantt-column field="start" title="Start" format="dd-MMM-yyyy" [width]="120"></kendo-gantt-column>
|
|
2130
|
+
* <kendo-gantt-column field="end" title="End" format="dd-MMM-yyyy" [width]="120"></kendo-gantt-column>
|
|
2131
|
+
* <kendo-gantt-timeline-day-view></kendo-gantt-timeline-day-view>
|
|
2132
|
+
* <kendo-gantt-timeline-week-view></kendo-gantt-timeline-week-view>
|
|
2133
|
+
* <kendo-gantt-timeline-month-view></kendo-gantt-timeline-month-view>
|
|
2134
|
+
* </kendo-gantt>
|
|
2135
|
+
* `
|
|
2136
|
+
* })
|
|
2137
|
+
* export class AppComponent {
|
|
2138
|
+
* public data: Task[] = [
|
|
2139
|
+
* {
|
|
2140
|
+
* id: 1,
|
|
2141
|
+
* title: 'Planning',
|
|
2142
|
+
* start: new Date('2024-01-01'),
|
|
2143
|
+
* end: new Date('2024-01-05'),
|
|
2144
|
+
* subtasks: []
|
|
2145
|
+
* }
|
|
2146
|
+
* ];
|
|
2147
|
+
* public dependencies = [
|
|
2148
|
+
* { id: 1, fromId: 1, toId: 2, type: DependencyType.FS }
|
|
2149
|
+
* ];
|
|
2150
|
+
* }
|
|
2151
|
+
* ```
|
|
2152
|
+
*
|
|
2153
|
+
* @remarks
|
|
2154
|
+
* Supported children components are:
|
|
2155
|
+
* {@link GanttColumnComponent},
|
|
2156
|
+
* {@link GanttSpanColumnComponent},
|
|
2157
|
+
* {@link GanttColumnGroupComponent},
|
|
2158
|
+
* {@link TimelineDayViewComponent},
|
|
2159
|
+
* {@link TimelineWeekViewComponent},
|
|
2160
|
+
* {@link TimelineMonthViewComponent},
|
|
2161
|
+
* {@link TimelineYearViewComponent},
|
|
2162
|
+
* {@link CustomMessagesComponent}.
|
|
2163
|
+
*/
|
|
2164
|
+
declare class GanttComponent implements AfterContentInit, OnChanges, OnDestroy, DataBoundTreeComponent, ExpandableTreeComponent {
|
|
2165
|
+
private timelineViewService;
|
|
2166
|
+
private scrollSyncService;
|
|
2167
|
+
private renderer;
|
|
2168
|
+
private mapper;
|
|
2169
|
+
private optionChangesService;
|
|
2170
|
+
private dependencyDomService;
|
|
2171
|
+
private editService;
|
|
2172
|
+
private localizationService;
|
|
2173
|
+
hostElement: ElementRef<HTMLElement>;
|
|
2174
|
+
private zone;
|
|
2175
|
+
private navigation;
|
|
2176
|
+
private currentTimeMarkerService;
|
|
2177
|
+
private intlService;
|
|
2178
|
+
localeId: string;
|
|
2179
|
+
treeList: TreeListComponent;
|
|
2180
|
+
timeline: GanttTimelineComponent;
|
|
2181
|
+
/**
|
|
2182
|
+
* @hidden
|
|
2183
|
+
*
|
|
2184
|
+
* Queries the template for a task content template declaration.
|
|
2185
|
+
* In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
|
|
2186
|
+
* Therefore the `static` property needs to be set to `false`.
|
|
2187
|
+
*/
|
|
2188
|
+
taskContentTemplate: GanttTaskContentTemplateDirective;
|
|
2189
|
+
/**
|
|
2190
|
+
* @hidden
|
|
2191
|
+
*
|
|
2192
|
+
* Queries the template for a task template declaration.
|
|
2193
|
+
* In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
|
|
2194
|
+
* Therefore the `static` property needs to be set to `false`.
|
|
2195
|
+
*/
|
|
2196
|
+
taskTemplate: GanttTaskTemplateDirective;
|
|
2197
|
+
/**
|
|
2198
|
+
* @hidden
|
|
2199
|
+
*
|
|
2200
|
+
* Queries the template for a task tooltip template declaration.
|
|
2201
|
+
* In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
|
|
2202
|
+
* Therefore the `static` property needs to be set to `false`.
|
|
2203
|
+
*/
|
|
2204
|
+
taskTooltipTemplate: GanttTaskTooltipTemplateDirective;
|
|
2205
|
+
/**
|
|
2206
|
+
* @hidden
|
|
2207
|
+
*
|
|
2208
|
+
* Queries the template for a task drag tooltip template declaration.
|
|
2209
|
+
* In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
|
|
2210
|
+
* Therefore the `static` property needs to be set to `false`.
|
|
2211
|
+
*/
|
|
2212
|
+
taskDragTooltipTemplate: GanttTaskDragTooltipTemplateDirective;
|
|
2213
|
+
/**
|
|
2214
|
+
* @hidden
|
|
2215
|
+
*
|
|
2216
|
+
* Queries the template for a task summary template declaration.
|
|
2217
|
+
* In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
|
|
2218
|
+
* Therefore the `static` property needs to be set to `false`.
|
|
2219
|
+
*/
|
|
2220
|
+
summaryTaskTemplate: GanttSummaryTaskTemplateDirective;
|
|
2221
|
+
toolbarTemplateChildren: QueryList<ToolbarTemplateDirective>;
|
|
2222
|
+
get toolbarTemplate(): ToolbarTemplateDirective;
|
|
2223
|
+
set toolbarTemplate(customToolbarTemplate: ToolbarTemplateDirective);
|
|
2224
|
+
/**
|
|
2225
|
+
* @hidden
|
|
2226
|
+
*/
|
|
2227
|
+
roleDescription: string;
|
|
2228
|
+
get hostRoleDescriptionAttr(): string;
|
|
2229
|
+
/**
|
|
2230
|
+
* @hidden
|
|
2231
|
+
*/
|
|
2232
|
+
role: string;
|
|
2233
|
+
get hostRoleAttr(): string;
|
|
2234
|
+
hostClasses: boolean;
|
|
2235
|
+
get dir(): string;
|
|
2236
|
+
/**
|
|
2237
|
+
* A query list of all declared columns.
|
|
2238
|
+
*/
|
|
2239
|
+
set columns(columns: QueryList<GanttColumnBase>);
|
|
2240
|
+
get columns(): QueryList<GanttColumnBase>;
|
|
2241
|
+
/**
|
|
2242
|
+
* Sets the fields used to extract task data from the `data` array items.
|
|
2243
|
+
* The `id` field is also used as a unique identifier for TreeList data items.
|
|
2244
|
+
* If not set, task data items must match the [`GanttTask`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/gantttask) interface.
|
|
2245
|
+
*/
|
|
2246
|
+
set taskModelFields(fields: GanttTaskModelFields);
|
|
2247
|
+
/**
|
|
2248
|
+
* Sets the fields used to extract dependency data from the `dependencies` array items.
|
|
2249
|
+
* If not set, dependency data items must match the [`GanttDependency`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttdependency) interface.
|
|
2250
|
+
*/
|
|
2251
|
+
set dependencyModelFields(fields: GanttDependencyModelFields);
|
|
2252
|
+
/**
|
|
2253
|
+
* A query list of all declared views.
|
|
2254
|
+
*/
|
|
2255
|
+
views: QueryList<ViewBase>;
|
|
2256
|
+
/**
|
|
2257
|
+
* Sets the active timeline view.
|
|
2258
|
+
* @default 'week'
|
|
2259
|
+
*/
|
|
2260
|
+
set activeView(view: TimelineViewType);
|
|
2261
|
+
get activeView(): TimelineViewType;
|
|
2262
|
+
/**
|
|
2263
|
+
* @hidden
|
|
2264
|
+
*
|
|
2265
|
+
*/
|
|
2266
|
+
get activeViewCurrentTimeMarker(): boolean | CurrentTimeSettings;
|
|
2267
|
+
/**
|
|
2268
|
+
* Gets or sets the Gantt data.
|
|
2269
|
+
* The task data items must match the [`GanttTask`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/gantttask) interface or use [`taskModelFields`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#taskmodelfields).
|
|
2270
|
+
*/
|
|
2271
|
+
set data(data: any[]);
|
|
2272
|
+
get data(): any[];
|
|
2273
|
+
/**
|
|
2274
|
+
* Specifies a callback to determine if a task is selected ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/selection#custom-selection)).
|
|
2275
|
+
* Set [`selectable`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#selectable) to `true` to use this callback.
|
|
2276
|
+
*/
|
|
2277
|
+
isSelected: (dataItem: object) => boolean;
|
|
2278
|
+
/**
|
|
2279
|
+
* Specifies a callback to validate new dependencies.
|
|
2280
|
+
* Use this callback to control the valid dependencies that users can create ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/editing/dependencies-drag-create#validation)).
|
|
2281
|
+
*/
|
|
2282
|
+
validateNewDependency: (dependency: object) => boolean;
|
|
2283
|
+
/**
|
|
2284
|
+
* Fires when the Gantt selection changes through user interaction.
|
|
2285
|
+
* The event data contains the affected items and the action type.
|
|
2286
|
+
*/
|
|
2287
|
+
selectionChange: EventEmitter<SelectionChangeEvent>;
|
|
2288
|
+
/**
|
|
2289
|
+
* Enables or disables selection in the Gantt ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/selection#custom-selection)).
|
|
2290
|
+
* Set to `true` to allow selection.
|
|
2291
|
+
* > When set to `true`, the [`isSelected`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#isselected) callback has to be provided.
|
|
2292
|
+
* > When applied, the [`SelectableDirective`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/selectabledirective) sets `selectable` to `true` internally.
|
|
2293
|
+
* @default false
|
|
2294
|
+
*/
|
|
2295
|
+
selectable: boolean;
|
|
2296
|
+
/**
|
|
2297
|
+
* Configures the toolbar position and content.
|
|
2298
|
+
* Set `position`, `addTaskTool`, and `viewSelectorTool` as needed.
|
|
2299
|
+
*/
|
|
2300
|
+
set toolbarSettings(value: ToolbarSettings);
|
|
2301
|
+
get toolbarSettings(): ToolbarSettings;
|
|
2302
|
+
/**
|
|
2303
|
+
* Sets the `aria-label` attribute value for the toolbar.
|
|
2304
|
+
* Use this to improve accessibility.
|
|
2305
|
+
* @default "Toolbar"
|
|
2306
|
+
*
|
|
2307
|
+
* @remarks
|
|
2308
|
+
* This property is related to accessibility.
|
|
2309
|
+
*/
|
|
2310
|
+
toolbarAriaLabel: string;
|
|
2311
|
+
/**
|
|
2312
|
+
* Sets the callback function to retrieve child items for a data item.
|
|
2313
|
+
*/
|
|
2314
|
+
set fetchChildren(fn: (dataItem: any) => Observable<object[]> | object[]);
|
|
2315
|
+
get fetchChildren(): (dataItem: any) => Observable<object[]> | object[];
|
|
2316
|
+
/**
|
|
2317
|
+
* Sets the callback function to indicate if a data item has child items.
|
|
2318
|
+
*/
|
|
2319
|
+
set hasChildren(fn: (dataItem: any) => boolean);
|
|
2320
|
+
get hasChildren(): (dataItem: any) => boolean;
|
|
2321
|
+
/**
|
|
2322
|
+
* Sets the dependencies to display between tasks.
|
|
2323
|
+
* Dependency data items must match the [`GanttDependency`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttdependency) interface or use [`dependencyModelFields`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#dependencymodelfields).
|
|
2324
|
+
*/
|
|
2325
|
+
dependencies: any[];
|
|
2326
|
+
/**
|
|
2327
|
+
* Enables sorting for columns with a `field` option.
|
|
2328
|
+
*/
|
|
2329
|
+
sortable: SortSettings;
|
|
2330
|
+
/**
|
|
2331
|
+
* Sets the descriptors for sorting the data.
|
|
2332
|
+
*/
|
|
2333
|
+
sort: SortDescriptor[];
|
|
2334
|
+
/**
|
|
2335
|
+
* Enables filtering for columns with a `field` option.
|
|
2336
|
+
* @default false
|
|
2337
|
+
*/
|
|
2338
|
+
filterable: boolean;
|
|
2339
|
+
/**
|
|
2340
|
+
* Sets the descriptor for filtering the data.
|
|
2341
|
+
*/
|
|
2342
|
+
filter: CompositeFilterDescriptor;
|
|
2343
|
+
/**
|
|
2344
|
+
* Sets the start time of the work day in `HH:mm` format.
|
|
2345
|
+
* @default "08:00"
|
|
2346
|
+
*/
|
|
2347
|
+
workDayStart: string;
|
|
2348
|
+
/**
|
|
2349
|
+
* Sets the end time of the work day in `HH:mm` format.
|
|
2350
|
+
* @default "17:00"
|
|
2351
|
+
*/
|
|
2352
|
+
workDayEnd: string;
|
|
2353
|
+
/**
|
|
2354
|
+
* Sets the start day of the work week (index based).
|
|
2355
|
+
* @default 1
|
|
2356
|
+
*/
|
|
2357
|
+
workWeekStart: Day;
|
|
2358
|
+
/**
|
|
2359
|
+
* Sets the end day of the work week (index based).
|
|
2360
|
+
* @default 5
|
|
2361
|
+
*/
|
|
2362
|
+
workWeekEnd: Day;
|
|
2363
|
+
/**
|
|
2364
|
+
* Enables keyboard navigation for the Gantt.
|
|
2365
|
+
* By default, navigation is enabled for the TreeList and Timeline parts of the component ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/keyboard-navigation)).
|
|
2366
|
+
* @default true
|
|
2367
|
+
*
|
|
2368
|
+
* @remarks
|
|
2369
|
+
* This property is related to accessibility.
|
|
2370
|
+
*/
|
|
2371
|
+
navigable: boolean;
|
|
2372
|
+
/**
|
|
2373
|
+
* Sets the options for the timeline splitter pane.
|
|
2374
|
+
* By default, the pane is collapsible, resizable, not collapsed, and its size is `'50%'`.
|
|
2375
|
+
*/
|
|
2376
|
+
set timelinePaneOptions(value: TimelinePaneOptions);
|
|
2377
|
+
get timelinePaneOptions(): TimelinePaneOptions;
|
|
2378
|
+
/**
|
|
2379
|
+
* Sets the options for the treelist splitter pane.
|
|
2380
|
+
* By default the pane is collapsible and not collapsed.
|
|
2381
|
+
*/
|
|
2382
|
+
set treeListPaneOptions(value: TreeListPaneOptions);
|
|
2383
|
+
get treeListPaneOptions(): TreeListPaneOptions;
|
|
2384
|
+
/**
|
|
2385
|
+
* Sets a function to apply custom CSS classes to each task.
|
|
2386
|
+
* The function receives the task data item.
|
|
2387
|
+
*/
|
|
2388
|
+
set taskClass(fn: TaskClassFn);
|
|
2389
|
+
get taskClass(): TaskClassFn;
|
|
2390
|
+
/**
|
|
2391
|
+
* Sets a function to apply custom CSS classes to each data row.
|
|
2392
|
+
* The function receives the row data item.
|
|
2393
|
+
*/
|
|
2394
|
+
set rowClass(fn: RowClassFn);
|
|
2395
|
+
get rowClass(): RowClassFn;
|
|
2396
|
+
/**
|
|
2397
|
+
* Gets the name of the field that contains the unique identifier for task data items.
|
|
2398
|
+
* @default "id"
|
|
2399
|
+
*/
|
|
2400
|
+
get taskIdField(): any;
|
|
2401
|
+
/**
|
|
2402
|
+
* Sets a callback function to indicate if a data item is expanded.
|
|
2403
|
+
* If not set, all items are expanded and no expand icons are shown.
|
|
2404
|
+
*/
|
|
2405
|
+
isExpanded: (item: object) => boolean;
|
|
2406
|
+
/**
|
|
2407
|
+
* Enables automatic resizing of columns to fit their content.
|
|
2408
|
+
* @default false
|
|
2409
|
+
*/
|
|
2410
|
+
columnsAutoSize: boolean;
|
|
2411
|
+
/**
|
|
2412
|
+
* Sets the current time marker settings for the Gantt.
|
|
2413
|
+
* Applies to all views unless overridden by the settings of a particular view.
|
|
2414
|
+
* @default true
|
|
2415
|
+
*/
|
|
2416
|
+
currentTimeMarker: boolean | CurrentTimeSettings;
|
|
2417
|
+
/**
|
|
2418
|
+
* Enables the column menu for all columns.
|
|
2419
|
+
* @default false
|
|
2420
|
+
*/
|
|
2421
|
+
columnMenu: boolean | ColumnMenuSettings;
|
|
2422
|
+
/**
|
|
2423
|
+
* Enables reordering of the columns by dragging their header cells.
|
|
2424
|
+
* @default false
|
|
2425
|
+
*/
|
|
2426
|
+
columnsReorderable: boolean;
|
|
2427
|
+
/**
|
|
2428
|
+
* Enables resizing of the columns by dragging the header cell edges (resize handles).
|
|
2429
|
+
* @default false
|
|
2430
|
+
*/
|
|
2431
|
+
columnsResizable: boolean;
|
|
2432
|
+
/**
|
|
2433
|
+
* Defines the settings for auto-scrolling during dragging when the pointer moves outside the container ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/editing/dependencies-drag-create#auto-scrolling)).
|
|
2434
|
+
*/
|
|
2435
|
+
set dragScrollSettings(settings: DragScrollSettings);
|
|
2436
|
+
get dragScrollSettings(): DragScrollSettings;
|
|
2437
|
+
/**
|
|
2438
|
+
* Sets the options for the task tooltip, such as `position`, `callout`, and `showAfter`.
|
|
2439
|
+
* @default { position: 'top', callout: true, showAfter: 100 }
|
|
2440
|
+
*/
|
|
2441
|
+
taskTooltipOptions: TaskTooltipOptions;
|
|
2442
|
+
/**
|
|
2443
|
+
* Fires when a row is expanded.
|
|
2444
|
+
*/
|
|
2445
|
+
rowExpand: EventEmitter<ExpandEvent>;
|
|
2446
|
+
/**
|
|
2447
|
+
* Fires when a Gantt task in the timeline pane is double-clicked.
|
|
2448
|
+
* The event data contains the clicked task. Use this event to open a task editing dialog if needed.
|
|
2449
|
+
*/
|
|
2450
|
+
taskDblClick: EventEmitter<TaskClickEvent>;
|
|
2451
|
+
/**
|
|
2452
|
+
* Fires when a cell is double-clicked.
|
|
2453
|
+
*/
|
|
2454
|
+
cellDblClick: EventEmitter<CellClickEvent>;
|
|
2455
|
+
/**
|
|
2456
|
+
* Fires when an edited cell is closed.
|
|
2457
|
+
*/
|
|
2458
|
+
cellClose: EventEmitter<CellCloseEvent>;
|
|
2459
|
+
/**
|
|
2460
|
+
* Fires when the user clicks the `Delete` button in the task editing dialog,
|
|
2461
|
+
* the task delete icon, or presses the `Delete` key on a focused task.
|
|
2462
|
+
* Use this event to open a confirmation dialog if needed.
|
|
2463
|
+
*/
|
|
2464
|
+
taskDelete: EventEmitter<TaskDeleteEvent>;
|
|
2465
|
+
/**
|
|
2466
|
+
* Fires when a row is collapsed.
|
|
2467
|
+
*/
|
|
2468
|
+
rowCollapse: EventEmitter<ExpandEvent>;
|
|
2469
|
+
/**
|
|
2470
|
+
* Fires when the user confirms deleting a task.
|
|
2471
|
+
*/
|
|
2472
|
+
remove: EventEmitter<TaskEditEvent>;
|
|
2473
|
+
/**
|
|
2474
|
+
* Fires when the user cancels editing a task.
|
|
2475
|
+
*/
|
|
2476
|
+
cancel: EventEmitter<TaskEditEvent>;
|
|
2477
|
+
/**
|
|
2478
|
+
* Fires when the user saves an edited task.
|
|
2479
|
+
*/
|
|
2480
|
+
save: EventEmitter<TaskEditEvent>;
|
|
2481
|
+
/**
|
|
2482
|
+
* Fires when the user adds a task.
|
|
2483
|
+
*/
|
|
2484
|
+
taskAdd: EventEmitter<TaskAddEvent>;
|
|
2485
|
+
/**
|
|
2486
|
+
* Fires when the user adds a dependency by dragging [see example](https://www.telerik.com/kendo-angular-ui/components/gantt/editing/dependencies-drag-create#basic-concepts).
|
|
2487
|
+
*/
|
|
2488
|
+
dependencyAdd: EventEmitter<DependencyAddEvent>;
|
|
2489
|
+
/**
|
|
2490
|
+
* Fires when there are changes in the Gantt sorting.
|
|
2491
|
+
* Handle this event to sort the data.
|
|
2492
|
+
*/
|
|
2493
|
+
sortChange: EventEmitter<SortDescriptor[]>;
|
|
2494
|
+
/**
|
|
2495
|
+
* Fires when there are changes in the Gantt filtering.
|
|
2496
|
+
* Handle this event to filter the data.
|
|
2497
|
+
*/
|
|
2498
|
+
filterChange: EventEmitter<CompositeFilterDescriptor>;
|
|
2499
|
+
/**
|
|
2500
|
+
* Fires when the filter or sort state changes.
|
|
2501
|
+
*/
|
|
2502
|
+
dataStateChange: EventEmitter<DataStateChangeEvent>;
|
|
2503
|
+
/**
|
|
2504
|
+
* Fires when the collapsed state of the treelist pane changes.
|
|
2505
|
+
*/
|
|
2506
|
+
treeListPaneCollapsedChange: EventEmitter<boolean>;
|
|
2507
|
+
/**
|
|
2508
|
+
* Fires when the collapsed state of the timeline pane changes.
|
|
2509
|
+
*/
|
|
2510
|
+
timelinePaneCollapsedChange: EventEmitter<boolean>;
|
|
2511
|
+
/**
|
|
2512
|
+
* Fires when the user resizes the timeline pane.
|
|
2513
|
+
*/
|
|
2514
|
+
timelinePaneSizeChange: EventEmitter<string>;
|
|
2515
|
+
/**
|
|
2516
|
+
* Fires when the user selects a different view type.
|
|
2517
|
+
* The event data contains the type of the new view.
|
|
2518
|
+
*/
|
|
2519
|
+
activeViewChange: EventEmitter<TimelineViewType>;
|
|
2520
|
+
/**
|
|
2521
|
+
* Fires when the user completes resizing a column.
|
|
2522
|
+
*/
|
|
2523
|
+
columnResize: EventEmitter<ColumnResizeEvent[]>;
|
|
2524
|
+
/**
|
|
2525
|
+
* Fires when the user completes reordering a column.
|
|
2526
|
+
*/
|
|
2527
|
+
columnReorder: EventEmitter<ColumnReorderEvent>;
|
|
2528
|
+
/**
|
|
2529
|
+
* Fires when the user changes column visibility from the column menu or chooser.
|
|
2530
|
+
*/
|
|
2531
|
+
columnVisibilityChange: EventEmitter<ColumnVisibilityChangeEvent>;
|
|
2532
|
+
/**
|
|
2533
|
+
* @hidden
|
|
2534
|
+
*
|
|
2535
|
+
* Fires when the user changes the locked state of the columns from the column menu or by reordering the columns.
|
|
2536
|
+
*/
|
|
2537
|
+
columnLockedChange: EventEmitter<ColumnLockedChangeEvent>;
|
|
2538
|
+
/**
|
|
2539
|
+
* Fires when a cell is clicked.
|
|
2540
|
+
*/
|
|
2541
|
+
cellClick: EventEmitter<CellClickEvent>;
|
|
2542
|
+
/**
|
|
2543
|
+
* Fires when a task is clicked.
|
|
2544
|
+
*/
|
|
2545
|
+
taskClick: EventEmitter<TaskClickEvent>;
|
|
2546
|
+
/**
|
|
2547
|
+
* @hidden
|
|
2548
|
+
*/
|
|
2549
|
+
get renderedTreeListItems(): any[];
|
|
2550
|
+
/**
|
|
2551
|
+
* @hidden
|
|
2552
|
+
*/
|
|
2553
|
+
get viewItems(): ViewItem[];
|
|
2554
|
+
/**
|
|
2555
|
+
* @hidden
|
|
2556
|
+
*/
|
|
2557
|
+
get filterMenu(): FilterableSettings;
|
|
2558
|
+
/**
|
|
2559
|
+
* @hidden
|
|
2560
|
+
*
|
|
2561
|
+
* Specifies whether the dependency drag clues will be rendered.
|
|
2562
|
+
* Set internally by the dependency-drag-create directive.
|
|
2563
|
+
*
|
|
2564
|
+
* @default false
|
|
2565
|
+
*/
|
|
2566
|
+
renderDependencyDragClues: boolean;
|
|
2567
|
+
/**
|
|
2568
|
+
* @hidden
|
|
2569
|
+
*/
|
|
2570
|
+
timelineSlots: any[];
|
|
2571
|
+
/**
|
|
2572
|
+
* @hidden
|
|
2573
|
+
*/
|
|
2574
|
+
timelineGroupSlots: any[];
|
|
2575
|
+
/**
|
|
2576
|
+
* @hidden
|
|
2577
|
+
*/
|
|
2578
|
+
tableWidth: number;
|
|
2579
|
+
/**
|
|
2580
|
+
* @hidden
|
|
2581
|
+
*/
|
|
2582
|
+
get viewService(): TimelineBaseViewService;
|
|
2583
|
+
/**
|
|
2584
|
+
* @hidden
|
|
2585
|
+
*
|
|
2586
|
+
* Retrieves the `isSelected` callback if `selectable` is set to `true`
|
|
2587
|
+
* Otherwise returns the default callback, which always returns `false`.
|
|
2588
|
+
*/
|
|
2589
|
+
get isTaskSelected(): (dataItem: any) => boolean;
|
|
2590
|
+
/**
|
|
2591
|
+
* @hidden
|
|
2592
|
+
*
|
|
2593
|
+
* Used by the GanttExpandableDirective.
|
|
2594
|
+
*/
|
|
2595
|
+
get idGetter(): any;
|
|
2596
|
+
/**
|
|
2597
|
+
* @hidden
|
|
2598
|
+
*
|
|
2599
|
+
* Used by the views selector.
|
|
2600
|
+
*/
|
|
2601
|
+
get viewTypes(): TimelineViewType[];
|
|
2602
|
+
/**
|
|
2603
|
+
* @hidden
|
|
2604
|
+
*
|
|
2605
|
+
* Used by the GanttExpandableDirective.
|
|
2606
|
+
*/
|
|
2607
|
+
expandStateChange: EventEmitter<any>;
|
|
2608
|
+
/**
|
|
2609
|
+
* @hidden
|
|
2610
|
+
*/
|
|
2611
|
+
showEditingDialog: boolean;
|
|
2612
|
+
/**
|
|
2613
|
+
* @hidden
|
|
2614
|
+
*/
|
|
2615
|
+
showConfirmationDialog: boolean;
|
|
2616
|
+
/**
|
|
2617
|
+
* @hidden
|
|
2618
|
+
*/
|
|
2619
|
+
get isInEditMode(): boolean;
|
|
2620
|
+
/**
|
|
2621
|
+
* @hidden
|
|
2622
|
+
*/
|
|
2623
|
+
showLicenseWatermark: boolean;
|
|
2624
|
+
/**
|
|
2625
|
+
* @hidden
|
|
2626
|
+
*/
|
|
2627
|
+
licenseMessage?: LicenseMessage;
|
|
2628
|
+
private _columns;
|
|
2629
|
+
private _data;
|
|
2630
|
+
private _dragScrollSettings;
|
|
2631
|
+
private _timelinePaneOptions;
|
|
2632
|
+
private _treeListPaneOptions;
|
|
2633
|
+
private _customToolbarTemplate;
|
|
2634
|
+
private _rowClass;
|
|
2635
|
+
private _taskClass;
|
|
2636
|
+
private _activeView;
|
|
2637
|
+
private _toolbarSettings;
|
|
2638
|
+
private _fetchChildren;
|
|
2639
|
+
private _hasChildren;
|
|
2640
|
+
private lastTreeListCellClick;
|
|
2641
|
+
private direction;
|
|
2642
|
+
private rtl;
|
|
2643
|
+
private editItem;
|
|
2644
|
+
private optionChangesSubscriptions;
|
|
2645
|
+
private editServiceSubscription;
|
|
2646
|
+
private localizationSubscription;
|
|
2647
|
+
private intlSubscription;
|
|
2648
|
+
private keydownListenerDisposers;
|
|
2649
|
+
constructor(timelineViewService: TimelineViewService, scrollSyncService: ScrollSyncService, renderer: Renderer2, mapper: MappingService, optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService, editService: EditService, localizationService: LocalizationService, hostElement: ElementRef<HTMLElement>, zone: NgZone, navigation: NavigationService, currentTimeMarkerService: CurrentTimeMarkerService, intlService: IntlService, localeId: string);
|
|
2650
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2651
|
+
ngAfterViewInit(): void;
|
|
2652
|
+
ngAfterContentInit(): void;
|
|
2653
|
+
ngOnDestroy(): void;
|
|
2654
|
+
/**
|
|
2655
|
+
* Focuses the last active cell or task in the Gantt.
|
|
2656
|
+
* If no item was previously focused, focuses the first TreeList cell ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/keyboard-navigation#controlling-the-focus)).
|
|
2657
|
+
*/
|
|
2658
|
+
focus(): void;
|
|
2659
|
+
/**
|
|
2660
|
+
* Focuses the specified cell in the TreeList ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/keyboard-navigation#controlling-the-focus)).
|
|
2661
|
+
* @param rowIndex The row index.
|
|
2662
|
+
* @param colIndex The column index.
|
|
2663
|
+
*/
|
|
2664
|
+
focusCell(rowIndex: number, colIndex: number): void;
|
|
2665
|
+
/**
|
|
2666
|
+
* Focuses the specified task in the Timeline ([see example](https://www.telerik.com/kendo-angular-ui/components/gantt/keyboard-navigation#controlling-the-focus)).
|
|
2667
|
+
* @param taskIndex The index of the task.
|
|
2668
|
+
*/
|
|
2669
|
+
focusTask(taskIndex: number): void;
|
|
2670
|
+
/**
|
|
2671
|
+
* Sets the minimum width for the specified column so that its content fits.
|
|
2672
|
+
* The Gantt must be resizable.
|
|
2673
|
+
* @param column The column to auto-fit.
|
|
2674
|
+
*/
|
|
2675
|
+
autoFitColumn(column: GanttColumnBase): void;
|
|
2676
|
+
/**
|
|
2677
|
+
* Adjusts the width of the specified columns to fit their content.
|
|
2678
|
+
* If no columns are specified, fits all columns.
|
|
2679
|
+
* The Gantt must be resizable to use this method.
|
|
2680
|
+
* @param columns The columns to auto-fit.
|
|
2681
|
+
*/
|
|
2682
|
+
autoFitColumns(columns?: Array<GanttColumnBase> | QueryList<GanttColumnBase>): void;
|
|
2683
|
+
/**
|
|
2684
|
+
* Clears loaded children for the data item so the Gantt fetches them again.
|
|
2685
|
+
* @param dataItem The data item to reload.
|
|
2686
|
+
* @param reloadChildren Whether to reload children.
|
|
2687
|
+
*/
|
|
2688
|
+
reload(dataItem: any, reloadChildren?: boolean): void;
|
|
2689
|
+
/**
|
|
2690
|
+
* Changes the position of the specified column.
|
|
2691
|
+
* The source column must be visible.
|
|
2692
|
+
* @param source The column to move.
|
|
2693
|
+
* @param destIndex The new position index.
|
|
2694
|
+
* @param options Additional options.
|
|
2695
|
+
*/
|
|
2696
|
+
reorderColumn(source: GanttColumnBase, destIndex: number, options?: ColumnReorderConfig): void;
|
|
2697
|
+
/**
|
|
2698
|
+
* Forces the Gantt to re-evaluate data items and re-render the rows and Timeline period, if needed.
|
|
2699
|
+
* Also redraws dependencies and executes row-related callbacks.
|
|
2700
|
+
*/
|
|
2701
|
+
updateView(): void;
|
|
2702
|
+
/**
|
|
2703
|
+
* Opens the task editing dialog for the specified data item.
|
|
2704
|
+
* @param dataItem The task data item.
|
|
2705
|
+
* @param formGroup The form group for editing.
|
|
2706
|
+
*/
|
|
2707
|
+
editTask(dataItem: any, formGroup: FormGroup): void;
|
|
2708
|
+
/**
|
|
2709
|
+
* Closes the task editing dialog.
|
|
2710
|
+
*/
|
|
2711
|
+
closeTaskDialog(): void;
|
|
2712
|
+
/**
|
|
2713
|
+
* Opens the delete task confirmation dialog.
|
|
2714
|
+
*/
|
|
2715
|
+
openConfirmationDialog(): void;
|
|
2716
|
+
/**
|
|
2717
|
+
* @hidden
|
|
2718
|
+
*/
|
|
2719
|
+
handleConfirmationDialogClose(): void;
|
|
2720
|
+
/**
|
|
2721
|
+
* Opens a cell for editing.
|
|
2722
|
+
* @param dataItem The data item.
|
|
2723
|
+
* @param column The column index, name, or object.
|
|
2724
|
+
* @param formGroup The form group for editing.
|
|
2725
|
+
*/
|
|
2726
|
+
editCell(dataItem: any, column: number | string | any, formGroup?: FormGroup): void;
|
|
2727
|
+
/**
|
|
2728
|
+
* Closes the currently edited cell.
|
|
2729
|
+
*/
|
|
2730
|
+
closeCell(): void;
|
|
2731
|
+
/**
|
|
2732
|
+
* @hidden
|
|
2733
|
+
*/
|
|
2734
|
+
handleCellClose(e: CellCloseEvent$1): void;
|
|
2735
|
+
/**
|
|
2736
|
+
* @hidden
|
|
2737
|
+
*/
|
|
2738
|
+
onTreeListCollapsedChange(collapsed: boolean): void;
|
|
2739
|
+
/**
|
|
2740
|
+
* @hidden
|
|
2741
|
+
*/
|
|
2742
|
+
onTimelineCollapsedChange(collapsed: boolean): void;
|
|
2743
|
+
/**
|
|
2744
|
+
* @hidden
|
|
2745
|
+
*/
|
|
2746
|
+
loadTimelineData(): void;
|
|
2747
|
+
/**
|
|
2748
|
+
* @hidden
|
|
2749
|
+
*/
|
|
2750
|
+
showToolbar(position: string): boolean;
|
|
2751
|
+
/**
|
|
2752
|
+
* @hidden
|
|
2753
|
+
*/
|
|
2754
|
+
handleColumnVisibilityChange(event: ColumnVisibilityChangeEvent): void;
|
|
2755
|
+
/**
|
|
2756
|
+
* @hidden
|
|
2757
|
+
*/
|
|
2758
|
+
onTimelinePaneSizeChange(e: string): void;
|
|
2759
|
+
/**
|
|
2760
|
+
* @hidden
|
|
2761
|
+
*/
|
|
2762
|
+
handleTimelineRightClick(event: PointerEvent): void;
|
|
2763
|
+
/**
|
|
2764
|
+
* @hidden
|
|
2765
|
+
*/
|
|
2766
|
+
handleTimelineClick(event: PointerEvent): void;
|
|
2767
|
+
/**
|
|
2768
|
+
* @hidden
|
|
2769
|
+
*/
|
|
2770
|
+
handleTreeListDoubleClick(event: PointerEvent): void;
|
|
2771
|
+
/**
|
|
2772
|
+
* @hidden
|
|
2773
|
+
*/
|
|
2774
|
+
handleTreeListSelectionChange(event: SelectionChangeEvent$1): void;
|
|
2775
|
+
/**
|
|
2776
|
+
* @hidden
|
|
2777
|
+
*/
|
|
2778
|
+
handleTreeListCellClick(event: CellClickEvent$1): void;
|
|
2779
|
+
/**
|
|
2780
|
+
* @hidden
|
|
2781
|
+
*/
|
|
2782
|
+
handleDeleteConfirmation(): void;
|
|
2783
|
+
/**
|
|
2784
|
+
* @hidden
|
|
2785
|
+
*/
|
|
2786
|
+
handleTimelineMouseDown(event: MouseEvent): void;
|
|
2787
|
+
/**
|
|
2788
|
+
* @hidden
|
|
2789
|
+
*/
|
|
2790
|
+
handleTimelineDblClick(event: PointerEvent): void;
|
|
2791
|
+
/**
|
|
2792
|
+
* @hidden
|
|
2793
|
+
*/
|
|
2794
|
+
getText(token: string): string;
|
|
2795
|
+
/**
|
|
2796
|
+
* @hidden
|
|
2797
|
+
*/
|
|
2798
|
+
changeActiveView(view: TimelineViewType): void;
|
|
2799
|
+
/**
|
|
2800
|
+
* @hidden
|
|
2801
|
+
*/
|
|
2802
|
+
notifyTaskClick(event: PointerEvent | KeyboardEvent, dataItem: any, itemIndex: number): void;
|
|
2803
|
+
/**
|
|
2804
|
+
* @hidden
|
|
2805
|
+
*/
|
|
2806
|
+
notifySelectionChange(dataItem: any, action: 'select' | 'remove'): void;
|
|
2807
|
+
/**
|
|
2808
|
+
* @hidden
|
|
2809
|
+
*/
|
|
2810
|
+
notifyTaskDelete(task: any): void;
|
|
2811
|
+
/**
|
|
2812
|
+
* @hidden
|
|
2813
|
+
*/
|
|
2814
|
+
isSameSelection(action: 'select' | 'remove', dataItem: any): boolean;
|
|
2815
|
+
/**
|
|
2816
|
+
* @hidden
|
|
2817
|
+
*/
|
|
2818
|
+
getSelectionAction({ ctrlKey, metaKey }: PointerEvent | KeyboardEvent, dataItem: any): 'select' | 'remove';
|
|
2819
|
+
private updateTreeListGroupClass;
|
|
2820
|
+
/**
|
|
2821
|
+
* Used to hide the vertical scrollbar
|
|
2822
|
+
*/
|
|
2823
|
+
private updateTreeListMargin;
|
|
2824
|
+
private get activeTimelineIndex();
|
|
2825
|
+
private getActiveViewOptions;
|
|
2826
|
+
private getFirstSelectedItem;
|
|
2827
|
+
private defaultValidateNewDependencyCallback;
|
|
2828
|
+
private handleKeydown;
|
|
2829
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttComponent, never>;
|
|
2830
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttComponent, "kendo-gantt", ["kendoGantt"], { "roleDescription": { "alias": "aria-roledescription"; "required": false; }; "role": { "alias": "role"; "required": false; }; "taskModelFields": { "alias": "taskModelFields"; "required": false; }; "dependencyModelFields": { "alias": "dependencyModelFields"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "data": { "alias": "data"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "validateNewDependency": { "alias": "validateNewDependency"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "toolbarSettings": { "alias": "toolbarSettings"; "required": false; }; "toolbarAriaLabel": { "alias": "toolbarAriaLabel"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "dependencies": { "alias": "dependencies"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "workDayStart": { "alias": "workDayStart"; "required": false; }; "workDayEnd": { "alias": "workDayEnd"; "required": false; }; "workWeekStart": { "alias": "workWeekStart"; "required": false; }; "workWeekEnd": { "alias": "workWeekEnd"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "timelinePaneOptions": { "alias": "timelinePaneOptions"; "required": false; }; "treeListPaneOptions": { "alias": "treeListPaneOptions"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "columnsAutoSize": { "alias": "columnsAutoSize"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "columnsReorderable": { "alias": "columnsReorderable"; "required": false; }; "columnsResizable": { "alias": "columnsResizable"; "required": false; }; "dragScrollSettings": { "alias": "dragScrollSettings"; "required": false; }; "taskTooltipOptions": { "alias": "taskTooltipOptions"; "required": false; }; }, { "selectionChange": "selectionChange"; "rowExpand": "rowExpand"; "taskDblClick": "taskDblClick"; "cellDblClick": "cellDblClick"; "cellClose": "cellClose"; "taskDelete": "taskDelete"; "rowCollapse": "rowCollapse"; "remove": "remove"; "cancel": "cancel"; "save": "save"; "taskAdd": "taskAdd"; "dependencyAdd": "dependencyAdd"; "sortChange": "sortChange"; "filterChange": "filterChange"; "dataStateChange": "dataStateChange"; "treeListPaneCollapsedChange": "treeListPaneCollapsedChange"; "timelinePaneCollapsedChange": "timelinePaneCollapsedChange"; "timelinePaneSizeChange": "timelinePaneSizeChange"; "activeViewChange": "activeViewChange"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockedChange": "columnLockedChange"; "cellClick": "cellClick"; "taskClick": "taskClick"; }, ["taskContentTemplate", "taskTemplate", "taskTooltipTemplate", "taskDragTooltipTemplate", "summaryTaskTemplate", "toolbarTemplateChildren", "columns", "views"], never, true, never>;
|
|
2831
|
+
}
|
|
2832
|
+
|
|
2833
|
+
/**
|
|
2834
|
+
* Binds the Gantt to an array of objects by using an ID and parent ID field to define the hierarchy.
|
|
2835
|
+
*
|
|
2836
|
+
* Use this directive to handle in-memory data operations such as sorting and filtering. [See example](https://www.telerik.com/kendo-angular-ui/components/gantt/data-binding/directives#binding-to-flat-data).
|
|
2837
|
+
*
|
|
2838
|
+
* @example
|
|
2839
|
+
* ```html
|
|
2840
|
+
* <kendo-gantt
|
|
2841
|
+
* [kendoGanttFlatBinding]="data"
|
|
2842
|
+
* parentIdField="parentTaskId"
|
|
2843
|
+
* idField="id"
|
|
2844
|
+
* [dependencies]="dependencies">
|
|
2845
|
+
* </kendo-gantt>
|
|
2846
|
+
* ```
|
|
2847
|
+
*
|
|
2848
|
+
* @remarks
|
|
2849
|
+
* Applied to: {@link GanttComponent}
|
|
2850
|
+
*/
|
|
2851
|
+
declare class GanttFlatBindingDirective extends FlatBindingDirective {
|
|
2852
|
+
/**
|
|
2853
|
+
* Sets the array of data to populate the Gantt.
|
|
2854
|
+
*/
|
|
2855
|
+
data: any[];
|
|
2856
|
+
/**
|
|
2857
|
+
* @hidden
|
|
2858
|
+
*/
|
|
2859
|
+
set aggregate(value: any);
|
|
2860
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttFlatBindingDirective, never>;
|
|
2861
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttFlatBindingDirective, "[kendoGanttFlatBinding]", ["kendoGanttFlatBinding"], { "data": { "alias": "kendoGanttFlatBinding"; "required": false; }; }, {}, never, never, true, never>;
|
|
2862
|
+
}
|
|
2863
|
+
|
|
2864
|
+
/**
|
|
2865
|
+
* Binds the Gantt to a tree of objects.
|
|
2866
|
+
*
|
|
2867
|
+
* Use this directive to handle in-memory data operations such as sorting and filtering. [See example](https://www.telerik.com/kendo-angular-ui/components/gantt/data-binding/directives#binding-to-hierarchical-data).
|
|
2868
|
+
*
|
|
2869
|
+
* @example
|
|
2870
|
+
* ```html
|
|
2871
|
+
* <kendo-gantt
|
|
2872
|
+
* [kendoGanttHierarchyBinding]="data"
|
|
2873
|
+
* childrenField="subtasks"
|
|
2874
|
+
* [dependencies]="dependencies">
|
|
2875
|
+
* </kendo-gantt>
|
|
2876
|
+
* ```
|
|
2877
|
+
*
|
|
2878
|
+
* @remarks
|
|
2879
|
+
* Applied to: {@link GanttComponent}
|
|
2880
|
+
*/
|
|
2881
|
+
declare class GanttHierarchyBindingDirective extends HierarchyBindingDirective {
|
|
2882
|
+
/**
|
|
2883
|
+
* Sets the array of data to populate the Gantt.
|
|
2884
|
+
*/
|
|
2885
|
+
data: any[];
|
|
2886
|
+
/**
|
|
2887
|
+
* @hidden
|
|
2888
|
+
*/
|
|
2889
|
+
set aggregate(value: any);
|
|
2890
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttHierarchyBindingDirective, never>;
|
|
2891
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttHierarchyBindingDirective, "[kendoGanttHierarchyBinding]", ["kendoGanttHierarchyBinding"], { "data": { "alias": "kendoGanttHierarchyBinding"; "required": false; }; }, {}, never, never, true, never>;
|
|
2892
|
+
}
|
|
2893
|
+
|
|
2894
|
+
/**
|
|
2895
|
+
* The Gantt ViewSelector component. Shows the current view type and lets you switch to another view type.
|
|
2896
|
+
*/
|
|
2897
|
+
declare class ViewSelectorComponent {
|
|
2898
|
+
private localizationService;
|
|
2899
|
+
hostClass: boolean;
|
|
2900
|
+
/**
|
|
2901
|
+
* Lists the timeline view types in the current Gantt configuration.
|
|
2902
|
+
*/
|
|
2903
|
+
set views(value: TimelineViewType[]);
|
|
2904
|
+
get views(): TimelineViewType[];
|
|
2905
|
+
/**
|
|
2906
|
+
* Sets the current view type.
|
|
2907
|
+
* @default 'week'
|
|
2908
|
+
*/
|
|
2909
|
+
activeView: TimelineViewType;
|
|
2910
|
+
/**
|
|
2911
|
+
* Fires when the user selects a different view type. The event data contains the type of the new view.
|
|
2912
|
+
*/
|
|
2913
|
+
activeViewChange: EventEmitter<TimelineViewType>;
|
|
2914
|
+
/**
|
|
2915
|
+
* @hidden
|
|
2916
|
+
*/
|
|
2917
|
+
segmentedItems: SegmentedItemSettings[];
|
|
2918
|
+
private _views;
|
|
2919
|
+
constructor(localizationService: LocalizationService);
|
|
2920
|
+
/**
|
|
2921
|
+
* @hidden
|
|
2922
|
+
*/
|
|
2923
|
+
get selectedIndex(): number;
|
|
2924
|
+
/**
|
|
2925
|
+
* @hidden
|
|
2926
|
+
*/
|
|
2927
|
+
onSelectedChange(index: number): void;
|
|
2928
|
+
/**
|
|
2929
|
+
* @hidden
|
|
2930
|
+
*/
|
|
2931
|
+
getViewTypeText(viewType: TimelineViewType): string;
|
|
2932
|
+
/**
|
|
2933
|
+
* @hidden
|
|
2934
|
+
*/
|
|
2935
|
+
onActiveViewChange(event: Event): void;
|
|
2936
|
+
private updateSegmentedItems;
|
|
2937
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ViewSelectorComponent, never>;
|
|
2938
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ViewSelectorComponent, "kendo-gantt-view-selector", never, { "views": { "alias": "views"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; }, { "activeViewChange": "activeViewChange"; }, never, never, true, never>;
|
|
2939
|
+
}
|
|
2940
|
+
|
|
2941
|
+
/**
|
|
2942
|
+
* Represents a directive that controls the expanded state of Gantt items.
|
|
2943
|
+
*
|
|
2944
|
+
* @example
|
|
2945
|
+
* ```html
|
|
2946
|
+
* <kendo-gantt kendoGanttExpandable [expandedKeys]="expandedKeys"></kendo-gantt>
|
|
2947
|
+
* ```
|
|
2948
|
+
*
|
|
2949
|
+
* @remarks
|
|
2950
|
+
* Applied to: {@link GanttComponent}
|
|
2951
|
+
*/
|
|
2952
|
+
declare class GanttExpandableDirective extends ExpandableDirective {
|
|
2953
|
+
/**
|
|
2954
|
+
* Sets the item key stored in the `expandedKeys` collection.
|
|
2955
|
+
* The default value is the task data item ID field, specified in the `taskModelFields` object.
|
|
2956
|
+
*/
|
|
2957
|
+
set expandBy(value: string | ((dataItem: any) => any));
|
|
2958
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttExpandableDirective, never>;
|
|
2959
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttExpandableDirective, "[kendoGanttExpandable]", ["kendoGanttExpandable"], { "expandBy": { "alias": "expandBy"; "required": false; }; }, {}, never, never, true, never>;
|
|
2960
|
+
}
|
|
2961
|
+
|
|
2962
|
+
/**
|
|
2963
|
+
* @hidden
|
|
2964
|
+
*
|
|
2965
|
+
* Notifies the timeline-scroll.directive to scroll into view to requested coordinates.
|
|
2966
|
+
* The scrolling is performed based on client (viewport) coordinates.
|
|
2967
|
+
*/
|
|
2968
|
+
declare class TimelineScrollService {
|
|
2969
|
+
readonly horizontalScroll: Subject<number>;
|
|
2970
|
+
readonly verticalScroll: Subject<number>;
|
|
2971
|
+
readonly scrollCancel: Subject<any>;
|
|
2972
|
+
ngOnDestroy(): void;
|
|
2973
|
+
requestHorizontalScroll(clientTop: number): void;
|
|
2974
|
+
requestVerticalScroll(clientLeft: number): void;
|
|
2975
|
+
requestScrollCancel(): void;
|
|
2976
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineScrollService, never>;
|
|
2977
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TimelineScrollService>;
|
|
2978
|
+
}
|
|
2979
|
+
|
|
2980
|
+
/**
|
|
2981
|
+
* Enables creating new dependencies by dragging.
|
|
2982
|
+
*
|
|
2983
|
+
* ```html
|
|
2984
|
+
* <kendo-gantt kendoGanttDependencyDragCreate></kendo-gantt>
|
|
2985
|
+
* ```
|
|
2986
|
+
*
|
|
2987
|
+
* @remarks
|
|
2988
|
+
* Applied to: {@link GanttComponent}
|
|
2989
|
+
*/
|
|
2990
|
+
declare class DependencyDragCreateDirective implements AfterViewInit, OnDestroy {
|
|
2991
|
+
private gantt;
|
|
2992
|
+
private zone;
|
|
2993
|
+
private renderer;
|
|
2994
|
+
private mapper;
|
|
2995
|
+
private popupService;
|
|
2996
|
+
private timelineScrollService;
|
|
2997
|
+
/**
|
|
2998
|
+
* Shows the validation tooltip during drag operations.
|
|
2999
|
+
*
|
|
3000
|
+
* @default true
|
|
3001
|
+
*/
|
|
3002
|
+
displayValidationTooltip: boolean;
|
|
3003
|
+
private get container();
|
|
3004
|
+
private get polyline();
|
|
3005
|
+
private get popupContainer();
|
|
3006
|
+
/**
|
|
3007
|
+
* Points to the drag clue where the dragging started (the FROM task).
|
|
3008
|
+
* Used to attach/detach classes to the target element and its task wrapper parent element.
|
|
3009
|
+
*/
|
|
3010
|
+
private fromTaskClue;
|
|
3011
|
+
/**
|
|
3012
|
+
* The drag start element coords will be the same through the enitre dragging session, so compute them on press and cache them.
|
|
3013
|
+
*/
|
|
3014
|
+
private polylineStartCoords;
|
|
3015
|
+
/**
|
|
3016
|
+
* Stored during dragging to be consumed by the container scroll subscription.
|
|
3017
|
+
* The scroll event doesn't expose the current pointer position, so it has to be stored separately.
|
|
3018
|
+
*/
|
|
3019
|
+
private currentPointerClientCoords;
|
|
3020
|
+
private scrollListenerDisposer;
|
|
3021
|
+
private dragPopup;
|
|
3022
|
+
private dragSubscriptions;
|
|
3023
|
+
constructor(gantt: GanttComponent, zone: NgZone, renderer: Renderer2, mapper: MappingService, popupService: PopupService, timelineScrollService: TimelineScrollService);
|
|
3024
|
+
ngAfterViewInit(): void;
|
|
3025
|
+
ngOnDestroy(): void;
|
|
3026
|
+
private subscribeDraggable;
|
|
3027
|
+
private unsubscribeDraggable;
|
|
3028
|
+
private handlePress;
|
|
3029
|
+
private handleDrag;
|
|
3030
|
+
private handleRelease;
|
|
3031
|
+
private updatePolyline;
|
|
3032
|
+
private clearPolyline;
|
|
3033
|
+
private assignDragStartClasses;
|
|
3034
|
+
private removeDragStartClasses;
|
|
3035
|
+
private scrollPointIntoView;
|
|
3036
|
+
private cancelScroll;
|
|
3037
|
+
private addScrollListener;
|
|
3038
|
+
private removeScrollListener;
|
|
3039
|
+
private openDragPopup;
|
|
3040
|
+
private updateDragPopup;
|
|
3041
|
+
private closeDragPopup;
|
|
3042
|
+
private extractTaskName;
|
|
3043
|
+
private getTooltipContext;
|
|
3044
|
+
/**
|
|
3045
|
+
* Restricts the popup position to not go below the scroll height or width of the container.
|
|
3046
|
+
* Flips the position of the popup when there's not enough vertical space in the visible part of the container to render the popup.
|
|
3047
|
+
*/
|
|
3048
|
+
private normalizePopupPosition;
|
|
3049
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DependencyDragCreateDirective, never>;
|
|
3050
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DependencyDragCreateDirective, "[kendoGanttDependencyDragCreate]", never, { "displayValidationTooltip": { "alias": "displayValidationTooltip"; "required": false; }; }, {}, never, never, true, never>;
|
|
3051
|
+
}
|
|
3052
|
+
|
|
3053
|
+
/**
|
|
3054
|
+
* Represents the Gantt timeline day view component.
|
|
3055
|
+
*
|
|
3056
|
+
* @example
|
|
3057
|
+
* ```html
|
|
3058
|
+
* <kendo-gantt-timeline-day-view></kendo-gantt-timeline-day-view>
|
|
3059
|
+
* ```
|
|
3060
|
+
*/
|
|
3061
|
+
declare class TimelineDayViewComponent extends ViewBase {
|
|
3062
|
+
/**
|
|
3063
|
+
* Specifies the type for this view (`day`).
|
|
3064
|
+
*/
|
|
3065
|
+
readonly type: TimelineViewType;
|
|
3066
|
+
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
3067
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineDayViewComponent, never>;
|
|
3068
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineDayViewComponent, "kendo-gantt-timeline-day-view", never, {}, {}, never, never, true, never>;
|
|
3069
|
+
}
|
|
3070
|
+
|
|
3071
|
+
/**
|
|
3072
|
+
* Represents the Gantt timeline week view component.
|
|
3073
|
+
*
|
|
3074
|
+
* @example
|
|
3075
|
+
* ```html
|
|
3076
|
+
* <kendo-gantt-timeline-week-view></kendo-gantt-timeline-week-view>
|
|
3077
|
+
* ```
|
|
3078
|
+
*/
|
|
3079
|
+
declare class TimelineWeekViewComponent extends ViewBase {
|
|
3080
|
+
/**
|
|
3081
|
+
* Specifies the type for this view (`week`).
|
|
3082
|
+
*/
|
|
3083
|
+
readonly type: TimelineViewType;
|
|
3084
|
+
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
3085
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineWeekViewComponent, never>;
|
|
3086
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineWeekViewComponent, "kendo-gantt-timeline-week-view", never, {}, {}, never, never, true, never>;
|
|
3087
|
+
}
|
|
3088
|
+
|
|
3089
|
+
/**
|
|
3090
|
+
* Represents the Gantt timeline month view component.
|
|
3091
|
+
*
|
|
3092
|
+
* @example
|
|
3093
|
+
* ```html
|
|
3094
|
+
* <kendo-gantt-timeline-month-view></kendo-gantt-timeline-month-view>
|
|
3095
|
+
* ```
|
|
3096
|
+
*/
|
|
3097
|
+
declare class TimelineMonthViewComponent extends ViewBase {
|
|
3098
|
+
/**
|
|
3099
|
+
* Specifies the type for this view (`month`).
|
|
3100
|
+
*/
|
|
3101
|
+
readonly type: TimelineViewType;
|
|
3102
|
+
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
3103
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineMonthViewComponent, never>;
|
|
3104
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineMonthViewComponent, "kendo-gantt-timeline-month-view", never, {}, {}, never, never, true, never>;
|
|
3105
|
+
}
|
|
3106
|
+
|
|
3107
|
+
/**
|
|
3108
|
+
* Represents the Gantt timeline year view component.
|
|
3109
|
+
*
|
|
3110
|
+
* @example
|
|
3111
|
+
* ```html
|
|
3112
|
+
* <kendo-gantt-timeline-year-view></kendo-gantt-timeline-year-view>
|
|
3113
|
+
* ```
|
|
3114
|
+
*/
|
|
3115
|
+
declare class TimelineYearViewComponent extends ViewBase {
|
|
3116
|
+
/**
|
|
3117
|
+
* Specifies the type for this view (`year`).
|
|
3118
|
+
*/
|
|
3119
|
+
readonly type: TimelineViewType;
|
|
3120
|
+
constructor(optionChangesService: OptionChangesService, dependencyDomService: DependencyDomService);
|
|
3121
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineYearViewComponent, never>;
|
|
3122
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineYearViewComponent, "kendo-gantt-timeline-year-view", never, {}, {}, never, never, true, never>;
|
|
3123
|
+
}
|
|
3124
|
+
|
|
3125
|
+
/**
|
|
3126
|
+
* Handles the [`selectionChange`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/ganttcomponent#selectionchange) event of the Gantt component.
|
|
3127
|
+
* ([See example](https://www.telerik.com/kendo-angular-ui/components/gantt/selection#built-in-directive)).
|
|
3128
|
+
*
|
|
3129
|
+
* @example
|
|
3130
|
+
* ```html
|
|
3131
|
+
* <kendo-gantt kendoGanttSelectable [(selectedKeys)]="selectedKeys"></kendo-gantt>
|
|
3132
|
+
* ```
|
|
3133
|
+
*
|
|
3134
|
+
* @remarks
|
|
3135
|
+
* Applied to: {@link GanttComponent}
|
|
3136
|
+
*/
|
|
3137
|
+
declare class SelectableDirective implements OnDestroy {
|
|
3138
|
+
private gantt;
|
|
3139
|
+
/**
|
|
3140
|
+
* @hidden
|
|
3141
|
+
*/
|
|
3142
|
+
set selectable(value: boolean);
|
|
3143
|
+
/**
|
|
3144
|
+
* Sets the selected keys.
|
|
3145
|
+
*/
|
|
3146
|
+
set selectedKeys(value: any[]);
|
|
3147
|
+
/**
|
|
3148
|
+
* Emits when the selected keys change.
|
|
3149
|
+
*/
|
|
3150
|
+
selectedKeysChange: EventEmitter<any[]>;
|
|
3151
|
+
/**
|
|
3152
|
+
* Sets the field name or function that identifies the unique key for a data item.
|
|
3153
|
+
* Uses the string field `id` by default.
|
|
3154
|
+
*/
|
|
3155
|
+
set itemKey(value: string | ((dataItem: any) => any));
|
|
3156
|
+
private get keyGetter();
|
|
3157
|
+
private selectionSubscription;
|
|
3158
|
+
private state;
|
|
3159
|
+
private lastChange;
|
|
3160
|
+
private _keyGetter;
|
|
3161
|
+
constructor(gantt: GanttComponent);
|
|
3162
|
+
ngOnDestroy(): void;
|
|
3163
|
+
private isSelected;
|
|
3164
|
+
private selectionChange;
|
|
3165
|
+
private emitSelectedItemsChange;
|
|
3166
|
+
private subscribeSelection;
|
|
3167
|
+
private unsubscribeSelection;
|
|
3168
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectableDirective, never>;
|
|
3169
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableDirective, "[kendoGanttSelectable]", ["kendoGanttSelectable"], { "selectable": { "alias": "selectable"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; }, { "selectedKeysChange": "selectedKeysChange"; }, never, never, true, never>;
|
|
3170
|
+
}
|
|
3171
|
+
|
|
3172
|
+
/**
|
|
3173
|
+
* @hidden
|
|
3174
|
+
*/
|
|
3175
|
+
declare class Messages extends ComponentMessages {
|
|
3176
|
+
/**
|
|
3177
|
+
* The title of the "General" tab of the editing dialog TabStrip.
|
|
3178
|
+
*/
|
|
3179
|
+
taskEditingGeneralTabTitle: string;
|
|
3180
|
+
/**
|
|
3181
|
+
* The title of the "Predecessors" dependencies tab of the editing dialog TabStrip.
|
|
3182
|
+
*/
|
|
3183
|
+
taskEditingPredecessorsTabTitle: string;
|
|
3184
|
+
/**
|
|
3185
|
+
* The title of the "Successors" dependencies tab of the editing dialog TabStrip.
|
|
3186
|
+
*/
|
|
3187
|
+
taskEditingSuccessorsTabTitle: string;
|
|
3188
|
+
/**
|
|
3189
|
+
* The text of the "Add" button in the dependencies tabs of the editing dialog TabStrip.
|
|
3190
|
+
*/
|
|
3191
|
+
taskEditingDependenciesAddButtonText: string;
|
|
3192
|
+
/**
|
|
3193
|
+
* The text of the "Remove" button in the dependencies tabs of the editing dialog TabStrip.
|
|
3194
|
+
*/
|
|
3195
|
+
taskEditingDependenciesRemoveButtonText: string;
|
|
3196
|
+
/**
|
|
3197
|
+
* The title of the "Task Title" Grid column in the dependencies tabs of the editing dialog TabStrip.
|
|
3198
|
+
*/
|
|
3199
|
+
taskEditingDependenciesGridNameColumnTitle: string;
|
|
3200
|
+
/**
|
|
3201
|
+
* The title of the "Type" Grid column in the dependencies tabs of the editing dialog TabStrip.
|
|
3202
|
+
*/
|
|
3203
|
+
taskEditingDependenciesGridTypeColumnTitle: string;
|
|
3204
|
+
/**
|
|
3205
|
+
* The text of the task editing dialog 'Delete' button.
|
|
3206
|
+
*/
|
|
3207
|
+
deleteButtonText: string;
|
|
3208
|
+
/**
|
|
3209
|
+
* The label for the task delete button.
|
|
3210
|
+
*/
|
|
3211
|
+
taskDeleteLabel: string;
|
|
3212
|
+
/**
|
|
3213
|
+
* The title of the task editing dialog.
|
|
3214
|
+
*/
|
|
3215
|
+
taskEditingDialogTitle: string;
|
|
3216
|
+
/**
|
|
3217
|
+
* The title of the task editing dialog close button.
|
|
3218
|
+
*/
|
|
3219
|
+
taskEditingDialogCloseTitle: string;
|
|
3220
|
+
/**
|
|
3221
|
+
* The title of the confirmation dialog close button.
|
|
3222
|
+
*/
|
|
3223
|
+
confirmationDialogCloseTitle: string;
|
|
3224
|
+
/**
|
|
3225
|
+
* The title of the delete task confirmation dialog.
|
|
3226
|
+
*/
|
|
3227
|
+
confirmationDialogTitle: string;
|
|
3228
|
+
/**
|
|
3229
|
+
* The text of the DropDownButton in the AddTask component.
|
|
3230
|
+
*/
|
|
3231
|
+
addTaskText: string;
|
|
3232
|
+
/**
|
|
3233
|
+
* The text of the `Add Child` option in the AddTask component.
|
|
3234
|
+
*/
|
|
3235
|
+
addChildText: string;
|
|
3236
|
+
/**
|
|
3237
|
+
* The text of the `Add Above` option in the AddTask component.
|
|
3238
|
+
*/
|
|
3239
|
+
addAboveText: string;
|
|
3240
|
+
/**
|
|
3241
|
+
* The text of the `Add Below` option in the AddTask component.
|
|
3242
|
+
*/
|
|
3243
|
+
addBelowText: string;
|
|
3244
|
+
/**
|
|
3245
|
+
* The text of the task editing dialog `Cancel` button.
|
|
3246
|
+
*/
|
|
3247
|
+
cancelButtonText: string;
|
|
3248
|
+
/**
|
|
3249
|
+
* The text of the task editing dialog `Save` button.
|
|
3250
|
+
*/
|
|
3251
|
+
saveButtonText: string;
|
|
3252
|
+
/**
|
|
3253
|
+
* The label of the 'title' field input in editing mode.
|
|
3254
|
+
*/
|
|
3255
|
+
titleFieldInputLabel: string;
|
|
3256
|
+
/**
|
|
3257
|
+
* The label of the 'start' field input in editing mode.
|
|
3258
|
+
*/
|
|
3259
|
+
startFieldInputLabel: string;
|
|
3260
|
+
/**
|
|
3261
|
+
* The label of the 'end' field input in editing mode.
|
|
3262
|
+
*/
|
|
3263
|
+
endFieldInputLabel: string;
|
|
3264
|
+
/**
|
|
3265
|
+
* The label of the 'completionRatio' field input in editing mode.
|
|
3266
|
+
*/
|
|
3267
|
+
completionRatioFieldInputLabel: string;
|
|
3268
|
+
/**
|
|
3269
|
+
* The content of the delete task confirmation dialog.
|
|
3270
|
+
*/
|
|
3271
|
+
confirmationDialogContent: string;
|
|
3272
|
+
/**
|
|
3273
|
+
* The text of the day view in the ViewSelector component.
|
|
3274
|
+
*/
|
|
3275
|
+
dayViewText: string;
|
|
3276
|
+
/**
|
|
3277
|
+
* The text of the week view in the ViewSelector component.
|
|
3278
|
+
*/
|
|
3279
|
+
weekViewText: string;
|
|
3280
|
+
/**
|
|
3281
|
+
* The text of the month view in the ViewSelector component.
|
|
3282
|
+
*/
|
|
3283
|
+
monthViewText: string;
|
|
3284
|
+
/**
|
|
3285
|
+
* The text of the year view in the ViewSelector component.
|
|
3286
|
+
*/
|
|
3287
|
+
yearViewText: string;
|
|
3288
|
+
/**
|
|
3289
|
+
* The no-records text.
|
|
3290
|
+
*/
|
|
3291
|
+
noRecords: string;
|
|
3292
|
+
/**
|
|
3293
|
+
* The label of the filter cell or icon.
|
|
3294
|
+
*/
|
|
3295
|
+
filter: string;
|
|
3296
|
+
/**
|
|
3297
|
+
* The text of the `Equal` (**Is equal to**) filter operator.
|
|
3298
|
+
*/
|
|
3299
|
+
filterEqOperator: string;
|
|
3300
|
+
/**
|
|
3301
|
+
* The text of the `NotEqual` (**Is not equal to**) filter operator.
|
|
3302
|
+
*/
|
|
3303
|
+
filterNotEqOperator: string;
|
|
3304
|
+
/**
|
|
3305
|
+
* The text of the `IsNull` (**Is null**) filter operator.
|
|
3306
|
+
*/
|
|
3307
|
+
filterIsNullOperator: string;
|
|
3308
|
+
/**
|
|
3309
|
+
* The text of the `IsNotNull` (**Is not null**) filter operator.
|
|
3310
|
+
*/
|
|
3311
|
+
filterIsNotNullOperator: string;
|
|
3312
|
+
/**
|
|
3313
|
+
* The text of the `IsEmpty` (**Is empty**) filter operator.
|
|
3314
|
+
*/
|
|
3315
|
+
filterIsEmptyOperator: string;
|
|
3316
|
+
/**
|
|
3317
|
+
* The text of the `IsNotEmpty` (**Is not empty**) filter operator.
|
|
3318
|
+
*/
|
|
3319
|
+
filterIsNotEmptyOperator: string;
|
|
3320
|
+
/**
|
|
3321
|
+
* The text of the `StartsWith` (**Starts with**) filter operator.
|
|
3322
|
+
*/
|
|
3323
|
+
filterStartsWithOperator: string;
|
|
3324
|
+
/**
|
|
3325
|
+
* The text of the `Contains` (**Contains**) filter operator.
|
|
3326
|
+
*/
|
|
3327
|
+
filterContainsOperator: string;
|
|
3328
|
+
/**
|
|
3329
|
+
* The text of the `DoesNotContain` (**Does not contain**) filter operator.
|
|
3330
|
+
*/
|
|
3331
|
+
filterNotContainsOperator: string;
|
|
3332
|
+
/**
|
|
3333
|
+
* The text of the `EndsWith` (**Ends with**) string filter operator.
|
|
3334
|
+
*/
|
|
3335
|
+
filterEndsWithOperator: string;
|
|
3336
|
+
/**
|
|
3337
|
+
* The text of the `GreaterOrEqualTo` (**Is greater than or equal to**) numeric filter operator.
|
|
3338
|
+
*/
|
|
3339
|
+
filterGteOperator: string;
|
|
3340
|
+
/**
|
|
3341
|
+
* The text of the `Greater` (**Is greater than**) numeric filter operator.
|
|
3342
|
+
*/
|
|
3343
|
+
filterGtOperator: string;
|
|
3344
|
+
/**
|
|
3345
|
+
* The text of the `LessOrEqualTo` (**Is less than or equal to**) numeric filter operator.
|
|
3346
|
+
*/
|
|
3347
|
+
filterLteOperator: string;
|
|
3348
|
+
/**
|
|
3349
|
+
* The text of the `Less` (**Is less than**) numeric filter operator.
|
|
3350
|
+
*/
|
|
3351
|
+
filterLtOperator: string;
|
|
3352
|
+
/**
|
|
3353
|
+
* The text of the `IsTrue` Boolean filter option.
|
|
3354
|
+
*/
|
|
3355
|
+
filterIsTrue: string;
|
|
3356
|
+
/**
|
|
3357
|
+
* The text of the `IsFalse` Boolean filter option.
|
|
3358
|
+
*/
|
|
3359
|
+
filterIsFalse: string;
|
|
3360
|
+
/**
|
|
3361
|
+
* The text of the `(All)` option for Boolean filter.
|
|
3362
|
+
*/
|
|
3363
|
+
filterBooleanAll: string;
|
|
3364
|
+
/**
|
|
3365
|
+
* The text of the `AfterOrEqualTo` (**Is after or equal to**) date filter operator.
|
|
3366
|
+
*/
|
|
3367
|
+
filterAfterOrEqualOperator: string;
|
|
3368
|
+
/**
|
|
3369
|
+
* The text of the `After` (**Is after**) date filter operator.
|
|
3370
|
+
*/
|
|
3371
|
+
filterAfterOperator: string;
|
|
3372
|
+
/**
|
|
3373
|
+
* The text of the `Before` (**Is before**) date filter operator.
|
|
3374
|
+
*/
|
|
3375
|
+
filterBeforeOperator: string;
|
|
3376
|
+
/**
|
|
3377
|
+
* The text of the `BeforeOrEqualTo` (**Is before or equal to**) date filter operator.
|
|
3378
|
+
*/
|
|
3379
|
+
filterBeforeOrEqualOperator: string;
|
|
3380
|
+
/**
|
|
3381
|
+
* The text of the **Filter** button.
|
|
3382
|
+
*/
|
|
3383
|
+
filterFilterButton: string;
|
|
3384
|
+
/**
|
|
3385
|
+
* The text of the **Clear filter** button.
|
|
3386
|
+
*/
|
|
3387
|
+
filterClearButton: string;
|
|
3388
|
+
/**
|
|
3389
|
+
* The text of the `And` filter logic.
|
|
3390
|
+
*/
|
|
3391
|
+
filterAndLogic: string;
|
|
3392
|
+
/**
|
|
3393
|
+
* The text of the `Or` filter logic.
|
|
3394
|
+
*/
|
|
3395
|
+
filterOrLogic: string;
|
|
3396
|
+
/**
|
|
3397
|
+
* The loading text.
|
|
3398
|
+
*
|
|
3399
|
+
* > The `loading` property is part of the accessibility support of the Gantt.
|
|
3400
|
+
* Its value is detectable by screen readers and is not otherwise visible.
|
|
3401
|
+
*/
|
|
3402
|
+
loading: string;
|
|
3403
|
+
/**
|
|
3404
|
+
* The title of the icon for the column menu.
|
|
3405
|
+
*/
|
|
3406
|
+
columnMenu: string;
|
|
3407
|
+
/**
|
|
3408
|
+
* The text that is displayed in the column menu for the column items.
|
|
3409
|
+
*/
|
|
3410
|
+
columns: string;
|
|
3411
|
+
/**
|
|
3412
|
+
* @hidden
|
|
3413
|
+
* The text that is displayed in the column menu for the lock item.
|
|
3414
|
+
*/
|
|
3415
|
+
lock: string;
|
|
3416
|
+
/**
|
|
3417
|
+
* @hidden
|
|
3418
|
+
* The text that is displayed in the column menu for the unlock item.
|
|
3419
|
+
*/
|
|
3420
|
+
unlock: string;
|
|
3421
|
+
/**
|
|
3422
|
+
* The label of the sort icon.
|
|
3423
|
+
*/
|
|
3424
|
+
sortable: string;
|
|
3425
|
+
/**
|
|
3426
|
+
* The text that is displayed in the column menu for the ascending sort item.
|
|
3427
|
+
*/
|
|
3428
|
+
sortAscending: string;
|
|
3429
|
+
/**
|
|
3430
|
+
* The text that is displayed in the column menu for the descending sort item.
|
|
3431
|
+
*/
|
|
3432
|
+
sortDescending: string;
|
|
3433
|
+
/**
|
|
3434
|
+
* The status announcement when a column is sorted in an ascending order.
|
|
3435
|
+
* Deprecated - the announcement now relies entirely on the `aria-sort` attribute.
|
|
3436
|
+
* @hidden
|
|
3437
|
+
*/
|
|
3438
|
+
sortedAscending: string;
|
|
3439
|
+
/**
|
|
3440
|
+
* The status announcement when a column is sorted in a descending order.
|
|
3441
|
+
* Deprecated - the announcement now relies entirely on the `aria-sort` attribute.
|
|
3442
|
+
* @hidden
|
|
3443
|
+
*/
|
|
3444
|
+
sortedDescending: string;
|
|
3445
|
+
/**
|
|
3446
|
+
* The status announcement when a column is no longer sorted.
|
|
3447
|
+
*/
|
|
3448
|
+
sortedDefault: string;
|
|
3449
|
+
/**
|
|
3450
|
+
* The text that is displayed in the column menu or in the column chooser item
|
|
3451
|
+
* for the **Apply** button of the columns.
|
|
3452
|
+
*/
|
|
3453
|
+
columnsApply: string;
|
|
3454
|
+
/**
|
|
3455
|
+
* The text that is displayed in the column menu or in the column chooser item
|
|
3456
|
+
* for the **Reset** button of the columns.
|
|
3457
|
+
*/
|
|
3458
|
+
columnsReset: string;
|
|
3459
|
+
/**
|
|
3460
|
+
* The text shown in the task tooltip before the task start date.
|
|
3461
|
+
*/
|
|
3462
|
+
tooltipStartDateText: string;
|
|
3463
|
+
/**
|
|
3464
|
+
* The text shown in the task tooltip before the task end date.
|
|
3465
|
+
*/
|
|
3466
|
+
tooltipEndDateText: string;
|
|
3467
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
|
3468
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-gantt-messages-base", never, { "taskEditingGeneralTabTitle": { "alias": "taskEditingGeneralTabTitle"; "required": false; }; "taskEditingPredecessorsTabTitle": { "alias": "taskEditingPredecessorsTabTitle"; "required": false; }; "taskEditingSuccessorsTabTitle": { "alias": "taskEditingSuccessorsTabTitle"; "required": false; }; "taskEditingDependenciesAddButtonText": { "alias": "taskEditingDependenciesAddButtonText"; "required": false; }; "taskEditingDependenciesRemoveButtonText": { "alias": "taskEditingDependenciesRemoveButtonText"; "required": false; }; "taskEditingDependenciesGridNameColumnTitle": { "alias": "taskEditingDependenciesGridNameColumnTitle"; "required": false; }; "taskEditingDependenciesGridTypeColumnTitle": { "alias": "taskEditingDependenciesGridTypeColumnTitle"; "required": false; }; "deleteButtonText": { "alias": "deleteButtonText"; "required": false; }; "taskDeleteLabel": { "alias": "taskDeleteLabel"; "required": false; }; "taskEditingDialogTitle": { "alias": "taskEditingDialogTitle"; "required": false; }; "taskEditingDialogCloseTitle": { "alias": "taskEditingDialogCloseTitle"; "required": false; }; "confirmationDialogCloseTitle": { "alias": "confirmationDialogCloseTitle"; "required": false; }; "confirmationDialogTitle": { "alias": "confirmationDialogTitle"; "required": false; }; "addTaskText": { "alias": "addTaskText"; "required": false; }; "addChildText": { "alias": "addChildText"; "required": false; }; "addAboveText": { "alias": "addAboveText"; "required": false; }; "addBelowText": { "alias": "addBelowText"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "saveButtonText": { "alias": "saveButtonText"; "required": false; }; "titleFieldInputLabel": { "alias": "titleFieldInputLabel"; "required": false; }; "startFieldInputLabel": { "alias": "startFieldInputLabel"; "required": false; }; "endFieldInputLabel": { "alias": "endFieldInputLabel"; "required": false; }; "completionRatioFieldInputLabel": { "alias": "completionRatioFieldInputLabel"; "required": false; }; "confirmationDialogContent": { "alias": "confirmationDialogContent"; "required": false; }; "dayViewText": { "alias": "dayViewText"; "required": false; }; "weekViewText": { "alias": "weekViewText"; "required": false; }; "monthViewText": { "alias": "monthViewText"; "required": false; }; "yearViewText": { "alias": "yearViewText"; "required": false; }; "noRecords": { "alias": "noRecords"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterEqOperator": { "alias": "filterEqOperator"; "required": false; }; "filterNotEqOperator": { "alias": "filterNotEqOperator"; "required": false; }; "filterIsNullOperator": { "alias": "filterIsNullOperator"; "required": false; }; "filterIsNotNullOperator": { "alias": "filterIsNotNullOperator"; "required": false; }; "filterIsEmptyOperator": { "alias": "filterIsEmptyOperator"; "required": false; }; "filterIsNotEmptyOperator": { "alias": "filterIsNotEmptyOperator"; "required": false; }; "filterStartsWithOperator": { "alias": "filterStartsWithOperator"; "required": false; }; "filterContainsOperator": { "alias": "filterContainsOperator"; "required": false; }; "filterNotContainsOperator": { "alias": "filterNotContainsOperator"; "required": false; }; "filterEndsWithOperator": { "alias": "filterEndsWithOperator"; "required": false; }; "filterGteOperator": { "alias": "filterGteOperator"; "required": false; }; "filterGtOperator": { "alias": "filterGtOperator"; "required": false; }; "filterLteOperator": { "alias": "filterLteOperator"; "required": false; }; "filterLtOperator": { "alias": "filterLtOperator"; "required": false; }; "filterIsTrue": { "alias": "filterIsTrue"; "required": false; }; "filterIsFalse": { "alias": "filterIsFalse"; "required": false; }; "filterBooleanAll": { "alias": "filterBooleanAll"; "required": false; }; "filterAfterOrEqualOperator": { "alias": "filterAfterOrEqualOperator"; "required": false; }; "filterAfterOperator": { "alias": "filterAfterOperator"; "required": false; }; "filterBeforeOperator": { "alias": "filterBeforeOperator"; "required": false; }; "filterBeforeOrEqualOperator": { "alias": "filterBeforeOrEqualOperator"; "required": false; }; "filterFilterButton": { "alias": "filterFilterButton"; "required": false; }; "filterClearButton": { "alias": "filterClearButton"; "required": false; }; "filterAndLogic": { "alias": "filterAndLogic"; "required": false; }; "filterOrLogic": { "alias": "filterOrLogic"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "lock": { "alias": "lock"; "required": false; }; "unlock": { "alias": "unlock"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortAscending": { "alias": "sortAscending"; "required": false; }; "sortDescending": { "alias": "sortDescending"; "required": false; }; "sortedAscending": { "alias": "sortedAscending"; "required": false; }; "sortedDescending": { "alias": "sortedDescending"; "required": false; }; "sortedDefault": { "alias": "sortedDefault"; "required": false; }; "columnsApply": { "alias": "columnsApply"; "required": false; }; "columnsReset": { "alias": "columnsReset"; "required": false; }; "tooltipStartDateText": { "alias": "tooltipStartDateText"; "required": false; }; "tooltipEndDateText": { "alias": "tooltipEndDateText"; "required": false; }; }, {}, never, never, true, never>;
|
|
3469
|
+
}
|
|
3470
|
+
|
|
3471
|
+
/**
|
|
3472
|
+
* Represents the custom messages component for the Kendo UI for Angular Gantt.
|
|
3473
|
+
* Use this component to override default messages.
|
|
3474
|
+
*
|
|
3475
|
+
* @example
|
|
3476
|
+
* ```html
|
|
3477
|
+
* <kendo-gantt-messages
|
|
3478
|
+
* addTaskText="Add Task"
|
|
3479
|
+
* cancelButtonText="Cancel">
|
|
3480
|
+
* </kendo-gantt-messages>
|
|
3481
|
+
* ```
|
|
3482
|
+
*/
|
|
3483
|
+
declare class CustomMessagesComponent extends Messages {
|
|
3484
|
+
protected service: LocalizationService;
|
|
3485
|
+
constructor(service: LocalizationService);
|
|
3486
|
+
protected get override(): boolean;
|
|
3487
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
|
|
3488
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-gantt-messages", never, {}, {}, never, never, true, never>;
|
|
3489
|
+
}
|
|
3490
|
+
|
|
3491
|
+
/**
|
|
3492
|
+
* Displays the UI for adding new items to the Gantt.
|
|
3493
|
+
* Use this in a toolbar template to show a custom icon or a list of options.
|
|
3494
|
+
*/
|
|
3495
|
+
declare class GanttAddTaskComponent {
|
|
3496
|
+
private localizationService;
|
|
3497
|
+
private editService;
|
|
3498
|
+
private ngZone;
|
|
3499
|
+
/**
|
|
3500
|
+
* Sets the data for the DropDownButton.
|
|
3501
|
+
* Provide the data as an array-like list.
|
|
3502
|
+
*/
|
|
3503
|
+
data: GanttAddTaskActionItem[];
|
|
3504
|
+
/**
|
|
3505
|
+
* Sets the name of an existing icon in a Kendo UI theme.
|
|
3506
|
+
* @default 'plus'
|
|
3507
|
+
*/
|
|
3508
|
+
icon: string;
|
|
3509
|
+
/**
|
|
3510
|
+
* Sets an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render inside the `GanttAddTaskComponent` using
|
|
3511
|
+
* an [`SVGIconComponent`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgiconcomponent).
|
|
3512
|
+
*/
|
|
3513
|
+
svgIcon: SVGIcon;
|
|
3514
|
+
constructor(localizationService: LocalizationService, editService: EditService, ngZone: NgZone);
|
|
3515
|
+
/**
|
|
3516
|
+
* @hidden
|
|
3517
|
+
*/
|
|
3518
|
+
getText(message: string): string;
|
|
3519
|
+
/**
|
|
3520
|
+
* @hidden
|
|
3521
|
+
*/
|
|
3522
|
+
handleOpen(e: any): void;
|
|
3523
|
+
/**
|
|
3524
|
+
* @hidden
|
|
3525
|
+
*/
|
|
3526
|
+
handleMouseClick(): void;
|
|
3527
|
+
/**
|
|
3528
|
+
* @hidden
|
|
3529
|
+
*/
|
|
3530
|
+
handleItemClick(e: any): void;
|
|
3531
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttAddTaskComponent, never>;
|
|
3532
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttAddTaskComponent, "kendo-gantt-add-task", never, { "data": { "alias": "data"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, {}, never, never, true, never>;
|
|
3533
|
+
}
|
|
3534
|
+
|
|
3535
|
+
/**
|
|
3536
|
+
* Represents the Gantt task drag directive.
|
|
3537
|
+
*
|
|
3538
|
+
* Use this directive to enable dragging of tasks in the Gantt. The directive listens and emits events with information about the dragged task.
|
|
3539
|
+
*
|
|
3540
|
+
* @example
|
|
3541
|
+
* ```html
|
|
3542
|
+
* <kendo-gantt [data]="tasks" kendoGanttTaskDrag (taskDrag)="onTaskDrag($event)" (taskDragEnd)="onTaskDragEnd($event)">
|
|
3543
|
+
* </kendo-gantt>
|
|
3544
|
+
* ```
|
|
3545
|
+
*
|
|
3546
|
+
* @remarks
|
|
3547
|
+
* Applied to: {@link GanttComponent}
|
|
3548
|
+
*/
|
|
3549
|
+
declare class TaskDragDirective {
|
|
3550
|
+
/**
|
|
3551
|
+
* Emits while the user resizes or moves a task by dragging.
|
|
3552
|
+
*/
|
|
3553
|
+
taskDrag: EventEmitter<TaskDragEvent>;
|
|
3554
|
+
/**
|
|
3555
|
+
* Fires when the user finishes dragging to resize or move a task.
|
|
3556
|
+
* The event data gives you all information needed to update the task and related tasks.
|
|
3557
|
+
*/
|
|
3558
|
+
taskDragEnd: EventEmitter<TaskDragEvent>;
|
|
3559
|
+
private subs;
|
|
3560
|
+
constructor(gantt: GanttComponent, mapper: MappingService, dragTargetContainer: DragTargetContainerDirective, taskDragService: TaskDragService);
|
|
3561
|
+
ngOnDestroy(): void;
|
|
3562
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TaskDragDirective, never>;
|
|
3563
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TaskDragDirective, "[kendoGanttTaskDrag]", never, {}, { "taskDrag": "taskDrag"; "taskDragEnd": "taskDragEnd"; }, never, never, true, [{ directive: typeof i1.DragTargetContainerDirective; inputs: {}; outputs: {}; }]>;
|
|
3564
|
+
}
|
|
3565
|
+
|
|
3566
|
+
/**
|
|
3567
|
+
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Gantt component.
|
|
3568
|
+
*
|
|
3569
|
+
* Use this module to include the Gantt component in your NgModule-based application.
|
|
3570
|
+
*
|
|
3571
|
+
* @example
|
|
3572
|
+
* ```typescript
|
|
3573
|
+
* import { GanttModule } from '@progress/kendo-angular-gantt';
|
|
3574
|
+
* import { NgModule } from '@angular/core';
|
|
3575
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
3576
|
+
* import { AppComponent } from './app.component';
|
|
3577
|
+
*
|
|
3578
|
+
* @NgModule({
|
|
3579
|
+
* declarations: [AppComponent],
|
|
3580
|
+
* imports: [BrowserModule, GanttModule],
|
|
3581
|
+
* bootstrap: [AppComponent]
|
|
3582
|
+
* })
|
|
3583
|
+
* export class AppModule {}
|
|
3584
|
+
* ```
|
|
3585
|
+
*/
|
|
3586
|
+
declare class GanttModule {
|
|
3587
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttModule, never>;
|
|
3588
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<GanttModule, never, [typeof GanttComponent, typeof GanttFlatBindingDirective, typeof GanttHierarchyBindingDirective, typeof GanttTaskContentTemplateDirective, typeof GanttTaskTemplateDirective, typeof GanttSummaryTaskTemplateDirective, typeof GanttTaskDragTooltipTemplateDirective, typeof ToolbarTemplateDirective, typeof ViewSelectorComponent, typeof GanttColumnComponent, typeof GanttColumnGroupComponent, typeof GanttSpanColumnComponent, typeof FilterCellTemplateDirective, typeof FilterMenuTemplateDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof ColumnMenuTemplateDirective, typeof HeaderTemplateDirective, typeof FooterTemplateDirective, typeof GanttExpandableDirective, typeof DependencyDragCreateDirective, typeof TimelineDayViewComponent, typeof TimelineWeekViewComponent, typeof TimelineMonthViewComponent, typeof TimelineYearViewComponent, typeof SelectableDirective, typeof CustomMessagesComponent, typeof GanttAddTaskComponent, typeof TaskDragDirective, typeof GanttTaskTooltipTemplateDirective], [typeof GanttComponent, typeof GanttFlatBindingDirective, typeof GanttHierarchyBindingDirective, typeof GanttTaskContentTemplateDirective, typeof GanttTaskTemplateDirective, typeof GanttSummaryTaskTemplateDirective, typeof GanttTaskDragTooltipTemplateDirective, typeof ToolbarTemplateDirective, typeof ViewSelectorComponent, typeof GanttColumnComponent, typeof GanttColumnGroupComponent, typeof GanttSpanColumnComponent, typeof FilterCellTemplateDirective, typeof FilterMenuTemplateDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof ColumnMenuTemplateDirective, typeof HeaderTemplateDirective, typeof FooterTemplateDirective, typeof GanttExpandableDirective, typeof DependencyDragCreateDirective, typeof TimelineDayViewComponent, typeof TimelineWeekViewComponent, typeof TimelineMonthViewComponent, typeof TimelineYearViewComponent, typeof SelectableDirective, typeof CustomMessagesComponent, typeof GanttAddTaskComponent, typeof TaskDragDirective, typeof GanttTaskTooltipTemplateDirective]>;
|
|
3589
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<GanttModule>;
|
|
3590
|
+
}
|
|
3591
|
+
|
|
3592
|
+
/**
|
|
3593
|
+
* @hidden
|
|
3594
|
+
*/
|
|
3595
|
+
declare class TaskFieldsComponent {
|
|
3596
|
+
mapper: MappingService;
|
|
3597
|
+
private editService;
|
|
3598
|
+
private localizationService;
|
|
3599
|
+
constructor(mapper: MappingService, editService: EditService, localizationService: GanttLocalizationService);
|
|
3600
|
+
/**
|
|
3601
|
+
* @hidden
|
|
3602
|
+
*/
|
|
3603
|
+
get formGroup(): FormGroup;
|
|
3604
|
+
getText(token: string): string;
|
|
3605
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TaskFieldsComponent, never>;
|
|
3606
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TaskFieldsComponent, "kendo-gantt-task-fields", never, {}, {}, never, never, true, never>;
|
|
3607
|
+
}
|
|
3608
|
+
|
|
3609
|
+
/**
|
|
3610
|
+
* @hidden
|
|
3611
|
+
*/
|
|
3612
|
+
declare class DependenciesTableComponent {
|
|
3613
|
+
mapper: MappingService;
|
|
3614
|
+
editService: EditService;
|
|
3615
|
+
private localizationService;
|
|
3616
|
+
tasks: any[];
|
|
3617
|
+
dependencies: any[];
|
|
3618
|
+
dependencyType: 'predecessor' | 'successor';
|
|
3619
|
+
dependenciesChange: EventEmitter<any>;
|
|
3620
|
+
selectedKeys: any[];
|
|
3621
|
+
formGroups: FormArray;
|
|
3622
|
+
dependencyTypes: {
|
|
3623
|
+
type: string;
|
|
3624
|
+
id: number;
|
|
3625
|
+
}[];
|
|
3626
|
+
plusIcon: SVGIcon;
|
|
3627
|
+
minusIcon: SVGIcon;
|
|
3628
|
+
get taskId(): number;
|
|
3629
|
+
get dependencyIdField(): string;
|
|
3630
|
+
constructor(mapper: MappingService, editService: EditService, localizationService: GanttLocalizationService);
|
|
3631
|
+
ngOnInit(): void;
|
|
3632
|
+
getFormControl(dataItemIndex: number, field: string): FormControl;
|
|
3633
|
+
getText(token: string): string;
|
|
3634
|
+
getDependencyTypes(): {
|
|
3635
|
+
type: string;
|
|
3636
|
+
id: number;
|
|
3637
|
+
}[];
|
|
3638
|
+
addHandler(): void;
|
|
3639
|
+
removeHandler(): void;
|
|
3640
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DependenciesTableComponent, never>;
|
|
3641
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DependenciesTableComponent, "kendo-gantt-dependencies-table", never, { "tasks": { "alias": "tasks"; "required": false; }; "dependencies": { "alias": "dependencies"; "required": false; }; "dependencyType": { "alias": "dependencyType"; "required": false; }; }, { "dependenciesChange": "dependenciesChange"; }, never, never, true, never>;
|
|
3642
|
+
}
|
|
3643
|
+
|
|
3644
|
+
/**
|
|
3645
|
+
* @hidden
|
|
3646
|
+
*/
|
|
3647
|
+
declare class EditDialogComponent {
|
|
3648
|
+
mapper: MappingService;
|
|
3649
|
+
editService: EditService;
|
|
3650
|
+
cdr: ChangeDetectorRef;
|
|
3651
|
+
private localizationService;
|
|
3652
|
+
data: any[];
|
|
3653
|
+
loadedTasks: any[];
|
|
3654
|
+
saveIcon: SVGIcon;
|
|
3655
|
+
cancelIcon: SVGIcon;
|
|
3656
|
+
deleteIcon: SVGIcon;
|
|
3657
|
+
constructor(mapper: MappingService, editService: EditService, cdr: ChangeDetectorRef, localizationService: LocalizationService);
|
|
3658
|
+
ngOnInit(): void;
|
|
3659
|
+
get predecessors(): GanttDependency[];
|
|
3660
|
+
set predecessors(items: GanttDependency[]);
|
|
3661
|
+
get successors(): GanttDependency[];
|
|
3662
|
+
set successors(items: GanttDependency[]);
|
|
3663
|
+
getText(token: string): string;
|
|
3664
|
+
getDependencyType(typeId: number): string;
|
|
3665
|
+
handleEditingResult(editResultType: 'save' | 'cancel'): void;
|
|
3666
|
+
handleTaskDelete(): void;
|
|
3667
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditDialogComponent, never>;
|
|
3668
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditDialogComponent, "kendo-gantt-edit-dialog", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
3669
|
+
}
|
|
3670
|
+
|
|
3671
|
+
/**
|
|
3672
|
+
* @hidden
|
|
3673
|
+
*/
|
|
3674
|
+
declare class DragValidationTooltipComponent {
|
|
3675
|
+
/**
|
|
3676
|
+
* Sets the status class of the attempted operation.
|
|
3677
|
+
* Note that the status will be ignored and the `neutral` status class will be rendered,
|
|
3678
|
+
* if the any of the fromTaskName or toTaskName are not populated.
|
|
3679
|
+
*/
|
|
3680
|
+
isValid: boolean;
|
|
3681
|
+
/**
|
|
3682
|
+
* The name of the task where the dragging has started.
|
|
3683
|
+
*/
|
|
3684
|
+
fromTaskName: string;
|
|
3685
|
+
/**
|
|
3686
|
+
* The name of the task which is being currently hovered.
|
|
3687
|
+
*/
|
|
3688
|
+
toTaskName: string;
|
|
3689
|
+
/**
|
|
3690
|
+
* Specifies whether the valid/invalid validity classes should be rendered or not.
|
|
3691
|
+
* Prevents the validity classes being rendered when e.g. the same task is hovered during drag,
|
|
3692
|
+
* or when a task body is hovered and not an actual drag clue.
|
|
3693
|
+
*/
|
|
3694
|
+
showValidityStatus: boolean;
|
|
3695
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DragValidationTooltipComponent, never>;
|
|
3696
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DragValidationTooltipComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
3697
|
+
}
|
|
3698
|
+
|
|
3699
|
+
/**
|
|
3700
|
+
* @hidden
|
|
3701
|
+
*/
|
|
3702
|
+
declare class ToolbarNavigationService {
|
|
3703
|
+
private renderer;
|
|
3704
|
+
focusableContent: any[];
|
|
3705
|
+
focusIndex: number;
|
|
3706
|
+
constructor(renderer: Renderer2);
|
|
3707
|
+
updateFocus(): void;
|
|
3708
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarNavigationService, never>;
|
|
3709
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarNavigationService>;
|
|
3710
|
+
}
|
|
3711
|
+
|
|
3712
|
+
/**
|
|
3713
|
+
* @hidden
|
|
3714
|
+
*/
|
|
3715
|
+
declare class ToolbarComponent {
|
|
3716
|
+
private hostEl;
|
|
3717
|
+
private navigationService;
|
|
3718
|
+
context: any;
|
|
3719
|
+
role: string;
|
|
3720
|
+
hostClasses: boolean;
|
|
3721
|
+
clickHandler(ev: MouseEvent): void;
|
|
3722
|
+
arrowLeftListener(): void;
|
|
3723
|
+
arrowRightListener(): void;
|
|
3724
|
+
activeViewChange: EventEmitter<TimelineViewType>;
|
|
3725
|
+
showAddTask: boolean;
|
|
3726
|
+
showViewSelector: boolean;
|
|
3727
|
+
views: TimelineViewType[];
|
|
3728
|
+
activeView: TimelineViewType;
|
|
3729
|
+
toolbarTemplate: ToolbarTemplateDirective;
|
|
3730
|
+
navigable: boolean;
|
|
3731
|
+
set position(value: 'top' | 'bottom');
|
|
3732
|
+
get position(): 'top' | 'bottom';
|
|
3733
|
+
get toolbarTemplateRef(): TemplateRef<any>;
|
|
3734
|
+
get renderTemplate(): boolean;
|
|
3735
|
+
private _position;
|
|
3736
|
+
constructor(hostEl: ElementRef, navigationService: ToolbarNavigationService);
|
|
3737
|
+
handleViewChange(view: TimelineViewType): void;
|
|
3738
|
+
ngAfterViewInit(): void;
|
|
3739
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
|
|
3740
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "kendo-gantt-toolbar", never, { "showAddTask": { "alias": "showAddTask"; "required": false; }; "showViewSelector": { "alias": "showViewSelector"; "required": false; }; "views": { "alias": "views"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "activeViewChange": "activeViewChange"; }, never, never, true, never>;
|
|
3741
|
+
}
|
|
3742
|
+
|
|
3743
|
+
/**
|
|
3744
|
+
* @hidden
|
|
3745
|
+
*/
|
|
3746
|
+
declare class GanttTaskComponent extends GanttTaskBase {
|
|
3747
|
+
private editService;
|
|
3748
|
+
taskContentTemplate: TemplateRef<any>;
|
|
3749
|
+
taskTemplate: TemplateRef<any>;
|
|
3750
|
+
xIcon: SVGIcon;
|
|
3751
|
+
touchEnabled: boolean;
|
|
3752
|
+
get showDragHandles(): boolean;
|
|
3753
|
+
constructor(editService: EditService, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
|
|
3754
|
+
onTaskDelete(): void;
|
|
3755
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTaskComponent, never>;
|
|
3756
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttTaskComponent, "kendo-gantt-task", never, { "taskContentTemplate": { "alias": "taskContentTemplate"; "required": false; }; "taskTemplate": { "alias": "taskTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
3757
|
+
}
|
|
3758
|
+
|
|
3759
|
+
/**
|
|
3760
|
+
* @hidden
|
|
3761
|
+
*/
|
|
3762
|
+
declare class GanttMilestoneTaskComponent extends GanttTaskBase {
|
|
3763
|
+
milestoneWrapperClass: boolean;
|
|
3764
|
+
touchEnabled: boolean;
|
|
3765
|
+
constructor(mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
|
|
3766
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttMilestoneTaskComponent, never>;
|
|
3767
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttMilestoneTaskComponent, "kendo-gantt-milestone-task", never, {}, {}, never, never, true, never>;
|
|
3768
|
+
}
|
|
3769
|
+
|
|
3770
|
+
/**
|
|
3771
|
+
* @hidden
|
|
3772
|
+
*/
|
|
3773
|
+
declare class GanttSummaryTaskComponent extends GanttTaskBase {
|
|
3774
|
+
summaryWrapperClass: boolean;
|
|
3775
|
+
template: TemplateRef<any>;
|
|
3776
|
+
isExpanded: (task: object) => boolean;
|
|
3777
|
+
touchEnabled: boolean;
|
|
3778
|
+
get ariaExpanded(): string;
|
|
3779
|
+
constructor(mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
|
|
3780
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttSummaryTaskComponent, never>;
|
|
3781
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttSummaryTaskComponent, "kendo-gantt-summary-task", never, { "template": { "alias": "template"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; }, {}, never, never, true, never>;
|
|
3782
|
+
}
|
|
3783
|
+
|
|
3784
|
+
/**
|
|
3785
|
+
* @hidden
|
|
3786
|
+
*/
|
|
3787
|
+
declare class GanttHeaderTableBodyComponent {
|
|
3788
|
+
tbodyClass: boolean;
|
|
3789
|
+
groupSlots: any[];
|
|
3790
|
+
slots: any[];
|
|
3791
|
+
trackBySlotIndex(index: number, item: any): string;
|
|
3792
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttHeaderTableBodyComponent, never>;
|
|
3793
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttHeaderTableBodyComponent, "[kendoGanttHeaderTableBody]", never, { "groupSlots": { "alias": "groupSlots"; "required": false; }; "slots": { "alias": "slots"; "required": false; }; }, {}, never, never, true, never>;
|
|
3794
|
+
}
|
|
3795
|
+
|
|
3796
|
+
/**
|
|
3797
|
+
* @hidden
|
|
3798
|
+
*/
|
|
3799
|
+
declare class GanttTasksTableBodyComponent {
|
|
3800
|
+
private dependencyDomService;
|
|
3801
|
+
private mapper;
|
|
3802
|
+
set timelineRow(timelineRow: ElementRef<HTMLTableRowElement>);
|
|
3803
|
+
selectable: boolean;
|
|
3804
|
+
rows: ViewItem[];
|
|
3805
|
+
activeView: TimelineViewType;
|
|
3806
|
+
taskContentTemplate: TemplateRef<any>;
|
|
3807
|
+
taskTemplate: TemplateRef<any>;
|
|
3808
|
+
summaryTaskTemplate: TemplateRef<any>;
|
|
3809
|
+
taskClass: TaskClassFn;
|
|
3810
|
+
isExpanded: (item: object) => boolean;
|
|
3811
|
+
isTaskSelected: (item: object) => boolean;
|
|
3812
|
+
renderDependencyDragClues: boolean;
|
|
3813
|
+
taskPointerEnter: EventEmitter<GanttTask>;
|
|
3814
|
+
taskPointerLeave: EventEmitter<undefined>;
|
|
3815
|
+
constructor(dependencyDomService: DependencyDomService, mapper: MappingService);
|
|
3816
|
+
trackBy: (_: number, item: any) => any;
|
|
3817
|
+
isMileStone(item: ViewItem): boolean;
|
|
3818
|
+
mapItemToTask(item: any): any;
|
|
3819
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTasksTableBodyComponent, never>;
|
|
3820
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttTasksTableBodyComponent, "[kendoGanttTasksTableBody]", never, { "selectable": { "alias": "selectable"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "taskContentTemplate": { "alias": "taskContentTemplate"; "required": false; }; "taskTemplate": { "alias": "taskTemplate"; "required": false; }; "summaryTaskTemplate": { "alias": "summaryTaskTemplate"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "isTaskSelected": { "alias": "isTaskSelected"; "required": false; }; "renderDependencyDragClues": { "alias": "renderDependencyDragClues"; "required": false; }; }, { "taskPointerEnter": "taskPointerEnter"; "taskPointerLeave": "taskPointerLeave"; }, never, never, true, never>;
|
|
3821
|
+
}
|
|
3822
|
+
|
|
3823
|
+
/**
|
|
3824
|
+
* @hidden
|
|
3825
|
+
*/
|
|
3826
|
+
declare class TimelineScrollableDirective {
|
|
3827
|
+
private timelineScrollableContainer;
|
|
3828
|
+
private scrollService;
|
|
3829
|
+
private zone;
|
|
3830
|
+
scrollSettings: DragScrollSettings;
|
|
3831
|
+
private subscriptions;
|
|
3832
|
+
private verticalScrollInterval;
|
|
3833
|
+
private horizontalScrollInterval;
|
|
3834
|
+
constructor(timelineScrollableContainer: ElementRef<Element>, scrollService: TimelineScrollService, zone: NgZone);
|
|
3835
|
+
ngOnDestroy(): void;
|
|
3836
|
+
private scrollHorizontallyTo;
|
|
3837
|
+
private scrollVerticallyTo;
|
|
3838
|
+
private cancelScroll;
|
|
3839
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineScrollableDirective, never>;
|
|
3840
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineScrollableDirective, "[kendoGanttTimelineScrollable]", never, { "scrollSettings": { "alias": "scrollSettings"; "required": false; }; }, {}, never, never, true, never>;
|
|
3841
|
+
}
|
|
3842
|
+
|
|
3843
|
+
/**
|
|
3844
|
+
* @hidden
|
|
3845
|
+
*/
|
|
3846
|
+
declare class GanttDependencyDirective {
|
|
3847
|
+
private polyline;
|
|
3848
|
+
private zone;
|
|
3849
|
+
private renderer;
|
|
3850
|
+
private mapper;
|
|
3851
|
+
private dependencyDomService;
|
|
3852
|
+
dependency: any;
|
|
3853
|
+
private subscriptions;
|
|
3854
|
+
constructor(polyline: ElementRef<SVGPolylineElement>, zone: NgZone, renderer: Renderer2, mapper: MappingService, dependencyDomService: DependencyDomService);
|
|
3855
|
+
ngOnDestroy(): void;
|
|
3856
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
3857
|
+
updatePoints({ timelineRow, contentContainer, tasks }: DependencyDomArgs): void;
|
|
3858
|
+
private clearPoints;
|
|
3859
|
+
private drawPoints;
|
|
3860
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttDependencyDirective, never>;
|
|
3861
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttDependencyDirective, "[kendoGanttDependency]", never, { "dependency": { "alias": "dependency"; "required": false; }; }, {}, never, never, true, never>;
|
|
3862
|
+
}
|
|
3863
|
+
|
|
3864
|
+
/**
|
|
3865
|
+
* @hidden
|
|
3866
|
+
*/
|
|
3867
|
+
declare class LocalizedMessagesDirective extends Messages {
|
|
3868
|
+
protected service: LocalizationService;
|
|
3869
|
+
constructor(service: LocalizationService);
|
|
3870
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
3871
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoGanttLocalizedMessages]", never, {}, {}, never, never, true, never>;
|
|
3872
|
+
}
|
|
3873
|
+
|
|
3874
|
+
/**
|
|
3875
|
+
* Use the `KENDO_GANTT` utility array to import all Kendo UI for Angular Gantt components and directives to a standalone Angular component.
|
|
3876
|
+
*/
|
|
3877
|
+
declare const KENDO_GANTT: readonly [typeof GanttComponent, typeof GanttFlatBindingDirective, typeof GanttHierarchyBindingDirective, typeof GanttTaskContentTemplateDirective, typeof GanttTaskTemplateDirective, typeof GanttSummaryTaskTemplateDirective, typeof GanttTaskDragTooltipTemplateDirective, typeof ToolbarTemplateDirective, typeof ViewSelectorComponent, typeof GanttColumnComponent, typeof GanttColumnGroupComponent, typeof GanttSpanColumnComponent, typeof FilterCellTemplateDirective, typeof FilterMenuTemplateDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof ColumnMenuTemplateDirective, typeof HeaderTemplateDirective, typeof FooterTemplateDirective, typeof GanttExpandableDirective, typeof DependencyDragCreateDirective, typeof TimelineDayViewComponent, typeof TimelineWeekViewComponent, typeof TimelineMonthViewComponent, typeof TimelineYearViewComponent, typeof SelectableDirective, typeof CustomMessagesComponent, typeof GanttAddTaskComponent, typeof TaskDragDirective, typeof GanttTaskTooltipTemplateDirective];
|
|
3878
|
+
|
|
3879
|
+
export { CellCloseEvent, CellTemplateDirective, ColumnMenuTemplateDirective, CustomMessagesComponent, DependenciesTableComponent, DependencyDragCreateDirective, DependencyType, DragValidationTooltipComponent, EditDialogComponent, EditTemplateDirective, FilterCellTemplateDirective, FilterMenuTemplateDirective, FooterTemplateDirective, GanttAddTaskComponent, GanttColumnBase, GanttColumnComponent, GanttColumnGroupComponent, GanttComponent, GanttDependencyDirective, GanttExpandableDirective, GanttFlatBindingDirective, GanttHeaderTableBodyComponent, GanttHierarchyBindingDirective, GanttMilestoneTaskComponent, GanttModule, GanttSpanColumnComponent, GanttSummaryTaskComponent, GanttSummaryTaskTemplateDirective, GanttTaskComponent, GanttTaskContentTemplateDirective, GanttTaskDragTooltipTemplateDirective, GanttTaskTemplateDirective, GanttTaskTooltipTemplateDirective, GanttTasksTableBodyComponent, GanttTimelineComponent, HeaderTemplateDirective, KENDO_GANTT, LocalizedMessagesDirective, SelectableDirective, TaskDragDirective, TaskFieldsComponent, TimelineDayViewComponent, TimelineMonthViewComponent, TimelineScrollableDirective, TimelineWeekViewComponent, TimelineYearViewComponent, ToolbarComponent, ToolbarTemplateDirective, ViewSelectorComponent };
|
|
3880
|
+
export type { CellClickEvent, CellContentType, ClickEvent, ColumnLockedChangeEvent, ColumnMenuSettings, ColumnReorderConfig, ColumnReorderEvent, ColumnResizeEvent, ColumnSortSettings, ColumnVisibilityChangeEvent, CurrentTimeSettings, DataStateChangeEvent, DateRange, DependencyAddEvent, DragScrollSettings, EditEventDependencies, GanttAddTaskActionItem, GanttDependency, GanttDependencyModelFields, GanttTask, GanttTaskModelFields, RowClassFn, SelectedViewChangeEvent, SelectionChangeEvent, Slot, SortSettings, TaskAddEvent, TaskClassFn, TaskClickEvent, TaskDeleteEvent, TaskDragEvent, TaskEditEvent, TaskEditItem, TaskTooltipOptions, TimelineHeaderDateFormat, TimelinePaneOptions, TimelineViewType, ToolbarPosition, ToolbarSettings, TreeListPaneOptions };
|