@progress/kendo-angular-gantt 11.0.0-develop.83 → 11.0.0-develop.84
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/esm2020/package-metadata.mjs +1 -1
- package/esm2020/rendering/gantt-header-table-body.component.mjs +17 -11
- package/esm2020/rendering/gantt-tasks-table-body.component.mjs +4 -4
- package/esm2020/timeline/gantt-timeline.component.mjs +30 -28
- package/esm2020/toolbar/toolbar.component.mjs +5 -1
- package/fesm2015/progress-kendo-angular-gantt.mjs +57 -45
- package/fesm2020/progress-kendo-angular-gantt.mjs +57 -45
- package/package.json +11 -11
- package/rendering/gantt-header-table-body.component.d.ts +1 -0
- package/toolbar/toolbar.component.d.ts +2 -1
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-gantt',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1672920491,
|
|
13
13
|
version: '',
|
|
14
14
|
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'
|
|
15
15
|
};
|
|
@@ -2,22 +2,25 @@
|
|
|
2
2
|
* Copyright © 2023 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
|
-
import { Component, Input } from "@angular/core";
|
|
5
|
+
import { Component, HostBinding, Input } from "@angular/core";
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "@angular/common";
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
11
|
export class GanttHeaderTableBodyComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.tbodyClass = true;
|
|
14
|
+
}
|
|
12
15
|
}
|
|
13
16
|
GanttHeaderTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttHeaderTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, ngImport: i0, template: `
|
|
15
|
-
<tr>
|
|
16
|
-
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header">{{ item.text }}</td>
|
|
17
|
+
GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
|
|
18
|
+
<tr class="k-table-row">
|
|
19
|
+
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
17
20
|
</tr>
|
|
18
21
|
|
|
19
|
-
<tr>
|
|
20
|
-
<td *ngFor="let item of slots" class="k-header" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
22
|
+
<tr class="k-table-row">
|
|
23
|
+
<td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
21
24
|
</tr>
|
|
22
25
|
`, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
23
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttHeaderTableBodyComponent, decorators: [{
|
|
@@ -26,16 +29,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
26
29
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
27
30
|
selector: '[kendoGanttHeaderTableBody]',
|
|
28
31
|
template: `
|
|
29
|
-
<tr>
|
|
30
|
-
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header">{{ item.text }}</td>
|
|
32
|
+
<tr class="k-table-row">
|
|
33
|
+
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
31
34
|
</tr>
|
|
32
35
|
|
|
33
|
-
<tr>
|
|
34
|
-
<td *ngFor="let item of slots" class="k-header" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
36
|
+
<tr class="k-table-row">
|
|
37
|
+
<td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
35
38
|
</tr>
|
|
36
39
|
`
|
|
37
40
|
}]
|
|
38
|
-
}], propDecorators: {
|
|
41
|
+
}], propDecorators: { tbodyClass: [{
|
|
42
|
+
type: HostBinding,
|
|
43
|
+
args: ['class.k-table-tbody']
|
|
44
|
+
}], groupSlots: [{
|
|
39
45
|
type: Input
|
|
40
46
|
}], slots: [{
|
|
41
47
|
type: Input
|
|
@@ -35,8 +35,8 @@ export class GanttTasksTableBodyComponent {
|
|
|
35
35
|
}
|
|
36
36
|
GanttTasksTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: i1.DependencyDomService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
37
37
|
GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
|
|
38
|
-
<tr #timelineRow *ngFor="let item of rows; let index = index">
|
|
39
|
-
<td>
|
|
38
|
+
<tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
|
|
39
|
+
<td class="k-table-td">
|
|
40
40
|
<kendo-gantt-milestone-task
|
|
41
41
|
*ngIf="isMileStone(item); else task"
|
|
42
42
|
[dataItem]="item.data"
|
|
@@ -88,8 +88,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
88
88
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
89
89
|
selector: '[kendoGanttTasksTableBody]',
|
|
90
90
|
template: `
|
|
91
|
-
<tr #timelineRow *ngFor="let item of rows; let index = index">
|
|
92
|
-
<td>
|
|
91
|
+
<tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
|
|
92
|
+
<td class="k-table-td">
|
|
93
93
|
<kendo-gantt-milestone-task
|
|
94
94
|
*ngIf="isMileStone(item); else task"
|
|
95
95
|
[dataItem]="item.data"
|
|
@@ -66,10 +66,11 @@ export class GanttTimelineComponent {
|
|
|
66
66
|
}
|
|
67
67
|
GanttTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: i1.ScrollSyncService }, { token: i2.DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
68
68
|
GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, host: { properties: { "class.k-gantt-timeline": "this.hostClass" } }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], ngImport: i0, template: `
|
|
69
|
-
<div class="k-timeline k-grid k-
|
|
69
|
+
<div class="k-timeline k-grid k-grid-md">
|
|
70
70
|
<div class="k-grid-header">
|
|
71
71
|
<div #timelineHeaderWrap class="k-grid-header-wrap">
|
|
72
72
|
<table
|
|
73
|
+
class="k-table k-table-md k-grid-header-table"
|
|
73
74
|
role="presentation"
|
|
74
75
|
[style.width.px]="tableWidth"
|
|
75
76
|
>
|
|
@@ -98,22 +99,22 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
98
99
|
>
|
|
99
100
|
<div class="k-gantt-tables">
|
|
100
101
|
<table
|
|
101
|
-
class="k-gantt-rows"
|
|
102
|
+
class="k-table k-table-md k-grid-table k-gantt-rows"
|
|
102
103
|
[style.width.px]="tableWidth"
|
|
103
104
|
role="presentation"
|
|
104
105
|
>
|
|
105
|
-
<tbody>
|
|
106
|
-
<tr
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
<td></td>
|
|
106
|
+
<tbody class="k-table-tbody">
|
|
107
|
+
<tr
|
|
108
|
+
*ngFor="let item of rows; let i = index;"
|
|
109
|
+
class="k-table-row{{i % 2 ? ' k-alt k-table-row-alt' : ''}}">
|
|
110
|
+
<td class="k-table-td"></td>
|
|
110
111
|
</tr>
|
|
111
112
|
</tbody>
|
|
112
113
|
</table>
|
|
113
114
|
|
|
114
115
|
<table
|
|
115
116
|
#timelineColumns
|
|
116
|
-
class="k-gantt-columns"
|
|
117
|
+
class="k-table k-table-md k-gantt-columns"
|
|
117
118
|
role="presentation"
|
|
118
119
|
[style.width.px]="tableWidth"
|
|
119
120
|
>
|
|
@@ -121,24 +122,24 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
121
122
|
<col *ngFor="let item of slots">
|
|
122
123
|
</colgroup>
|
|
123
124
|
|
|
124
|
-
<tbody>
|
|
125
|
-
<tr>
|
|
125
|
+
<tbody class="k-table-tbody">
|
|
126
|
+
<tr class="k-table-row">
|
|
126
127
|
<td *ngFor="let item of slots"
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
</td>
|
|
128
|
+
class="k-table-td"
|
|
129
|
+
[class.k-nonwork-hour]="isNonWorking(item)"></td>
|
|
130
130
|
</tr>
|
|
131
131
|
</tbody>
|
|
132
132
|
</table>
|
|
133
133
|
|
|
134
134
|
<table
|
|
135
135
|
#tasksContainer
|
|
136
|
-
class="k-gantt-tasks"
|
|
136
|
+
class="k-table k-table-md k-gantt-tasks"
|
|
137
137
|
role="presentation"
|
|
138
138
|
[style.border-collapse]="'collapse'"
|
|
139
139
|
[style.width.px]="tableWidth"
|
|
140
140
|
>
|
|
141
141
|
<tbody
|
|
142
|
+
class="k-table-tbody"
|
|
142
143
|
kendoGanttTasksTableBody
|
|
143
144
|
[rows]="rows"
|
|
144
145
|
[activeView]="activeView"
|
|
@@ -173,10 +174,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
173
174
|
args: [{
|
|
174
175
|
selector: 'kendo-gantt-timeline',
|
|
175
176
|
template: `
|
|
176
|
-
<div class="k-timeline k-grid k-
|
|
177
|
+
<div class="k-timeline k-grid k-grid-md">
|
|
177
178
|
<div class="k-grid-header">
|
|
178
179
|
<div #timelineHeaderWrap class="k-grid-header-wrap">
|
|
179
180
|
<table
|
|
181
|
+
class="k-table k-table-md k-grid-header-table"
|
|
180
182
|
role="presentation"
|
|
181
183
|
[style.width.px]="tableWidth"
|
|
182
184
|
>
|
|
@@ -205,22 +207,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
205
207
|
>
|
|
206
208
|
<div class="k-gantt-tables">
|
|
207
209
|
<table
|
|
208
|
-
class="k-gantt-rows"
|
|
210
|
+
class="k-table k-table-md k-grid-table k-gantt-rows"
|
|
209
211
|
[style.width.px]="tableWidth"
|
|
210
212
|
role="presentation"
|
|
211
213
|
>
|
|
212
|
-
<tbody>
|
|
213
|
-
<tr
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
<td></td>
|
|
214
|
+
<tbody class="k-table-tbody">
|
|
215
|
+
<tr
|
|
216
|
+
*ngFor="let item of rows; let i = index;"
|
|
217
|
+
class="k-table-row{{i % 2 ? ' k-alt k-table-row-alt' : ''}}">
|
|
218
|
+
<td class="k-table-td"></td>
|
|
217
219
|
</tr>
|
|
218
220
|
</tbody>
|
|
219
221
|
</table>
|
|
220
222
|
|
|
221
223
|
<table
|
|
222
224
|
#timelineColumns
|
|
223
|
-
class="k-gantt-columns"
|
|
225
|
+
class="k-table k-table-md k-gantt-columns"
|
|
224
226
|
role="presentation"
|
|
225
227
|
[style.width.px]="tableWidth"
|
|
226
228
|
>
|
|
@@ -228,24 +230,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
228
230
|
<col *ngFor="let item of slots">
|
|
229
231
|
</colgroup>
|
|
230
232
|
|
|
231
|
-
<tbody>
|
|
232
|
-
<tr>
|
|
233
|
+
<tbody class="k-table-tbody">
|
|
234
|
+
<tr class="k-table-row">
|
|
233
235
|
<td *ngFor="let item of slots"
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
</td>
|
|
236
|
+
class="k-table-td"
|
|
237
|
+
[class.k-nonwork-hour]="isNonWorking(item)"></td>
|
|
237
238
|
</tr>
|
|
238
239
|
</tbody>
|
|
239
240
|
</table>
|
|
240
241
|
|
|
241
242
|
<table
|
|
242
243
|
#tasksContainer
|
|
243
|
-
class="k-gantt-tasks"
|
|
244
|
+
class="k-table k-table-md k-gantt-tasks"
|
|
244
245
|
role="presentation"
|
|
245
246
|
[style.border-collapse]="'collapse'"
|
|
246
247
|
[style.width.px]="tableWidth"
|
|
247
248
|
>
|
|
248
249
|
<tbody
|
|
250
|
+
class="k-table-tbody"
|
|
249
251
|
kendoGanttTasksTableBody
|
|
250
252
|
[rows]="rows"
|
|
251
253
|
[activeView]="activeView"
|
|
@@ -15,6 +15,7 @@ export class ToolbarComponent {
|
|
|
15
15
|
constructor() {
|
|
16
16
|
this.context = {};
|
|
17
17
|
this.role = 'toolbar';
|
|
18
|
+
this.toolbarSizingClass = true;
|
|
18
19
|
this.activeViewChange = new EventEmitter();
|
|
19
20
|
}
|
|
20
21
|
set position(value) {
|
|
@@ -36,7 +37,7 @@ export class ToolbarComponent {
|
|
|
36
37
|
}
|
|
37
38
|
}
|
|
38
39
|
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: `
|
|
40
|
+
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "attr.role": "this.role", "class.k-toolbar-md": "this.toolbarSizingClass" } }, ngImport: i0, template: `
|
|
40
41
|
<ng-container *ngIf="!renderTemplate">
|
|
41
42
|
<kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
|
|
42
43
|
<span class="k-spacer k-toolbar-spacer"></span>
|
|
@@ -78,6 +79,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
78
79
|
}], propDecorators: { role: [{
|
|
79
80
|
type: HostBinding,
|
|
80
81
|
args: ['attr.role']
|
|
82
|
+
}], toolbarSizingClass: [{
|
|
83
|
+
type: HostBinding,
|
|
84
|
+
args: ['class.k-toolbar-md']
|
|
81
85
|
}], activeViewChange: [{
|
|
82
86
|
type: Output
|
|
83
87
|
}], showAddTask: [{
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import { Injectable, Component, Input, InjectionToken, EventEmitter, Directive,
|
|
6
|
+
import { Injectable, Component, HostBinding, Input, InjectionToken, EventEmitter, Directive, ViewChild, forwardRef, Inject, ViewContainerRef, Output, Optional, QueryList, SkipSelf, Host, ContentChildren, ContentChild, isDevMode, NgModule } from '@angular/core';
|
|
7
7
|
import * as i11 from '@progress/kendo-angular-treelist';
|
|
8
8
|
import { ColumnBase, ColumnComponent, ColumnGroupComponent, SpanColumnComponent, DataBoundTreeComponent, ExpandableTreeComponent, TreeListComponent, FlatBindingDirective, HierarchyBindingDirective, ExpandableDirective, TreeListModule } from '@progress/kendo-angular-treelist';
|
|
9
9
|
import { Subject, Subscription, fromEvent, forkJoin, EMPTY, isObservable, of } from 'rxjs';
|
|
@@ -47,7 +47,7 @@ const packageMetadata = {
|
|
|
47
47
|
name: '@progress/kendo-angular-gantt',
|
|
48
48
|
productName: 'Kendo UI for Angular',
|
|
49
49
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
50
|
-
publishDate:
|
|
50
|
+
publishDate: 1672920491,
|
|
51
51
|
version: '',
|
|
52
52
|
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'
|
|
53
53
|
};
|
|
@@ -656,15 +656,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
656
656
|
* @hidden
|
|
657
657
|
*/
|
|
658
658
|
class GanttHeaderTableBodyComponent {
|
|
659
|
+
constructor() {
|
|
660
|
+
this.tbodyClass = true;
|
|
661
|
+
}
|
|
659
662
|
}
|
|
660
663
|
GanttHeaderTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttHeaderTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
661
|
-
GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, ngImport: i0, template: `
|
|
662
|
-
<tr>
|
|
663
|
-
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header">{{ item.text }}</td>
|
|
664
|
+
GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
|
|
665
|
+
<tr class="k-table-row">
|
|
666
|
+
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
664
667
|
</tr>
|
|
665
668
|
|
|
666
|
-
<tr>
|
|
667
|
-
<td *ngFor="let item of slots" class="k-header" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
669
|
+
<tr class="k-table-row">
|
|
670
|
+
<td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
668
671
|
</tr>
|
|
669
672
|
`, isInline: true, directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
670
673
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttHeaderTableBodyComponent, decorators: [{
|
|
@@ -673,16 +676,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
673
676
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
674
677
|
selector: '[kendoGanttHeaderTableBody]',
|
|
675
678
|
template: `
|
|
676
|
-
<tr>
|
|
677
|
-
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header">{{ item.text }}</td>
|
|
679
|
+
<tr class="k-table-row">
|
|
680
|
+
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
678
681
|
</tr>
|
|
679
682
|
|
|
680
|
-
<tr>
|
|
681
|
-
<td *ngFor="let item of slots" class="k-header" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
683
|
+
<tr class="k-table-row">
|
|
684
|
+
<td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
682
685
|
</tr>
|
|
683
686
|
`
|
|
684
687
|
}]
|
|
685
|
-
}], propDecorators: {
|
|
688
|
+
}], propDecorators: { tbodyClass: [{
|
|
689
|
+
type: HostBinding,
|
|
690
|
+
args: ['class.k-table-tbody']
|
|
691
|
+
}], groupSlots: [{
|
|
686
692
|
type: Input
|
|
687
693
|
}], slots: [{
|
|
688
694
|
type: Input
|
|
@@ -2072,8 +2078,8 @@ class GanttTasksTableBodyComponent {
|
|
|
2072
2078
|
}
|
|
2073
2079
|
GanttTasksTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: DependencyDomService }, { token: MappingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2074
2080
|
GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
|
|
2075
|
-
<tr #timelineRow *ngFor="let item of rows; let index = index">
|
|
2076
|
-
<td>
|
|
2081
|
+
<tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
|
|
2082
|
+
<td class="k-table-td">
|
|
2077
2083
|
<kendo-gantt-milestone-task
|
|
2078
2084
|
*ngIf="isMileStone(item); else task"
|
|
2079
2085
|
[dataItem]="item.data"
|
|
@@ -2125,8 +2131,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2125
2131
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
2126
2132
|
selector: '[kendoGanttTasksTableBody]',
|
|
2127
2133
|
template: `
|
|
2128
|
-
<tr #timelineRow *ngFor="let item of rows; let index = index">
|
|
2129
|
-
<td>
|
|
2134
|
+
<tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
|
|
2135
|
+
<td class="k-table-td">
|
|
2130
2136
|
<kendo-gantt-milestone-task
|
|
2131
2137
|
*ngIf="isMileStone(item); else task"
|
|
2132
2138
|
[dataItem]="item.data"
|
|
@@ -2693,10 +2699,11 @@ class GanttTimelineComponent {
|
|
|
2693
2699
|
}
|
|
2694
2700
|
GanttTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: ScrollSyncService }, { token: DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
2695
2701
|
GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, host: { properties: { "class.k-gantt-timeline": "this.hostClass" } }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], ngImport: i0, template: `
|
|
2696
|
-
<div class="k-timeline k-grid k-
|
|
2702
|
+
<div class="k-timeline k-grid k-grid-md">
|
|
2697
2703
|
<div class="k-grid-header">
|
|
2698
2704
|
<div #timelineHeaderWrap class="k-grid-header-wrap">
|
|
2699
2705
|
<table
|
|
2706
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2700
2707
|
role="presentation"
|
|
2701
2708
|
[style.width.px]="tableWidth"
|
|
2702
2709
|
>
|
|
@@ -2725,22 +2732,22 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
2725
2732
|
>
|
|
2726
2733
|
<div class="k-gantt-tables">
|
|
2727
2734
|
<table
|
|
2728
|
-
class="k-gantt-rows"
|
|
2735
|
+
class="k-table k-table-md k-grid-table k-gantt-rows"
|
|
2729
2736
|
[style.width.px]="tableWidth"
|
|
2730
2737
|
role="presentation"
|
|
2731
2738
|
>
|
|
2732
|
-
<tbody>
|
|
2733
|
-
<tr
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
<td></td>
|
|
2739
|
+
<tbody class="k-table-tbody">
|
|
2740
|
+
<tr
|
|
2741
|
+
*ngFor="let item of rows; let i = index;"
|
|
2742
|
+
class="k-table-row{{i % 2 ? ' k-alt k-table-row-alt' : ''}}">
|
|
2743
|
+
<td class="k-table-td"></td>
|
|
2737
2744
|
</tr>
|
|
2738
2745
|
</tbody>
|
|
2739
2746
|
</table>
|
|
2740
2747
|
|
|
2741
2748
|
<table
|
|
2742
2749
|
#timelineColumns
|
|
2743
|
-
class="k-gantt-columns"
|
|
2750
|
+
class="k-table k-table-md k-gantt-columns"
|
|
2744
2751
|
role="presentation"
|
|
2745
2752
|
[style.width.px]="tableWidth"
|
|
2746
2753
|
>
|
|
@@ -2748,24 +2755,24 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
2748
2755
|
<col *ngFor="let item of slots">
|
|
2749
2756
|
</colgroup>
|
|
2750
2757
|
|
|
2751
|
-
<tbody>
|
|
2752
|
-
<tr>
|
|
2758
|
+
<tbody class="k-table-tbody">
|
|
2759
|
+
<tr class="k-table-row">
|
|
2753
2760
|
<td *ngFor="let item of slots"
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
</td>
|
|
2761
|
+
class="k-table-td"
|
|
2762
|
+
[class.k-nonwork-hour]="isNonWorking(item)"></td>
|
|
2757
2763
|
</tr>
|
|
2758
2764
|
</tbody>
|
|
2759
2765
|
</table>
|
|
2760
2766
|
|
|
2761
2767
|
<table
|
|
2762
2768
|
#tasksContainer
|
|
2763
|
-
class="k-gantt-tasks"
|
|
2769
|
+
class="k-table k-table-md k-gantt-tasks"
|
|
2764
2770
|
role="presentation"
|
|
2765
2771
|
[style.border-collapse]="'collapse'"
|
|
2766
2772
|
[style.width.px]="tableWidth"
|
|
2767
2773
|
>
|
|
2768
2774
|
<tbody
|
|
2775
|
+
class="k-table-tbody"
|
|
2769
2776
|
kendoGanttTasksTableBody
|
|
2770
2777
|
[rows]="rows"
|
|
2771
2778
|
[activeView]="activeView"
|
|
@@ -2800,10 +2807,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2800
2807
|
args: [{
|
|
2801
2808
|
selector: 'kendo-gantt-timeline',
|
|
2802
2809
|
template: `
|
|
2803
|
-
<div class="k-timeline k-grid k-
|
|
2810
|
+
<div class="k-timeline k-grid k-grid-md">
|
|
2804
2811
|
<div class="k-grid-header">
|
|
2805
2812
|
<div #timelineHeaderWrap class="k-grid-header-wrap">
|
|
2806
2813
|
<table
|
|
2814
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2807
2815
|
role="presentation"
|
|
2808
2816
|
[style.width.px]="tableWidth"
|
|
2809
2817
|
>
|
|
@@ -2832,22 +2840,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2832
2840
|
>
|
|
2833
2841
|
<div class="k-gantt-tables">
|
|
2834
2842
|
<table
|
|
2835
|
-
class="k-gantt-rows"
|
|
2843
|
+
class="k-table k-table-md k-grid-table k-gantt-rows"
|
|
2836
2844
|
[style.width.px]="tableWidth"
|
|
2837
2845
|
role="presentation"
|
|
2838
2846
|
>
|
|
2839
|
-
<tbody>
|
|
2840
|
-
<tr
|
|
2841
|
-
|
|
2842
|
-
|
|
2843
|
-
<td></td>
|
|
2847
|
+
<tbody class="k-table-tbody">
|
|
2848
|
+
<tr
|
|
2849
|
+
*ngFor="let item of rows; let i = index;"
|
|
2850
|
+
class="k-table-row{{i % 2 ? ' k-alt k-table-row-alt' : ''}}">
|
|
2851
|
+
<td class="k-table-td"></td>
|
|
2844
2852
|
</tr>
|
|
2845
2853
|
</tbody>
|
|
2846
2854
|
</table>
|
|
2847
2855
|
|
|
2848
2856
|
<table
|
|
2849
2857
|
#timelineColumns
|
|
2850
|
-
class="k-gantt-columns"
|
|
2858
|
+
class="k-table k-table-md k-gantt-columns"
|
|
2851
2859
|
role="presentation"
|
|
2852
2860
|
[style.width.px]="tableWidth"
|
|
2853
2861
|
>
|
|
@@ -2855,24 +2863,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2855
2863
|
<col *ngFor="let item of slots">
|
|
2856
2864
|
</colgroup>
|
|
2857
2865
|
|
|
2858
|
-
<tbody>
|
|
2859
|
-
<tr>
|
|
2866
|
+
<tbody class="k-table-tbody">
|
|
2867
|
+
<tr class="k-table-row">
|
|
2860
2868
|
<td *ngFor="let item of slots"
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
</td>
|
|
2869
|
+
class="k-table-td"
|
|
2870
|
+
[class.k-nonwork-hour]="isNonWorking(item)"></td>
|
|
2864
2871
|
</tr>
|
|
2865
2872
|
</tbody>
|
|
2866
2873
|
</table>
|
|
2867
2874
|
|
|
2868
2875
|
<table
|
|
2869
2876
|
#tasksContainer
|
|
2870
|
-
class="k-gantt-tasks"
|
|
2877
|
+
class="k-table k-table-md k-gantt-tasks"
|
|
2871
2878
|
role="presentation"
|
|
2872
2879
|
[style.border-collapse]="'collapse'"
|
|
2873
2880
|
[style.width.px]="tableWidth"
|
|
2874
2881
|
>
|
|
2875
2882
|
<tbody
|
|
2883
|
+
class="k-table-tbody"
|
|
2876
2884
|
kendoGanttTasksTableBody
|
|
2877
2885
|
[rows]="rows"
|
|
2878
2886
|
[activeView]="activeView"
|
|
@@ -4107,6 +4115,7 @@ class ToolbarComponent {
|
|
|
4107
4115
|
constructor() {
|
|
4108
4116
|
this.context = {};
|
|
4109
4117
|
this.role = 'toolbar';
|
|
4118
|
+
this.toolbarSizingClass = true;
|
|
4110
4119
|
this.activeViewChange = new EventEmitter();
|
|
4111
4120
|
}
|
|
4112
4121
|
set position(value) {
|
|
@@ -4128,7 +4137,7 @@ class ToolbarComponent {
|
|
|
4128
4137
|
}
|
|
4129
4138
|
}
|
|
4130
4139
|
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4131
|
-
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: `
|
|
4140
|
+
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "attr.role": "this.role", "class.k-toolbar-md": "this.toolbarSizingClass" } }, ngImport: i0, template: `
|
|
4132
4141
|
<ng-container *ngIf="!renderTemplate">
|
|
4133
4142
|
<kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
|
|
4134
4143
|
<span class="k-spacer k-toolbar-spacer"></span>
|
|
@@ -4170,6 +4179,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
4170
4179
|
}], propDecorators: { role: [{
|
|
4171
4180
|
type: HostBinding,
|
|
4172
4181
|
args: ['attr.role']
|
|
4182
|
+
}], toolbarSizingClass: [{
|
|
4183
|
+
type: HostBinding,
|
|
4184
|
+
args: ['class.k-toolbar-md']
|
|
4173
4185
|
}], activeViewChange: [{
|
|
4174
4186
|
type: Output
|
|
4175
4187
|
}], showAddTask: [{
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import { Injectable, Component, Input, InjectionToken, EventEmitter, Directive,
|
|
6
|
+
import { Injectable, Component, HostBinding, Input, InjectionToken, EventEmitter, Directive, ViewChild, forwardRef, Inject, ViewContainerRef, Output, Optional, QueryList, SkipSelf, Host, ContentChildren, ContentChild, isDevMode, NgModule } from '@angular/core';
|
|
7
7
|
import * as i11 from '@progress/kendo-angular-treelist';
|
|
8
8
|
import { ColumnBase, ColumnComponent, ColumnGroupComponent, SpanColumnComponent, DataBoundTreeComponent, ExpandableTreeComponent, TreeListComponent, FlatBindingDirective, HierarchyBindingDirective, ExpandableDirective, TreeListModule } from '@progress/kendo-angular-treelist';
|
|
9
9
|
import { cloneDate, addWeeks, firstDayInWeek, addDays, lastDayOfMonth, getDate, firstDayOfMonth, addMonths, lastMonthOfYear, MS_PER_HOUR, MS_PER_DAY, isEqual } from '@progress/kendo-date-math';
|
|
@@ -47,7 +47,7 @@ const packageMetadata = {
|
|
|
47
47
|
name: '@progress/kendo-angular-gantt',
|
|
48
48
|
productName: 'Kendo UI for Angular',
|
|
49
49
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
50
|
-
publishDate:
|
|
50
|
+
publishDate: 1672920491,
|
|
51
51
|
version: '',
|
|
52
52
|
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'
|
|
53
53
|
};
|
|
@@ -656,15 +656,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
656
656
|
* @hidden
|
|
657
657
|
*/
|
|
658
658
|
class GanttHeaderTableBodyComponent {
|
|
659
|
+
constructor() {
|
|
660
|
+
this.tbodyClass = true;
|
|
661
|
+
}
|
|
659
662
|
}
|
|
660
663
|
GanttHeaderTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttHeaderTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
661
|
-
GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, ngImport: i0, template: `
|
|
662
|
-
<tr>
|
|
663
|
-
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header">{{ item.text }}</td>
|
|
664
|
+
GanttHeaderTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: { groupSlots: "groupSlots", slots: "slots" }, host: { properties: { "class.k-table-tbody": "this.tbodyClass" } }, ngImport: i0, template: `
|
|
665
|
+
<tr class="k-table-row">
|
|
666
|
+
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
664
667
|
</tr>
|
|
665
668
|
|
|
666
|
-
<tr>
|
|
667
|
-
<td *ngFor="let item of slots" class="k-header" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
669
|
+
<tr class="k-table-row">
|
|
670
|
+
<td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
668
671
|
</tr>
|
|
669
672
|
`, isInline: true, directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
670
673
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttHeaderTableBodyComponent, decorators: [{
|
|
@@ -673,16 +676,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
673
676
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
674
677
|
selector: '[kendoGanttHeaderTableBody]',
|
|
675
678
|
template: `
|
|
676
|
-
<tr>
|
|
677
|
-
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header">{{ item.text }}</td>
|
|
679
|
+
<tr class="k-table-row">
|
|
680
|
+
<td *ngFor="let item of groupSlots" [attr.colspan]="item.span" class="k-header k-table-td">{{ item.text }}</td>
|
|
678
681
|
</tr>
|
|
679
682
|
|
|
680
|
-
<tr>
|
|
681
|
-
<td *ngFor="let item of slots" class="k-header" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
683
|
+
<tr class="k-table-row">
|
|
684
|
+
<td *ngFor="let item of slots" class="k-header k-table-td" [attr.colspan]="item.span === 7 ? item.span : 1" [attr.title]="item.text">{{ item.text }}</td>
|
|
682
685
|
</tr>
|
|
683
686
|
`
|
|
684
687
|
}]
|
|
685
|
-
}], propDecorators: {
|
|
688
|
+
}], propDecorators: { tbodyClass: [{
|
|
689
|
+
type: HostBinding,
|
|
690
|
+
args: ['class.k-table-tbody']
|
|
691
|
+
}], groupSlots: [{
|
|
686
692
|
type: Input
|
|
687
693
|
}], slots: [{
|
|
688
694
|
type: Input
|
|
@@ -2066,8 +2072,8 @@ class GanttTasksTableBodyComponent {
|
|
|
2066
2072
|
}
|
|
2067
2073
|
GanttTasksTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: DependencyDomService }, { token: MappingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2068
2074
|
GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
|
|
2069
|
-
<tr #timelineRow *ngFor="let item of rows; let index = index">
|
|
2070
|
-
<td>
|
|
2075
|
+
<tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
|
|
2076
|
+
<td class="k-table-td">
|
|
2071
2077
|
<kendo-gantt-milestone-task
|
|
2072
2078
|
*ngIf="isMileStone(item); else task"
|
|
2073
2079
|
[dataItem]="item.data"
|
|
@@ -2119,8 +2125,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2119
2125
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
2120
2126
|
selector: '[kendoGanttTasksTableBody]',
|
|
2121
2127
|
template: `
|
|
2122
|
-
<tr #timelineRow *ngFor="let item of rows; let index = index">
|
|
2123
|
-
<td>
|
|
2128
|
+
<tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
|
|
2129
|
+
<td class="k-table-td">
|
|
2124
2130
|
<kendo-gantt-milestone-task
|
|
2125
2131
|
*ngIf="isMileStone(item); else task"
|
|
2126
2132
|
[dataItem]="item.data"
|
|
@@ -2687,10 +2693,11 @@ class GanttTimelineComponent {
|
|
|
2687
2693
|
}
|
|
2688
2694
|
GanttTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: ScrollSyncService }, { token: DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
2689
2695
|
GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, host: { properties: { "class.k-gantt-timeline": "this.hostClass" } }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], ngImport: i0, template: `
|
|
2690
|
-
<div class="k-timeline k-grid k-
|
|
2696
|
+
<div class="k-timeline k-grid k-grid-md">
|
|
2691
2697
|
<div class="k-grid-header">
|
|
2692
2698
|
<div #timelineHeaderWrap class="k-grid-header-wrap">
|
|
2693
2699
|
<table
|
|
2700
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2694
2701
|
role="presentation"
|
|
2695
2702
|
[style.width.px]="tableWidth"
|
|
2696
2703
|
>
|
|
@@ -2719,22 +2726,22 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
2719
2726
|
>
|
|
2720
2727
|
<div class="k-gantt-tables">
|
|
2721
2728
|
<table
|
|
2722
|
-
class="k-gantt-rows"
|
|
2729
|
+
class="k-table k-table-md k-grid-table k-gantt-rows"
|
|
2723
2730
|
[style.width.px]="tableWidth"
|
|
2724
2731
|
role="presentation"
|
|
2725
2732
|
>
|
|
2726
|
-
<tbody>
|
|
2727
|
-
<tr
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
<td></td>
|
|
2733
|
+
<tbody class="k-table-tbody">
|
|
2734
|
+
<tr
|
|
2735
|
+
*ngFor="let item of rows; let i = index;"
|
|
2736
|
+
class="k-table-row{{i % 2 ? ' k-alt k-table-row-alt' : ''}}">
|
|
2737
|
+
<td class="k-table-td"></td>
|
|
2731
2738
|
</tr>
|
|
2732
2739
|
</tbody>
|
|
2733
2740
|
</table>
|
|
2734
2741
|
|
|
2735
2742
|
<table
|
|
2736
2743
|
#timelineColumns
|
|
2737
|
-
class="k-gantt-columns"
|
|
2744
|
+
class="k-table k-table-md k-gantt-columns"
|
|
2738
2745
|
role="presentation"
|
|
2739
2746
|
[style.width.px]="tableWidth"
|
|
2740
2747
|
>
|
|
@@ -2742,24 +2749,24 @@ GanttTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
2742
2749
|
<col *ngFor="let item of slots">
|
|
2743
2750
|
</colgroup>
|
|
2744
2751
|
|
|
2745
|
-
<tbody>
|
|
2746
|
-
<tr>
|
|
2752
|
+
<tbody class="k-table-tbody">
|
|
2753
|
+
<tr class="k-table-row">
|
|
2747
2754
|
<td *ngFor="let item of slots"
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
</td>
|
|
2755
|
+
class="k-table-td"
|
|
2756
|
+
[class.k-nonwork-hour]="isNonWorking(item)"></td>
|
|
2751
2757
|
</tr>
|
|
2752
2758
|
</tbody>
|
|
2753
2759
|
</table>
|
|
2754
2760
|
|
|
2755
2761
|
<table
|
|
2756
2762
|
#tasksContainer
|
|
2757
|
-
class="k-gantt-tasks"
|
|
2763
|
+
class="k-table k-table-md k-gantt-tasks"
|
|
2758
2764
|
role="presentation"
|
|
2759
2765
|
[style.border-collapse]="'collapse'"
|
|
2760
2766
|
[style.width.px]="tableWidth"
|
|
2761
2767
|
>
|
|
2762
2768
|
<tbody
|
|
2769
|
+
class="k-table-tbody"
|
|
2763
2770
|
kendoGanttTasksTableBody
|
|
2764
2771
|
[rows]="rows"
|
|
2765
2772
|
[activeView]="activeView"
|
|
@@ -2794,10 +2801,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2794
2801
|
args: [{
|
|
2795
2802
|
selector: 'kendo-gantt-timeline',
|
|
2796
2803
|
template: `
|
|
2797
|
-
<div class="k-timeline k-grid k-
|
|
2804
|
+
<div class="k-timeline k-grid k-grid-md">
|
|
2798
2805
|
<div class="k-grid-header">
|
|
2799
2806
|
<div #timelineHeaderWrap class="k-grid-header-wrap">
|
|
2800
2807
|
<table
|
|
2808
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2801
2809
|
role="presentation"
|
|
2802
2810
|
[style.width.px]="tableWidth"
|
|
2803
2811
|
>
|
|
@@ -2826,22 +2834,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2826
2834
|
>
|
|
2827
2835
|
<div class="k-gantt-tables">
|
|
2828
2836
|
<table
|
|
2829
|
-
class="k-gantt-rows"
|
|
2837
|
+
class="k-table k-table-md k-grid-table k-gantt-rows"
|
|
2830
2838
|
[style.width.px]="tableWidth"
|
|
2831
2839
|
role="presentation"
|
|
2832
2840
|
>
|
|
2833
|
-
<tbody>
|
|
2834
|
-
<tr
|
|
2835
|
-
|
|
2836
|
-
|
|
2837
|
-
<td></td>
|
|
2841
|
+
<tbody class="k-table-tbody">
|
|
2842
|
+
<tr
|
|
2843
|
+
*ngFor="let item of rows; let i = index;"
|
|
2844
|
+
class="k-table-row{{i % 2 ? ' k-alt k-table-row-alt' : ''}}">
|
|
2845
|
+
<td class="k-table-td"></td>
|
|
2838
2846
|
</tr>
|
|
2839
2847
|
</tbody>
|
|
2840
2848
|
</table>
|
|
2841
2849
|
|
|
2842
2850
|
<table
|
|
2843
2851
|
#timelineColumns
|
|
2844
|
-
class="k-gantt-columns"
|
|
2852
|
+
class="k-table k-table-md k-gantt-columns"
|
|
2845
2853
|
role="presentation"
|
|
2846
2854
|
[style.width.px]="tableWidth"
|
|
2847
2855
|
>
|
|
@@ -2849,24 +2857,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2849
2857
|
<col *ngFor="let item of slots">
|
|
2850
2858
|
</colgroup>
|
|
2851
2859
|
|
|
2852
|
-
<tbody>
|
|
2853
|
-
<tr>
|
|
2860
|
+
<tbody class="k-table-tbody">
|
|
2861
|
+
<tr class="k-table-row">
|
|
2854
2862
|
<td *ngFor="let item of slots"
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
</td>
|
|
2863
|
+
class="k-table-td"
|
|
2864
|
+
[class.k-nonwork-hour]="isNonWorking(item)"></td>
|
|
2858
2865
|
</tr>
|
|
2859
2866
|
</tbody>
|
|
2860
2867
|
</table>
|
|
2861
2868
|
|
|
2862
2869
|
<table
|
|
2863
2870
|
#tasksContainer
|
|
2864
|
-
class="k-gantt-tasks"
|
|
2871
|
+
class="k-table k-table-md k-gantt-tasks"
|
|
2865
2872
|
role="presentation"
|
|
2866
2873
|
[style.border-collapse]="'collapse'"
|
|
2867
2874
|
[style.width.px]="tableWidth"
|
|
2868
2875
|
>
|
|
2869
2876
|
<tbody
|
|
2877
|
+
class="k-table-tbody"
|
|
2870
2878
|
kendoGanttTasksTableBody
|
|
2871
2879
|
[rows]="rows"
|
|
2872
2880
|
[activeView]="activeView"
|
|
@@ -4073,6 +4081,7 @@ class ToolbarComponent {
|
|
|
4073
4081
|
constructor() {
|
|
4074
4082
|
this.context = {};
|
|
4075
4083
|
this.role = 'toolbar';
|
|
4084
|
+
this.toolbarSizingClass = true;
|
|
4076
4085
|
this.activeViewChange = new EventEmitter();
|
|
4077
4086
|
}
|
|
4078
4087
|
set position(value) {
|
|
@@ -4094,7 +4103,7 @@ class ToolbarComponent {
|
|
|
4094
4103
|
}
|
|
4095
4104
|
}
|
|
4096
4105
|
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4097
|
-
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: `
|
|
4106
|
+
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "attr.role": "this.role", "class.k-toolbar-md": "this.toolbarSizingClass" } }, ngImport: i0, template: `
|
|
4098
4107
|
<ng-container *ngIf="!renderTemplate">
|
|
4099
4108
|
<kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
|
|
4100
4109
|
<span class="k-spacer k-toolbar-spacer"></span>
|
|
@@ -4136,6 +4145,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
4136
4145
|
}], propDecorators: { role: [{
|
|
4137
4146
|
type: HostBinding,
|
|
4138
4147
|
args: ['attr.role']
|
|
4148
|
+
}], toolbarSizingClass: [{
|
|
4149
|
+
type: HostBinding,
|
|
4150
|
+
args: ['class.k-toolbar-md']
|
|
4139
4151
|
}], activeViewChange: [{
|
|
4140
4152
|
type: Output
|
|
4141
4153
|
}], showAddTask: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-gantt",
|
|
3
|
-
"version": "11.0.0-develop.
|
|
3
|
+
"version": "11.0.0-develop.84",
|
|
4
4
|
"description": "Kendo UI Angular Gantt",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"@progress/kendo-date-math": "^1.5.2",
|
|
28
28
|
"@progress/kendo-draggable": "^3.0.0",
|
|
29
29
|
"@progress/kendo-licensing": "^1.0.2",
|
|
30
|
-
"@progress/kendo-angular-buttons": "11.0.0-develop.
|
|
31
|
-
"@progress/kendo-angular-common": "11.0.0-develop.
|
|
32
|
-
"@progress/kendo-angular-dialog": "11.0.0-develop.
|
|
33
|
-
"@progress/kendo-angular-dropdowns": "11.0.0-develop.
|
|
34
|
-
"@progress/kendo-angular-grid": "11.0.0-develop.
|
|
35
|
-
"@progress/kendo-angular-intl": "11.0.0-develop.
|
|
36
|
-
"@progress/kendo-angular-layout": "11.0.0-develop.
|
|
37
|
-
"@progress/kendo-angular-popup": "11.0.0-develop.
|
|
38
|
-
"@progress/kendo-angular-schematics": "11.0.0-develop.
|
|
39
|
-
"@progress/kendo-angular-treelist": "11.0.0-develop.
|
|
30
|
+
"@progress/kendo-angular-buttons": "11.0.0-develop.84",
|
|
31
|
+
"@progress/kendo-angular-common": "11.0.0-develop.84",
|
|
32
|
+
"@progress/kendo-angular-dialog": "11.0.0-develop.84",
|
|
33
|
+
"@progress/kendo-angular-dropdowns": "11.0.0-develop.84",
|
|
34
|
+
"@progress/kendo-angular-grid": "11.0.0-develop.84",
|
|
35
|
+
"@progress/kendo-angular-intl": "11.0.0-develop.84",
|
|
36
|
+
"@progress/kendo-angular-layout": "11.0.0-develop.84",
|
|
37
|
+
"@progress/kendo-angular-popup": "11.0.0-develop.84",
|
|
38
|
+
"@progress/kendo-angular-schematics": "11.0.0-develop.84",
|
|
39
|
+
"@progress/kendo-angular-treelist": "11.0.0-develop.84",
|
|
40
40
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
@@ -12,11 +12,12 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
export declare class ToolbarComponent {
|
|
13
13
|
context: any;
|
|
14
14
|
role: string;
|
|
15
|
+
toolbarSizingClass: boolean;
|
|
15
16
|
activeViewChange: EventEmitter<TimelineViewType>;
|
|
16
17
|
showAddTask: boolean;
|
|
17
18
|
showViewSelector: boolean;
|
|
18
19
|
views: TimelineViewType[];
|
|
19
|
-
activeView:
|
|
20
|
+
activeView: TimelineViewType;
|
|
20
21
|
toolbarTemplate: ToolbarTemplateDirective;
|
|
21
22
|
set position(value: 'top' | 'bottom');
|
|
22
23
|
get position(): 'top' | 'bottom';
|