@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.
Files changed (127) hide show
  1. package/columns/column-base.component.d.ts +1 -1
  2. package/fesm2022/progress-kendo-angular-gantt.mjs +201 -201
  3. package/localization/messages.d.ts +1 -1
  4. package/package.json +22 -30
  5. package/rendering/gantt-task-base.d.ts +1 -1
  6. package/schematics/ngAdd/index.js +7 -7
  7. package/timeline/view-base.d.ts +1 -1
  8. package/esm2022/binding-directives/flat-binding.directive.mjs +0 -50
  9. package/esm2022/binding-directives/hierarchy-binding.directive.mjs +0 -49
  10. package/esm2022/columns/cell-template.directive.mjs +0 -47
  11. package/esm2022/columns/column-base.component.mjs +0 -22
  12. package/esm2022/columns/column-group.component.mjs +0 -80
  13. package/esm2022/columns/column-menu-template.directive.mjs +0 -40
  14. package/esm2022/columns/column.component.mjs +0 -122
  15. package/esm2022/columns/columns.mjs +0 -15
  16. package/esm2022/columns/edit-template.directive.mjs +0 -46
  17. package/esm2022/columns/filter-cell-template.directive.mjs +0 -32
  18. package/esm2022/columns/filter-menu-template.directive.mjs +0 -41
  19. package/esm2022/columns/footer-template.directive.mjs +0 -44
  20. package/esm2022/columns/header-template.directive.mjs +0 -43
  21. package/esm2022/columns/span-column.component.mjs +0 -82
  22. package/esm2022/common/default-callbacks.mjs +0 -25
  23. package/esm2022/common/mapping.service.mjs +0 -62
  24. package/esm2022/common/option-changes.service.mjs +0 -28
  25. package/esm2022/dependencies/dependency-dom.service.mjs +0 -80
  26. package/esm2022/dependencies/dom-dependency-args.mjs +0 -5
  27. package/esm2022/dependencies/gantt-dependency.directive.mjs +0 -91
  28. package/esm2022/dependencies/utils.mjs +0 -195
  29. package/esm2022/directives.mjs +0 -63
  30. package/esm2022/dragging/dependency-drag-create.directive.mjs +0 -337
  31. package/esm2022/dragging/drag-validation-tooltip.component.mjs +0 -70
  32. package/esm2022/dragging/task-drag.directive.mjs +0 -94
  33. package/esm2022/dragging/task-drag.service.mjs +0 -239
  34. package/esm2022/editing/add-task.component.mjs +0 -127
  35. package/esm2022/editing/dependencies-table.component.mjs +0 -233
  36. package/esm2022/editing/edit-dialog.component.mjs +0 -225
  37. package/esm2022/editing/edit.service.mjs +0 -118
  38. package/esm2022/editing/task-fields.component.mjs +0 -127
  39. package/esm2022/editing/utils.mjs +0 -15
  40. package/esm2022/expanded-state/expand-event.mjs +0 -18
  41. package/esm2022/expanded-state/expandable.directive.mjs +0 -39
  42. package/esm2022/gantt.component.mjs +0 -2415
  43. package/esm2022/gantt.module.mjs +0 -132
  44. package/esm2022/index.mjs +0 -42
  45. package/esm2022/localization/custom-messages.component.mjs +0 -52
  46. package/esm2022/localization/gantt-localization.service.mjs +0 -27
  47. package/esm2022/localization/localized-messages.directive.mjs +0 -39
  48. package/esm2022/localization/messages.mjs +0 -453
  49. package/esm2022/models/cell-content-type.interface.mjs +0 -5
  50. package/esm2022/models/class-callbacks.mjs +0 -5
  51. package/esm2022/models/column-menu-settings.interface.mjs +0 -5
  52. package/esm2022/models/column-reorder-config.mjs +0 -5
  53. package/esm2022/models/current-time-settings.interface.mjs +0 -5
  54. package/esm2022/models/date-range.interface.mjs +0 -5
  55. package/esm2022/models/dependency-type.enum.mjs +0 -32
  56. package/esm2022/models/events/cell-click-event.interface.mjs +0 -5
  57. package/esm2022/models/events/cell-close-event.interface.mjs +0 -44
  58. package/esm2022/models/events/click-event.interface.mjs +0 -5
  59. package/esm2022/models/events/column-locked-change-event.interface.mjs +0 -5
  60. package/esm2022/models/events/column-reorder-event.interface.mjs +0 -5
  61. package/esm2022/models/events/column-resize-event.interface.mjs +0 -5
  62. package/esm2022/models/events/column-visibility-change-event.interface.mjs +0 -5
  63. package/esm2022/models/events/data-state-change-event.interface.mjs +0 -5
  64. package/esm2022/models/events/dependency-add-event.interface.mjs +0 -5
  65. package/esm2022/models/events/index.mjs +0 -5
  66. package/esm2022/models/events/selected-view-change-event.interface.mjs +0 -5
  67. package/esm2022/models/events/task-add-event.interface.mjs +0 -5
  68. package/esm2022/models/events/task-click-event.interface.mjs +0 -5
  69. package/esm2022/models/events/task-delete-event.interface.mjs +0 -5
  70. package/esm2022/models/events/task-drag-event.interface.mjs +0 -5
  71. package/esm2022/models/events/task-edit-event.interface.mjs +0 -5
  72. package/esm2022/models/filterable-settings.mjs +0 -5
  73. package/esm2022/models/gantt-dependency-model-fields.interface.mjs +0 -13
  74. package/esm2022/models/gantt-dependency.interface.mjs +0 -5
  75. package/esm2022/models/gantt-task-model-fields.interface.mjs +0 -15
  76. package/esm2022/models/gantt-task.interface.mjs +0 -5
  77. package/esm2022/models/models.mjs +0 -8
  78. package/esm2022/models/slot.interface.mjs +0 -5
  79. package/esm2022/models/sort-settings.mjs +0 -17
  80. package/esm2022/models/splitter-pane-options.interface.mjs +0 -20
  81. package/esm2022/models/timeline-header-date-format.mjs +0 -5
  82. package/esm2022/models/timeline-options.interface.mjs +0 -5
  83. package/esm2022/models/timeline-view.mjs +0 -5
  84. package/esm2022/models/toolbar-settings.mjs +0 -5
  85. package/esm2022/models/tooltip-options.interface.mjs +0 -5
  86. package/esm2022/models/view-item.interface.mjs +0 -5
  87. package/esm2022/navigation/navigation-models.mjs +0 -5
  88. package/esm2022/navigation/navigation.service.mjs +0 -271
  89. package/esm2022/navigation/utils.mjs +0 -61
  90. package/esm2022/package-metadata.mjs +0 -16
  91. package/esm2022/progress-kendo-angular-gantt.mjs +0 -8
  92. package/esm2022/rendering/gantt-header-table-body.component.mjs +0 -61
  93. package/esm2022/rendering/gantt-milestone-task.component.mjs +0 -102
  94. package/esm2022/rendering/gantt-summary-task.component.mjs +0 -157
  95. package/esm2022/rendering/gantt-task-base.mjs +0 -230
  96. package/esm2022/rendering/gantt-task.component.mjs +0 -227
  97. package/esm2022/rendering/gantt-tasks-table-body.component.mjs +0 -206
  98. package/esm2022/scrolling/drag-scroll-settings.mjs +0 -20
  99. package/esm2022/scrolling/scroll-sync.service.mjs +0 -83
  100. package/esm2022/scrolling/timeline-scroll.directive.mjs +0 -83
  101. package/esm2022/scrolling/timeline-scroll.service.mjs +0 -37
  102. package/esm2022/scrolling/utils.mjs +0 -77
  103. package/esm2022/selection/selectable.directive.mjs +0 -126
  104. package/esm2022/selection/selection-change-event.mjs +0 -5
  105. package/esm2022/template-directives/summary-task-template.directive.mjs +0 -43
  106. package/esm2022/template-directives/task-content-template.directive.mjs +0 -46
  107. package/esm2022/template-directives/task-drag-tooltip-template.directive.mjs +0 -47
  108. package/esm2022/template-directives/task-template.directive.mjs +0 -41
  109. package/esm2022/template-directives/task-tooltip-template.directive.mjs +0 -48
  110. package/esm2022/timeline/current-time-marker.service.mjs +0 -90
  111. package/esm2022/timeline/gantt-timeline.component.mjs +0 -624
  112. package/esm2022/timeline/timeline-base-view.service.mjs +0 -201
  113. package/esm2022/timeline/timeline-day-view.component.mjs +0 -49
  114. package/esm2022/timeline/timeline-day-view.service.mjs +0 -68
  115. package/esm2022/timeline/timeline-month-view.component.mjs +0 -49
  116. package/esm2022/timeline/timeline-month-view.service.mjs +0 -66
  117. package/esm2022/timeline/timeline-view.service.mjs +0 -38
  118. package/esm2022/timeline/timeline-week-view.component.mjs +0 -49
  119. package/esm2022/timeline/timeline-week-view.service.mjs +0 -62
  120. package/esm2022/timeline/timeline-year-view.component.mjs +0 -49
  121. package/esm2022/timeline/timeline-year-view.service.mjs +0 -57
  122. package/esm2022/timeline/view-base.mjs +0 -73
  123. package/esm2022/toolbar/toolbar-navigation.service.mjs +0 -29
  124. package/esm2022/toolbar/toolbar-template.directive.mjs +0 -56
  125. package/esm2022/toolbar/toolbar.component.mjs +0 -181
  126. package/esm2022/toolbar/view-selector.component.mjs +0 -112
  127. package/esm2022/utils.mjs +0 -311
