@progress/kendo-angular-gantt 21.4.1-develop.1 → 22.0.0-develop.1
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/columns/column-base.component.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-gantt.mjs +201 -201
- package/localization/messages.d.ts +1 -1
- package/package.json +22 -30
- package/rendering/gantt-task-base.d.ts +1 -1
- package/schematics/ngAdd/index.js +7 -7
- package/timeline/view-base.d.ts +1 -1
- package/esm2022/binding-directives/flat-binding.directive.mjs +0 -50
- package/esm2022/binding-directives/hierarchy-binding.directive.mjs +0 -49
- package/esm2022/columns/cell-template.directive.mjs +0 -47
- package/esm2022/columns/column-base.component.mjs +0 -22
- package/esm2022/columns/column-group.component.mjs +0 -80
- package/esm2022/columns/column-menu-template.directive.mjs +0 -40
- package/esm2022/columns/column.component.mjs +0 -122
- package/esm2022/columns/columns.mjs +0 -15
- package/esm2022/columns/edit-template.directive.mjs +0 -46
- package/esm2022/columns/filter-cell-template.directive.mjs +0 -32
- package/esm2022/columns/filter-menu-template.directive.mjs +0 -41
- package/esm2022/columns/footer-template.directive.mjs +0 -44
- package/esm2022/columns/header-template.directive.mjs +0 -43
- package/esm2022/columns/span-column.component.mjs +0 -82
- package/esm2022/common/default-callbacks.mjs +0 -25
- package/esm2022/common/mapping.service.mjs +0 -62
- package/esm2022/common/option-changes.service.mjs +0 -28
- package/esm2022/dependencies/dependency-dom.service.mjs +0 -80
- package/esm2022/dependencies/dom-dependency-args.mjs +0 -5
- package/esm2022/dependencies/gantt-dependency.directive.mjs +0 -91
- package/esm2022/dependencies/utils.mjs +0 -195
- package/esm2022/directives.mjs +0 -63
- package/esm2022/dragging/dependency-drag-create.directive.mjs +0 -337
- package/esm2022/dragging/drag-validation-tooltip.component.mjs +0 -70
- package/esm2022/dragging/task-drag.directive.mjs +0 -94
- package/esm2022/dragging/task-drag.service.mjs +0 -239
- package/esm2022/editing/add-task.component.mjs +0 -127
- package/esm2022/editing/dependencies-table.component.mjs +0 -233
- package/esm2022/editing/edit-dialog.component.mjs +0 -225
- package/esm2022/editing/edit.service.mjs +0 -118
- package/esm2022/editing/task-fields.component.mjs +0 -127
- package/esm2022/editing/utils.mjs +0 -15
- package/esm2022/expanded-state/expand-event.mjs +0 -18
- package/esm2022/expanded-state/expandable.directive.mjs +0 -39
- package/esm2022/gantt.component.mjs +0 -2415
- package/esm2022/gantt.module.mjs +0 -132
- package/esm2022/index.mjs +0 -42
- package/esm2022/localization/custom-messages.component.mjs +0 -52
- package/esm2022/localization/gantt-localization.service.mjs +0 -27
- package/esm2022/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/localization/messages.mjs +0 -453
- package/esm2022/models/cell-content-type.interface.mjs +0 -5
- package/esm2022/models/class-callbacks.mjs +0 -5
- package/esm2022/models/column-menu-settings.interface.mjs +0 -5
- package/esm2022/models/column-reorder-config.mjs +0 -5
- package/esm2022/models/current-time-settings.interface.mjs +0 -5
- package/esm2022/models/date-range.interface.mjs +0 -5
- package/esm2022/models/dependency-type.enum.mjs +0 -32
- package/esm2022/models/events/cell-click-event.interface.mjs +0 -5
- package/esm2022/models/events/cell-close-event.interface.mjs +0 -44
- package/esm2022/models/events/click-event.interface.mjs +0 -5
- package/esm2022/models/events/column-locked-change-event.interface.mjs +0 -5
- package/esm2022/models/events/column-reorder-event.interface.mjs +0 -5
- package/esm2022/models/events/column-resize-event.interface.mjs +0 -5
- package/esm2022/models/events/column-visibility-change-event.interface.mjs +0 -5
- package/esm2022/models/events/data-state-change-event.interface.mjs +0 -5
- package/esm2022/models/events/dependency-add-event.interface.mjs +0 -5
- package/esm2022/models/events/index.mjs +0 -5
- package/esm2022/models/events/selected-view-change-event.interface.mjs +0 -5
- package/esm2022/models/events/task-add-event.interface.mjs +0 -5
- package/esm2022/models/events/task-click-event.interface.mjs +0 -5
- package/esm2022/models/events/task-delete-event.interface.mjs +0 -5
- package/esm2022/models/events/task-drag-event.interface.mjs +0 -5
- package/esm2022/models/events/task-edit-event.interface.mjs +0 -5
- package/esm2022/models/filterable-settings.mjs +0 -5
- package/esm2022/models/gantt-dependency-model-fields.interface.mjs +0 -13
- package/esm2022/models/gantt-dependency.interface.mjs +0 -5
- package/esm2022/models/gantt-task-model-fields.interface.mjs +0 -15
- package/esm2022/models/gantt-task.interface.mjs +0 -5
- package/esm2022/models/models.mjs +0 -8
- package/esm2022/models/slot.interface.mjs +0 -5
- package/esm2022/models/sort-settings.mjs +0 -17
- package/esm2022/models/splitter-pane-options.interface.mjs +0 -20
- package/esm2022/models/timeline-header-date-format.mjs +0 -5
- package/esm2022/models/timeline-options.interface.mjs +0 -5
- package/esm2022/models/timeline-view.mjs +0 -5
- package/esm2022/models/toolbar-settings.mjs +0 -5
- package/esm2022/models/tooltip-options.interface.mjs +0 -5
- package/esm2022/models/view-item.interface.mjs +0 -5
- package/esm2022/navigation/navigation-models.mjs +0 -5
- package/esm2022/navigation/navigation.service.mjs +0 -271
- package/esm2022/navigation/utils.mjs +0 -61
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-gantt.mjs +0 -8
- package/esm2022/rendering/gantt-header-table-body.component.mjs +0 -61
- package/esm2022/rendering/gantt-milestone-task.component.mjs +0 -102
- package/esm2022/rendering/gantt-summary-task.component.mjs +0 -157
- package/esm2022/rendering/gantt-task-base.mjs +0 -230
- package/esm2022/rendering/gantt-task.component.mjs +0 -227
- package/esm2022/rendering/gantt-tasks-table-body.component.mjs +0 -206
- package/esm2022/scrolling/drag-scroll-settings.mjs +0 -20
- package/esm2022/scrolling/scroll-sync.service.mjs +0 -83
- package/esm2022/scrolling/timeline-scroll.directive.mjs +0 -83
- package/esm2022/scrolling/timeline-scroll.service.mjs +0 -37
- package/esm2022/scrolling/utils.mjs +0 -77
- package/esm2022/selection/selectable.directive.mjs +0 -126
- package/esm2022/selection/selection-change-event.mjs +0 -5
- package/esm2022/template-directives/summary-task-template.directive.mjs +0 -43
- package/esm2022/template-directives/task-content-template.directive.mjs +0 -46
- package/esm2022/template-directives/task-drag-tooltip-template.directive.mjs +0 -47
- package/esm2022/template-directives/task-template.directive.mjs +0 -41
- package/esm2022/template-directives/task-tooltip-template.directive.mjs +0 -48
- package/esm2022/timeline/current-time-marker.service.mjs +0 -90
- package/esm2022/timeline/gantt-timeline.component.mjs +0 -624
- package/esm2022/timeline/timeline-base-view.service.mjs +0 -201
- package/esm2022/timeline/timeline-day-view.component.mjs +0 -49
- package/esm2022/timeline/timeline-day-view.service.mjs +0 -68
- package/esm2022/timeline/timeline-month-view.component.mjs +0 -49
- package/esm2022/timeline/timeline-month-view.service.mjs +0 -66
- package/esm2022/timeline/timeline-view.service.mjs +0 -38
- package/esm2022/timeline/timeline-week-view.component.mjs +0 -49
- package/esm2022/timeline/timeline-week-view.service.mjs +0 -62
- package/esm2022/timeline/timeline-year-view.component.mjs +0 -49
- package/esm2022/timeline/timeline-year-view.service.mjs +0 -57
- package/esm2022/timeline/view-base.mjs +0 -73
- package/esm2022/toolbar/toolbar-navigation.service.mjs +0 -29
- package/esm2022/toolbar/toolbar-template.directive.mjs +0 -56
- package/esm2022/toolbar/toolbar.component.mjs +0 -181
- package/esm2022/toolbar/view-selector.component.mjs +0 -112
- package/esm2022/utils.mjs +0 -311
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const DEFAULT_DEPENDENCY_MODEL_FIELDS = Object.freeze({
|
|
9
|
-
toId: 'toId',
|
|
10
|
-
fromId: 'fromId',
|
|
11
|
-
id: 'id',
|
|
12
|
-
type: 'type'
|
|
13
|
-
});
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const DEFAULT_TASK_MODEL_FIELDS = Object.freeze({
|
|
9
|
-
id: 'id',
|
|
10
|
-
start: 'start',
|
|
11
|
-
end: 'end',
|
|
12
|
-
title: 'title',
|
|
13
|
-
completionRatio: 'completionRatio',
|
|
14
|
-
children: 'children'
|
|
15
|
-
});
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export * from './slot.interface';
|
|
6
|
-
export { DependencyType } from './dependency-type.enum';
|
|
7
|
-
// Events models
|
|
8
|
-
export * from './events';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
const DEFAULTS = {
|
|
9
|
-
allowUnsort: true,
|
|
10
|
-
mode: 'single',
|
|
11
|
-
showIndexes: true,
|
|
12
|
-
initialDirection: 'asc'
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export const normalize = (...settings) => Object.assign({}, DEFAULTS, ...settings);
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const DEFAULT_TREELIST_PANE_SETTINGS = Object.freeze({
|
|
9
|
-
collapsible: true,
|
|
10
|
-
collapsed: false
|
|
11
|
-
});
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
export const DEFAULT_TIMELINE_PANE_SETTINGS = Object.freeze({
|
|
16
|
-
collapsible: true,
|
|
17
|
-
collapsed: false,
|
|
18
|
-
size: '50%',
|
|
19
|
-
resizable: true
|
|
20
|
-
});
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,271 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Injectable, NgZone, Renderer2 } from '@angular/core';
|
|
6
|
-
import { Subject } from 'rxjs';
|
|
7
|
-
import { ScrollSyncService } from '../scrolling/scroll-sync.service';
|
|
8
|
-
import { fitToRange, getClosestTaskIndex, isClearButton, isPresent, isTask } from '../utils';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "../scrolling/scroll-sync.service";
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export class NavigationService {
|
|
15
|
-
zone;
|
|
16
|
-
renderer;
|
|
17
|
-
scrollSyncService;
|
|
18
|
-
/**
|
|
19
|
-
* Notifies when the tasks' focused and interactive (tabindex) state has changed.
|
|
20
|
-
*
|
|
21
|
-
* All tasks are rendered with tabindex="-1".
|
|
22
|
-
* 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.
|
|
23
|
-
* All other tasks should get -1 tabindex and have the focus class removed from them.
|
|
24
|
-
*/
|
|
25
|
-
taskStatusChanges = new Subject();
|
|
26
|
-
/**
|
|
27
|
-
* Specifies whether navigation is enabled.
|
|
28
|
-
*/
|
|
29
|
-
get enabled() {
|
|
30
|
-
return this._enabled;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Used to retrieve read-only data about the currently active task.
|
|
34
|
-
*/
|
|
35
|
-
get activeTask() {
|
|
36
|
-
return {
|
|
37
|
-
activeIndex: this.activeTimelineIndex,
|
|
38
|
-
isFocused: this.isTimelineFocused
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Persists the expected Timeline focused task index.
|
|
43
|
-
* When the cells in the TreeList are navigated through, the expected Timeline focus target should also change,
|
|
44
|
-
* in order to allow tabbing from the TreeList to the same row in the Timeline.
|
|
45
|
-
*/
|
|
46
|
-
set activeTimelineIndex(index) {
|
|
47
|
-
this._activeTimelineIndex = index;
|
|
48
|
-
}
|
|
49
|
-
get activeTimelineIndex() {
|
|
50
|
-
const firstAvailableIndex = 0;
|
|
51
|
-
const lastAvailableIndex = this.metadata.treeList.view.data.length - 1;
|
|
52
|
-
return fitToRange(this._activeTimelineIndex, firstAvailableIndex, lastAvailableIndex);
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* Persists the expected TreeList focused cell coords.
|
|
56
|
-
* When the tasks in the Timeline are navigated through, the expected TreeList focus target should also change,
|
|
57
|
-
* in order to allow back-tabbing from the Timeline to the same row in the TreeList.
|
|
58
|
-
*/
|
|
59
|
-
set activeTreeListCell(cell) {
|
|
60
|
-
this._activeTreeListCell = cell;
|
|
61
|
-
}
|
|
62
|
-
get activeTreeListCell() {
|
|
63
|
-
const firstAvailableIndex = 0;
|
|
64
|
-
const lastAvailableRowIndex = this.treeListHeaderRowsCount + this.metadata.treeList.view.data.length - 1;
|
|
65
|
-
const rowIndex = fitToRange(this._activeTreeListCell.rowIndex, firstAvailableIndex, lastAvailableRowIndex);
|
|
66
|
-
const lastAvailableColIndex = this.metadata.columns.length;
|
|
67
|
-
const colIndex = fitToRange(this._activeTreeListCell.colIndex, firstAvailableIndex, lastAvailableColIndex);
|
|
68
|
-
return { rowIndex, colIndex };
|
|
69
|
-
}
|
|
70
|
-
/**
|
|
71
|
-
* Keeps track of whether the Timeline part is focused.
|
|
72
|
-
* Used when the index of the task elements change (tasks are changed, pushed to, spliced from, etc.)
|
|
73
|
-
* and their status should be updated accordingly.
|
|
74
|
-
*/
|
|
75
|
-
isTimelineFocused = false;
|
|
76
|
-
/**
|
|
77
|
-
* The TreeList row index takes into account the header and filter rows.
|
|
78
|
-
* Used when translating Timeline task indices to TreeList row indices.
|
|
79
|
-
*/
|
|
80
|
-
get treeListHeaderRowsCount() {
|
|
81
|
-
// captures nested group header rows + filter row if we start supporting it at some point
|
|
82
|
-
return this.metadata.treeListElement.querySelectorAll('.k-grid-header tr').length;
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* Keeps track of which part has last been focused.
|
|
86
|
-
* Used when calling `gantt.focus()` to determine which part of the component should receive focus.
|
|
87
|
-
*/
|
|
88
|
-
treeListLastActive = false;
|
|
89
|
-
/**
|
|
90
|
-
* Keeps track of which part has last been focused.
|
|
91
|
-
* Used when calling `gantt.focus()` to determine which part of the component should receive focus.
|
|
92
|
-
*/
|
|
93
|
-
timelineLastActive = false;
|
|
94
|
-
metadata;
|
|
95
|
-
_enabled = false;
|
|
96
|
-
_activeTimelineIndex = 0;
|
|
97
|
-
_activeTreeListCell = { rowIndex: 0, colIndex: 0 };
|
|
98
|
-
eventListenerDisposers;
|
|
99
|
-
constructor(zone, renderer, scrollSyncService) {
|
|
100
|
-
this.zone = zone;
|
|
101
|
-
this.renderer = renderer;
|
|
102
|
-
this.scrollSyncService = scrollSyncService;
|
|
103
|
-
}
|
|
104
|
-
initialize(metadata) {
|
|
105
|
-
// no private property setters in TypeScript, so use a getter and a poorly named private prop for this value
|
|
106
|
-
this._enabled = true;
|
|
107
|
-
this.metadata = metadata;
|
|
108
|
-
// TODO: fix in the splitter package and remove
|
|
109
|
-
// move the splitbar HTML element between the two panes to keep the visial tabbing order in tact
|
|
110
|
-
const splitbar = this.metadata.host.querySelector('.k-splitbar');
|
|
111
|
-
if (isPresent(splitbar) && isPresent(splitbar.previousElementSibling) && isPresent(splitbar.after)) {
|
|
112
|
-
splitbar.after(splitbar.previousElementSibling);
|
|
113
|
-
}
|
|
114
|
-
this.zone.runOutsideAngular(() => {
|
|
115
|
-
this.eventListenerDisposers = [
|
|
116
|
-
this.renderer.listen(this.metadata.treeListElement, 'mousedown', this.focusTreeList.bind(this)),
|
|
117
|
-
this.renderer.listen(this.metadata.treeListElement, 'focusin', this.handleTreeListFocusIn.bind(this)),
|
|
118
|
-
this.renderer.listen(this.metadata.timelineElement, 'mousedown', this.handleTimelineMousedown.bind(this)),
|
|
119
|
-
this.renderer.listen(this.metadata.timelineElement, 'focusin', this.handleTimelineFocusIn.bind(this)),
|
|
120
|
-
this.renderer.listen(this.metadata.timelineElement, 'focusout', this.handleTimelineFocusOut.bind(this))
|
|
121
|
-
];
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
ngOnDestroy() {
|
|
125
|
-
if (isPresent(this.eventListenerDisposers)) {
|
|
126
|
-
this.eventListenerDisposers.forEach(removeListener => removeListener());
|
|
127
|
-
this.eventListenerDisposers = null;
|
|
128
|
-
}
|
|
129
|
-
this.metadata = null;
|
|
130
|
-
}
|
|
131
|
-
/**
|
|
132
|
-
* Focuses either the last active TreeList cell, or the last active Timeline task,
|
|
133
|
-
* dependening on which of the two last held focus.
|
|
134
|
-
*
|
|
135
|
-
* Focuses the first TreeList cell by default.
|
|
136
|
-
*/
|
|
137
|
-
focusLastActiveItem() {
|
|
138
|
-
if (this.metadata.data.length === 0 || (!this.treeListLastActive && !this.timelineLastActive)) {
|
|
139
|
-
this.focusCell(0, 0);
|
|
140
|
-
}
|
|
141
|
-
else if (this.treeListLastActive) {
|
|
142
|
-
const { rowIndex, colIndex } = this.activeTreeListCell;
|
|
143
|
-
this.metadata.treeList.focusCell(rowIndex, colIndex);
|
|
144
|
-
}
|
|
145
|
-
else if (this.timelineLastActive) {
|
|
146
|
-
this.focusTask(this.activeTimelineIndex);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
/**
|
|
150
|
-
* Focuses the targeted TreeList cell regardless of the last peresisted target.
|
|
151
|
-
*/
|
|
152
|
-
focusCell(rowIndex, colIndex) {
|
|
153
|
-
this.activeTreeListCell = { rowIndex, colIndex };
|
|
154
|
-
this.activeTimelineIndex = rowIndex - this.treeListHeaderRowsCount;
|
|
155
|
-
this.metadata.treeList.focusCell(this.activeTreeListCell.rowIndex, this.activeTreeListCell.colIndex);
|
|
156
|
-
}
|
|
157
|
-
/**
|
|
158
|
-
* Focuses the targeted Timeline task regardless of the last peresisted target.
|
|
159
|
-
*/
|
|
160
|
-
focusTask(index) {
|
|
161
|
-
this.activeTimelineIndex = index;
|
|
162
|
-
this.isTimelineFocused = true;
|
|
163
|
-
this.activeTreeListCell = {
|
|
164
|
-
rowIndex: index + this.treeListHeaderRowsCount,
|
|
165
|
-
colIndex: this.activeTreeListCell.colIndex
|
|
166
|
-
};
|
|
167
|
-
this.notifyTaskStatusChange();
|
|
168
|
-
}
|
|
169
|
-
/**
|
|
170
|
-
* Updates the focus target flags and notifies the active task to update its focused state.
|
|
171
|
-
*/
|
|
172
|
-
handleTimelineFocusIn({ target }) {
|
|
173
|
-
this.treeListLastActive = false;
|
|
174
|
-
this.timelineLastActive = true;
|
|
175
|
-
this.isTimelineFocused = true;
|
|
176
|
-
if (isTask(target, this.metadata.timelineElement)) {
|
|
177
|
-
this.notifyTaskStatusChange();
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
/**
|
|
181
|
-
* Updates the timeline focus state flag and notifies the active task to update its focused state.
|
|
182
|
-
*/
|
|
183
|
-
handleTimelineFocusOut({ relatedTarget }) {
|
|
184
|
-
this.isTimelineFocused = this.metadata.timelineElement.contains(relatedTarget);
|
|
185
|
-
// update the task element only if the new focus target is not in the Timeline - focus change between tasks is handled in the focusin handler
|
|
186
|
-
if (!isTask(relatedTarget, this.metadata.timelineElement)) {
|
|
187
|
-
this.notifyTaskStatusChange();
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
/**
|
|
191
|
-
* Updates the focus target flags and corrects the TreeList focus target if needed.
|
|
192
|
-
* As the TreeList will keep its last focused cell with tabindex="0",
|
|
193
|
-
* this methods forcefully focuses the correct cell,
|
|
194
|
-
* when navigating in the Timeline has updated the expected TreeList focus target.
|
|
195
|
-
*/
|
|
196
|
-
handleTreeListFocusIn(event) {
|
|
197
|
-
this.treeListLastActive = true;
|
|
198
|
-
this.timelineLastActive = false;
|
|
199
|
-
// if the previous focus target was in the TreeList, rely on its component navigation and just record the focused item index
|
|
200
|
-
if (this.metadata.treeListElement.contains(event.relatedTarget)) {
|
|
201
|
-
const { colIndex, rowIndex } = this.metadata.treeList.activeCell;
|
|
202
|
-
this.activeTreeListCell = { colIndex, rowIndex };
|
|
203
|
-
}
|
|
204
|
-
else {
|
|
205
|
-
// if the previous focus target was outside the TreeList, ensure the expected focus coords are used
|
|
206
|
-
const { rowIndex, colIndex } = this.activeTreeListCell;
|
|
207
|
-
this.metadata.treeList.focusCell(rowIndex, colIndex); // activates the target cell even if it has tabindex="-1"
|
|
208
|
-
}
|
|
209
|
-
this.activeTimelineIndex = this.metadata.treeList.activeCell.dataRowIndex;
|
|
210
|
-
this.notifyTaskStatusChange();
|
|
211
|
-
if (this.metadata.treeList.activeCell.dataRowIndex >= 0) {
|
|
212
|
-
this.scrollHorizontallyToTask();
|
|
213
|
-
this.scrollSyncService.syncScrollTop('treelist', 'timeline');
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
updateActiveTimeLineIndex(index) {
|
|
217
|
-
this.activeTimelineIndex = index;
|
|
218
|
-
}
|
|
219
|
-
updateActiveTreeListCell() {
|
|
220
|
-
this.activeTreeListCell = {
|
|
221
|
-
rowIndex: this.activeTimelineIndex + this.treeListHeaderRowsCount,
|
|
222
|
-
colIndex: this.activeTreeListCell.colIndex
|
|
223
|
-
};
|
|
224
|
-
}
|
|
225
|
-
/**
|
|
226
|
-
* Fires the `taskStatusChanges` event with active and focused status retrieved from
|
|
227
|
-
* `this.activeTimelineIndex` and `this.isTimelineFocused`.
|
|
228
|
-
*/
|
|
229
|
-
notifyTaskStatusChange() {
|
|
230
|
-
this.taskStatusChanges.next(this.activeTask);
|
|
231
|
-
}
|
|
232
|
-
/**
|
|
233
|
-
* Scrolls horizontally to the beginning of the target task if the beginning of its content is not in the viewport.
|
|
234
|
-
*/
|
|
235
|
-
scrollHorizontallyToTask() {
|
|
236
|
-
const index = this.activeTimelineIndex;
|
|
237
|
-
const task = this.metadata.timelineElement.querySelectorAll('.k-task-wrap').item(index);
|
|
238
|
-
if (!isPresent(task)) {
|
|
239
|
-
return;
|
|
240
|
-
}
|
|
241
|
-
// scroll horizontally to the item if less than 200px from the beginning of its content are visible
|
|
242
|
-
const targetVisibleWidth = 200;
|
|
243
|
-
const isScrollBeforeTask = (this.metadata.timelineElement.clientWidth + this.metadata.timelineElement.scrollLeft) < (task.offsetLeft + targetVisibleWidth);
|
|
244
|
-
const isScrollAfterTask = this.metadata.timelineElement.scrollLeft > task.offsetLeft;
|
|
245
|
-
if (isScrollBeforeTask || isScrollAfterTask) {
|
|
246
|
-
this.metadata.timelineElement.scrollLeft = task.offsetLeft;
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
/**
|
|
250
|
-
* Filters for task mousedown in the Timeline.
|
|
251
|
-
*/
|
|
252
|
-
handleTimelineMousedown({ target }) {
|
|
253
|
-
if (isTask(target, this.metadata.host) && !isClearButton(target, this.metadata.host)) {
|
|
254
|
-
const taskIndex = getClosestTaskIndex(target, this.metadata.host);
|
|
255
|
-
this.focusTask(taskIndex);
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
/**
|
|
259
|
-
* Focus the TreeList on TreeList mousedown.
|
|
260
|
-
* A nasty hack to trick `handleTreeListFocusIn` into regarding the previous focus target as again the TreeList.
|
|
261
|
-
* Otherwise cell clicks are wrongly overwritten in `handleTreeListFocusIn` and the click focus target is not respected.
|
|
262
|
-
*/
|
|
263
|
-
focusTreeList() {
|
|
264
|
-
this.metadata.treeList.focus();
|
|
265
|
-
}
|
|
266
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ScrollSyncService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
267
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
|
|
268
|
-
}
|
|
269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
|
|
270
|
-
type: Injectable
|
|
271
|
-
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.ScrollSyncService }] });
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Keys } from '@progress/kendo-angular-common';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export const isArrowUpDownKey = (code) => [
|
|
10
|
-
Keys.ArrowUp,
|
|
11
|
-
Keys.ArrowDown
|
|
12
|
-
].some(arrowKeyCode => code === arrowKeyCode);
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export const isNavigationKey = (code) => [
|
|
17
|
-
Keys.ArrowUp,
|
|
18
|
-
Keys.ArrowDown,
|
|
19
|
-
Keys.Home,
|
|
20
|
-
Keys.End
|
|
21
|
-
].some(navigationKeyCode => code === navigationKeyCode);
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
export const isExpandCollapseKey = (code, altKey) => {
|
|
26
|
-
return altKey && [
|
|
27
|
-
Keys.ArrowLeft,
|
|
28
|
-
Keys.ArrowRight
|
|
29
|
-
].some(navigationKeyCode => code === navigationKeyCode);
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
export const isViewDigitKey = (code) => [
|
|
35
|
-
Keys.Digit1,
|
|
36
|
-
Keys.Numpad1,
|
|
37
|
-
Keys.Digit2,
|
|
38
|
-
Keys.Numpad2,
|
|
39
|
-
Keys.Digit3,
|
|
40
|
-
Keys.Numpad3,
|
|
41
|
-
Keys.Digit4,
|
|
42
|
-
Keys.Numpad4
|
|
43
|
-
].some(digitKeyCode => code === digitKeyCode);
|
|
44
|
-
/**
|
|
45
|
-
* @hidden
|
|
46
|
-
*
|
|
47
|
-
* Returns the corresponding view index for the pressed digit key (Digit 1 => 0, Digit 2 => 1, etc.).
|
|
48
|
-
*/
|
|
49
|
-
export const getIndexFromViewDigitKeyCode = (code) => {
|
|
50
|
-
switch (code) {
|
|
51
|
-
case Keys.Numpad1:
|
|
52
|
-
case Keys.Digit1: return 0;
|
|
53
|
-
case Keys.Numpad2:
|
|
54
|
-
case Keys.Digit2: return 1;
|
|
55
|
-
case Keys.Numpad3:
|
|
56
|
-
case Keys.Digit3: return 2;
|
|
57
|
-
case Keys.Numpad4:
|
|
58
|
-
case Keys.Digit4: return 3;
|
|
59
|
-
default: return null;
|
|
60
|
-
}
|
|
61
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-gantt',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCode: 'KENDOUIANGULAR',
|
|
12
|
-
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate: 1768386626,
|
|
14
|
-
version: '21.4.1-develop.1',
|
|
15
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
16
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './index';
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, HostBinding, Input } from "@angular/core";
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export class GanttHeaderTableBodyComponent {
|
|
11
|
-
tbodyClass = true;
|
|
12
|
-
groupSlots;
|
|
13
|
-
slots;
|
|
14
|
-
trackBySlotIndex(index, item) {
|
|
15
|
-
// Combine index with timestamp to ensure uniqueness
|
|
16
|
-
// even when multiple slots have the same start time
|
|
17
|
-
return `${index}-${item.start.getTime()}`;
|
|
18
|
-
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttHeaderTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GanttHeaderTableBodyComponent, isStandalone: true, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
|
|
21
|
-
<tr class="k-table-row">
|
|
22
|
-
@for (item of groupSlots; track trackBySlotIndex($index, item)) {
|
|
23
|
-
<td [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
24
|
-
}
|
|
25
|
-
</tr>
|
|
26
|
-
|
|
27
|
-
<tr class="k-table-row">
|
|
28
|
-
@for (item of slots; track trackBySlotIndex($index, item)) {
|
|
29
|
-
<td class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
30
|
-
}
|
|
31
|
-
</tr>
|
|
32
|
-
`, isInline: true });
|
|
33
|
-
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttHeaderTableBodyComponent, decorators: [{
|
|
35
|
-
type: Component,
|
|
36
|
-
args: [{
|
|
37
|
-
// eslint-disable-next-line @angular-eslint/component-selector
|
|
38
|
-
selector: '[kendoGanttHeaderTableBody]',
|
|
39
|
-
template: `
|
|
40
|
-
<tr class="k-table-row">
|
|
41
|
-
@for (item of groupSlots; track trackBySlotIndex($index, item)) {
|
|
42
|
-
<td [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
43
|
-
}
|
|
44
|
-
</tr>
|
|
45
|
-
|
|
46
|
-
<tr class="k-table-row">
|
|
47
|
-
@for (item of slots; track trackBySlotIndex($index, item)) {
|
|
48
|
-
<td class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
49
|
-
}
|
|
50
|
-
</tr>
|
|
51
|
-
`,
|
|
52
|
-
standalone: true
|
|
53
|
-
}]
|
|
54
|
-
}], propDecorators: { tbodyClass: [{
|
|
55
|
-
type: HostBinding,
|
|
56
|
-
args: ['class.k-table-tbody']
|
|
57
|
-
}], groupSlots: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], slots: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}] } });
|