@@ -1,233 +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, EventEmitter, Input, Output } from '@angular/core';
6
- import { FormArray, FormControl, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
7
- import { MappingService } from '../common/mapping.service';
8
- import { GanttLocalizationService } from '../localization/gantt-localization.service';
9
- import { DependencyType } from '../models/dependency-type.enum';
10
- import { EditService } from './edit.service';
11
- import { plusIcon, minusIcon } from '@progress/kendo-svg-icons';
12
- import { CellTemplateDirective, ColumnComponent, GridComponent, SelectionDirective, ToolbarTemplateDirective } from '@progress/kendo-angular-grid';
13
- import { ButtonComponent } from '@progress/kendo-angular-buttons';
14
- import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
15
- import * as i0 from "@angular/core";
16
- import * as i1 from "../common/mapping.service";
17
- import * as i2 from "./edit.service";
18
- import * as i3 from "../localization/gantt-localization.service";
19
- import * as i4 from "@angular/forms";
20
- /**
21
- * @hidden
22
- */
23
- export class DependenciesTableComponent {
24
- mapper;
25
- editService;
26
- localizationService;
27
- // TODO: should consist of only valid connection tasks
28
- tasks;
29
- dependencies;
30
- dependencyType;
31
- dependenciesChange = new EventEmitter();
32
- selectedKeys = [];
33
- formGroups = new FormArray([]);
34
- dependencyTypes = this.getDependencyTypes();
35
- plusIcon = plusIcon;
36
- minusIcon = minusIcon;
37
- get taskId() {
38
- return this.editService.dataItem.id;
39
- }
40
- // The target dependency id field
41
- // e.g. if Predecessors, we have the `fromId` which is the currently edited task,
42
- // while the `toId` is missing (needs to be selected by the user)
43
- get dependencyIdField() {
44
- return this.dependencyType === 'predecessor' ? 'fromId' : 'toId';
45
- }
46
- constructor(mapper, editService, localizationService) {
47
- this.mapper = mapper;
48
- this.editService = editService;
49
- this.localizationService = localizationService;
50
- }
51
- ngOnInit() {
52
- // generate the FormGroups per each Grid row
53
- if (this.formGroups.controls.length === 0) {
54
- const fields = this.mapper.dependencyFields;
55
- this.dependencies.forEach(item => {
56
- const formGroup = new FormGroup({
57
- [fields.id]: new FormControl(this.mapper.extractFromDependency(item, 'id')),
58
- [fields.fromId]: new FormControl(this.mapper.extractFromDependency(item, 'fromId'), Validators.required),
59
- [fields.toId]: new FormControl(this.mapper.extractFromDependency(item, 'toId'), Validators.required),
60
- [fields.type]: new FormControl(this.mapper.extractFromDependency(item, 'type'), Validators.required)
61
- });
62
- this.formGroups.push(formGroup);
63
- });
64
- }
65
- this.formGroups.valueChanges.subscribe(val => {
66
- this.formGroups.controls.forEach(control => {
67
- if (control.dirty) {
68
- this.editService.updateDependencies(control.value);
69
- }
70
- });
71
- this.dependenciesChange.emit(val);
72
- });
73
- }
74
- getFormControl(dataItemIndex, field) {
75
- // return the FormControl for the respective column editor
76
- return this.formGroups.controls
77
- .find((_control, index) => index === dataItemIndex)
78
- .get(this.mapper.dependencyFields[field]);
79
- }
80
- getText(token) {
81
- return this.localizationService.get(token);
82
- }
83
- getDependencyTypes() {
84
- const types = Object.keys(DependencyType)
85
- .filter(value => typeof DependencyType[value] === 'number')
86
- .map(type => {
87
- return {
88
- type,
89
- id: DependencyType[type]
90
- };
91
- });
92
- return types;
93
- }
94
- addHandler() {
95
- const fields = this.mapper.dependencyFields;
96
- const formGroup = new FormGroup({
97
- [fields.id]: new FormControl(),
98
- [fields.fromId]: new FormControl(this.dependencyIdField === 'toId' ? this.taskId : null, Validators.required),
99
- [fields.toId]: new FormControl(this.dependencyIdField === 'fromId' ? this.taskId : null, Validators.required),
100
- [fields.type]: new FormControl(null, Validators.required)
101
- });
102
- this.formGroups.push(formGroup);
103
- }
104
- removeHandler() {
105
- const [selectedIndex] = this.selectedKeys;
106
- const item = this.formGroups.at(selectedIndex).value;
107
- this.editService.deleteDependency(item);
108
- this.formGroups.removeAt(selectedIndex);
109
- }
110
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DependenciesTableComponent, deps: [{ token: i1.MappingService }, { token: i2.EditService }, { token: i3.GanttLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
111
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DependenciesTableComponent, isStandalone: true, selector: "kendo-gantt-dependencies-table", inputs: { tasks: "tasks", dependencies: "dependencies", dependencyType: "dependencyType" }, outputs: { dependenciesChange: "dependenciesChange" }, ngImport: i0, template: `
112
- <kendo-grid
113
- [data]="dependencies"
114
- [selectable]="{ mode: 'single' }"
115
- [(selectedKeys)]="selectedKeys"
116
- kendoGridSelectBy
117
- [height]="275"
118
- >
119
- <ng-template kendoGridToolbarTemplate>
120
- <button
121
- kendoButton
122
- icon="plus"
123
- [svgIcon]="plusIcon"
124
- (click)="addHandler()"
125
- >
126
- {{ getText('taskEditingDependenciesAddButtonText') }}
127
- </button>
128
- <button
129
- kendoButton
130
- icon="minus"
131
- [svgIcon]="minusIcon"
132
- [disabled]="selectedKeys.length === 0"
133
- (click)="removeHandler()"
134
- >
135
- {{ getText('taskEditingDependenciesRemoveButtonText') }}
136
- </button>
137
- </ng-template>
138
- <kendo-grid-column [title]="getText('taskEditingDependenciesGridNameColumnTitle')" [field]="dependencyIdField">
139
- <ng-template kendoGridCellTemplate let-dataItem="dataItem" let-column="column" let-rowIndex="rowIndex">
140
- <kendo-dropdownlist
141
- [data]="tasks"
142
- textField="title"
143
- valueField="id"
144
- [valuePrimitive]="true"
145
- [formControl]="getFormControl(rowIndex, column.field)"
146
- >
147
- </kendo-dropdownlist>
148
- </ng-template>
149
- </kendo-grid-column>
150
- <kendo-grid-column [title]="getText('taskEditingDependenciesGridTypeColumnTitle')" field="type">
151
- <ng-template kendoGridCellTemplate let-dataItem="dataItem" let-column="column" let-rowIndex="rowIndex">
152
- <kendo-dropdownlist
153
- [data]="dependencyTypes"
154
- textField="type"
155
- valueField="id"
156
- [valuePrimitive]="true"
157
- [formControl]="getFormControl(rowIndex, column.field)"
158
- >
159
- </kendo-dropdownlist>
160
- </ng-template>
161
- </kendo-grid-column>
162
- </kendo-grid>
163
- `, isInline: true, dependencies: [{ kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
164
- }
165
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DependenciesTableComponent, decorators: [{
166
- type: Component,
167
- args: [{
168
- selector: 'kendo-gantt-dependencies-table',
169
- template: `
170
- <kendo-grid
171
- [data]="dependencies"
172
- [selectable]="{ mode: 'single' }"
173
- [(selectedKeys)]="selectedKeys"
174
- kendoGridSelectBy
175
- [height]="275"
176
- >
177
- <ng-template kendoGridToolbarTemplate>
178
- <button
179
- kendoButton
180
- icon="plus"
181
- [svgIcon]="plusIcon"
182
- (click)="addHandler()"
183
- >
184
- {{ getText('taskEditingDependenciesAddButtonText') }}
185
- </button>
186
- <button
187
- kendoButton
188
- icon="minus"
189
- [svgIcon]="minusIcon"
190
- [disabled]="selectedKeys.length === 0"
191
- (click)="removeHandler()"
192
- >
193
- {{ getText('taskEditingDependenciesRemoveButtonText') }}
194
- </button>
195
- </ng-template>
196
- <kendo-grid-column [title]="getText('taskEditingDependenciesGridNameColumnTitle')" [field]="dependencyIdField">
197
- <ng-template kendoGridCellTemplate let-dataItem="dataItem" let-column="column" let-rowIndex="rowIndex">
198
- <kendo-dropdownlist
199
- [data]="tasks"
200
- textField="title"
201
- valueField="id"
202
- [valuePrimitive]="true"
203
- [formControl]="getFormControl(rowIndex, column.field)"
204
- >
205
- </kendo-dropdownlist>
206
- </ng-template>
207
- </kendo-grid-column>
208
- <kendo-grid-column [title]="getText('taskEditingDependenciesGridTypeColumnTitle')" field="type">
209
- <ng-template kendoGridCellTemplate let-dataItem="dataItem" let-column="column" let-rowIndex="rowIndex">
210
- <kendo-dropdownlist
211
- [data]="dependencyTypes"
212
- textField="type"
213
- valueField="id"
214
- [valuePrimitive]="true"
215
- [formControl]="getFormControl(rowIndex, column.field)"
216
- >
217
- </kendo-dropdownlist>
218
- </ng-template>
219
- </kendo-grid-column>
220
- </kendo-grid>
221
- `,
222
- standalone: true,
223
- imports: [GridComponent, SelectionDirective, ToolbarTemplateDirective, ButtonComponent, ColumnComponent, CellTemplateDirective, DropDownListComponent, ReactiveFormsModule]
224
- }]
225
- }], ctorParameters: () => [{ type: i1.MappingService }, { type: i2.EditService }, { type: i3.GanttLocalizationService }], propDecorators: { tasks: [{
226
- type: Input
227
- }], dependencies: [{
228
- type: Input
229
- }], dependencyType: [{
230
- type: Input
231
- }], dependenciesChange: [{
232
- type: Output
233
- }] } });
@@ -1,225 +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 { ChangeDetectorRef, Component, Input } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { MappingService } from '../common/mapping.service';
8
- import { DependencyType } from '../models/dependency-type.enum';
9
- import { EditService } from './edit.service';
10
- import { saveIcon, cancelOutlineIcon, trashIcon } from '@progress/kendo-svg-icons';
11
- import { DependenciesTableComponent } from './dependencies-table.component';
12
- import { TaskFieldsComponent } from './task-fields.component';
13
- import { CustomMessagesComponent, DialogActionsComponent, DialogComponent } from '@progress/kendo-angular-dialog';
14
- import { TabContentDirective, TabStripComponent, TabStripTabComponent } from '@progress/kendo-angular-layout';
15
- import { ButtonComponent } from '@progress/kendo-angular-buttons';
16
- import { TreeListSpacerComponent } from '@progress/kendo-angular-treelist';
17
- import { EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
18
- import * as i0 from "@angular/core";
19
- import * as i1 from "../common/mapping.service";
20
- import * as i2 from "./edit.service";
21
- import * as i3 from "@progress/kendo-angular-l10n";
22
- /**
23
- * @hidden
24
- */
25
- export class EditDialogComponent {
26
- mapper;
27
- editService;
28
- cdr;
29
- localizationService;
30
- data;
31
- loadedTasks;
32
- saveIcon = saveIcon;
33
- cancelIcon = cancelOutlineIcon;
34
- deleteIcon = trashIcon;
35
- constructor(mapper, editService, cdr, localizationService) {
36
- this.mapper = mapper;
37
- this.editService = editService;
38
- this.cdr = cdr;
39
- this.localizationService = localizationService;
40
- }
41
- ngOnInit() {
42
- this.editService.loadTasks(this.data).subscribe(value => {
43
- this.loadedTasks = value;
44
- });
45
- }
46
- get predecessors() {
47
- return this.editService.predecessors;
48
- }
49
- set predecessors(items) {
50
- this.editService.predecessors = items;
51
- }
52
- get successors() {
53
- return this.editService.successors;
54
- }
55
- set successors(items) {
56
- this.editService.successors = items;
57
- }
58
- getText(token) {
59
- return this.localizationService.get(token);
60
- }
61
- getDependencyType(typeId) {
62
- return DependencyType[typeId];
63
- }
64
- handleEditingResult(editResultType) {
65
- this.editService.triggerEditEvent(editResultType);
66
- }
67
- handleTaskDelete() {
68
- this.editService.taskDelete.next(this.editService.dataItem);
69
- }
70
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditDialogComponent, deps: [{ token: i1.MappingService }, { token: i2.EditService }, { token: i0.ChangeDetectorRef }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
71
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditDialogComponent, isStandalone: true, selector: "kendo-gantt-edit-dialog", inputs: { data: "data" }, ngImport: i0, template: `
72
- <kendo-dialog
73
- [title]="getText('taskEditingDialogTitle')"
74
- [width]="575"
75
- [height]="470"
76
- [autoFocusedElement]="'.k-actions .k-button-solid-primary'"
77
- (close)="handleEditingResult('cancel')">
78
- <kendo-dialog-messages
79
- [closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
80
-
81
- <kendo-tabstrip [keepTabContent]="true" [style.height.px]="345">
82
- <kendo-tabstrip-tab [title]="getText('taskEditingGeneralTabTitle')" [selected]="true">
83
- <ng-template kendoTabContent>
84
- <kendo-gantt-task-fields></kendo-gantt-task-fields>
85
- </ng-template>
86
- </kendo-tabstrip-tab>
87
- <kendo-tabstrip-tab [title]="getText('taskEditingPredecessorsTabTitle')">
88
- <ng-template kendoTabContent>
89
- <kendo-gantt-dependencies-table
90
- [tasks]="loadedTasks"
91
- [(dependencies)]="predecessors"
92
- dependencyType="predecessor"
93
- >
94
- </kendo-gantt-dependencies-table>
95
- </ng-template>
96
- </kendo-tabstrip-tab>
97
- <kendo-tabstrip-tab [title]="getText('taskEditingSuccessorsTabTitle')">
98
- <ng-template kendoTabContent>
99
- <kendo-gantt-dependencies-table
100
- [tasks]="loadedTasks"
101
- [(dependencies)]="successors"
102
- dependencyType="successor">
103
- </kendo-gantt-dependencies-table>
104
- </ng-template>
105
- </kendo-tabstrip-tab>
106
- </kendo-tabstrip>
107
-
108
- <kendo-dialog-actions layout="start">
109
- <button
110
- kendoButton
111
- themeColor="primary"
112
- icon="save"
113
- [svgIcon]="saveIcon"
114
- (click)="handleEditingResult('save')"
115
- >
116
- {{ getText('saveButtonText') }}
117
- </button>
118
- <button
119
- kendoButton
120
- icon="cancel-outline"
121
- [svgIcon]="cancelIcon"
122
- (click)="handleEditingResult('cancel')"
123
- >
124
- {{ getText('cancelButtonText') }}
125
- </button>
126
- <kendo-treelist-spacer></kendo-treelist-spacer>
127
- <button
128
- kendoButton
129
- themeColor="primary"
130
- fillMode="flat"
131
- icon="delete"
132
- [svgIcon]="deleteIcon"
133
- [kendoEventsOutsideAngular]="{
134
- click: handleTaskDelete
135
- }"
136
- [scope]="this"
137
- >
138
- {{ getText('deleteButtonText') }}
139
- </button>
140
- </kendo-dialog-actions>
141
- </kendo-dialog>
142
- `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages" }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { kind: "component", type: DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
143
- }
144
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditDialogComponent, decorators: [{
145
- type: Component,
146
- args: [{
147
- selector: 'kendo-gantt-edit-dialog',
148
- template: `
149
- <kendo-dialog
150
- [title]="getText('taskEditingDialogTitle')"
151
- [width]="575"
152
- [height]="470"
153
- [autoFocusedElement]="'.k-actions .k-button-solid-primary'"
154
- (close)="handleEditingResult('cancel')">
155
- <kendo-dialog-messages
156
- [closeTitle]="getText('taskEditingDialogCloseTitle')"></kendo-dialog-messages>
157
-
158
- <kendo-tabstrip [keepTabContent]="true" [style.height.px]="345">
159
- <kendo-tabstrip-tab [title]="getText('taskEditingGeneralTabTitle')" [selected]="true">
160
- <ng-template kendoTabContent>
161
- <kendo-gantt-task-fields></kendo-gantt-task-fields>
162
- </ng-template>
163
- </kendo-tabstrip-tab>
164
- <kendo-tabstrip-tab [title]="getText('taskEditingPredecessorsTabTitle')">
165
- <ng-template kendoTabContent>
166
- <kendo-gantt-dependencies-table
167
- [tasks]="loadedTasks"
168
- [(dependencies)]="predecessors"
169
- dependencyType="predecessor"
170
- >
171
- </kendo-gantt-dependencies-table>
172
- </ng-template>
173
- </kendo-tabstrip-tab>
174
- <kendo-tabstrip-tab [title]="getText('taskEditingSuccessorsTabTitle')">
175
- <ng-template kendoTabContent>
176
- <kendo-gantt-dependencies-table
177
- [tasks]="loadedTasks"
178
- [(dependencies)]="successors"
179
- dependencyType="successor">
180
- </kendo-gantt-dependencies-table>
181
- </ng-template>
182
- </kendo-tabstrip-tab>
183
- </kendo-tabstrip>
184
-
185
- <kendo-dialog-actions layout="start">
186
- <button
187
- kendoButton
188
- themeColor="primary"
189
- icon="save"
190
- [svgIcon]="saveIcon"
191
- (click)="handleEditingResult('save')"
192
- >
193
- {{ getText('saveButtonText') }}
194
- </button>
195
- <button
196
- kendoButton
197
- icon="cancel-outline"
198
- [svgIcon]="cancelIcon"
199
- (click)="handleEditingResult('cancel')"
200
- >
201
- {{ getText('cancelButtonText') }}
202
- </button>
203
- <kendo-treelist-spacer></kendo-treelist-spacer>
204
- <button
205
- kendoButton
206
- themeColor="primary"
207
- fillMode="flat"
208
- icon="delete"
209
- [svgIcon]="deleteIcon"
210
- [kendoEventsOutsideAngular]="{
211
- click: handleTaskDelete
212
- }"
213
- [scope]="this"
214
- >
215
- {{ getText('deleteButtonText') }}
216
- </button>
217
- </kendo-dialog-actions>
218
- </kendo-dialog>
219
- `,
220
- standalone: true,
221
- imports: [DialogComponent, CustomMessagesComponent, TabStripComponent, TabStripTabComponent, TabContentDirective, TaskFieldsComponent, DependenciesTableComponent, DialogActionsComponent, ButtonComponent, TreeListSpacerComponent, EventsOutsideAngularDirective]
222
- }]
223
- }], ctorParameters: () => [{ type: i1.MappingService }, { type: i2.EditService }, { type: i0.ChangeDetectorRef }, { type: i3.LocalizationService }], propDecorators: { data: [{
224
- type: Input
225
- }] } });
@@ -1,118 +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 } from '@angular/core';
6
- import { EMPTY, forkJoin, isObservable, of, Subject } from 'rxjs';
7
- import { map, expand, reduce } from 'rxjs/operators';
8
- import { MappingService } from '../common/mapping.service';
9
- import { isPresent, normalizeGanttData } from '../utils';
10
- import * as i0 from "@angular/core";
11
- import * as i1 from "../common/mapping.service";
12
- /**
13
- * @hidden
14
- */
15
- export class EditService {
16
- mapper;
17
- showEditingDialog = new Subject();
18
- taskDelete = new Subject();
19
- editEvent = new Subject();
20
- addEvent = new Subject();
21
- taskFormGroup;
22
- dataItem;
23
- getSelectedItem;
24
- hasChildren;
25
- fetchChildren;
26
- set dependencies(items) {
27
- // Can this whole thing be moved to edit-dialog? Dependencies might not be needed here
28
- const dataItemId = this.mapper.extractFromTask(this.dataItem, 'id');
29
- this.predecessors = items.filter(item => this.mapper.extractFromDependency(item, 'toId') === dataItemId);
30
- this.successors = items.filter(item => this.mapper.extractFromDependency(item, 'fromId') === dataItemId);
31
- }
32
- get dependencies() {
33
- return [...this.predecessors, ...this.successors];
34
- }
35
- predecessors = [];
36
- successors = [];
37
- updatedItems = [];
38
- deletedItems = [];
39
- constructor(mapper) {
40
- this.mapper = mapper;
41
- }
42
- createEditDialog(dataItem, taskFormGroup, dependencies) {
43
- this.dataItem = dataItem;
44
- this.taskFormGroup = taskFormGroup;
45
- this.dependencies = dependencies;
46
- this.showEditingDialog.next(true);
47
- }
48
- closeEditDialog() {
49
- this.showEditingDialog.next(false);
50
- this.dataItem = undefined;
51
- this.taskFormGroup = undefined;
52
- this.dependencies = [];
53
- this.updatedItems = [];
54
- this.deletedItems = [];
55
- }
56
- triggerEditEvent(editResultType) {
57
- this.editEvent.next({
58
- taskFormGroup: this.taskFormGroup,
59
- dataItem: this.dataItem,
60
- dependencies: {
61
- createdItems: this.getCreatedDependencies(),
62
- updatedItems: this.updatedItems,
63
- deletedItems: this.deletedItems
64
- },
65
- editResultType
66
- });
67
- }
68
- updateDependencies(item) {
69
- if (!this.isNew(item)) {
70
- // update
71
- const index = this.itemIndex(item, this.updatedItems);
72
- if (index !== -1) {
73
- this.updatedItems.splice(index, 1, item);
74
- }
75
- else {
76
- this.updatedItems.push(item);
77
- }
78
- }
79
- }
80
- getCreatedDependencies() {
81
- return this.dependencies.filter(item => this.mapper.extractFromDependency(item, 'id') === null);
82
- }
83
- deleteDependency(item) {
84
- const updatedIndex = this.itemIndex(item, this.updatedItems);
85
- if (updatedIndex !== -1) {
86
- this.updatedItems.splice(updatedIndex, 1);
87
- }
88
- if (!this.isNew(item)) {
89
- this.deletedItems.push(item);
90
- }
91
- }
92
- loadTasks(initialValues, isInitializer = true) {
93
- return forkJoin(initialValues.map(v => this.getElementById(v))).pipe(map((value) => value.reduce((acc, item) => acc = acc.concat(normalizeGanttData(item)), [])), expand(values => {
94
- if (values.some(el => this.hasChildren(el))) {
95
- return this.loadTasks(values, false);
96
- }
97
- return EMPTY;
98
- }), reduce((acc, values) => acc.concat(values), isInitializer ? [...initialValues] : []));
99
- }
100
- getElementById(item) {
101
- const children = this.fetchChildren(item);
102
- if (isObservable(children)) {
103
- return children;
104
- }
105
- return of(children);
106
- }
107
- itemIndex = (item, data) => {
108
- return data.findIndex(dataItem => this.mapper.extractFromTask(dataItem, 'id') === this.mapper.extractFromTask(item, 'id'));
109
- };
110
- isNew(item) {
111
- return !isPresent(this.mapper.extractFromDependency(item, 'id'));
112
- }
113
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditService, deps: [{ token: i1.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
114
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditService });
115
- }
116
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditService, decorators: [{
117
- type: Injectable
118
- }], ctorParameters: () => [{ type: i1.MappingService }] });