@progress/kendo-angular-gantt 1.0.1 → 2.0.0-dev.202204150748

package/esm2015/rendering/gantt-summary-task.component.js

@@ -0,0 +1,158 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, HostBinding, Inject, Input } from '@angular/core';
+import { TOUCH_ENABLED } from '../common/touch-enabled';
+import { GanttTaskBase } from './gantt-task-base';
+import { isPresent } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/mapping.service";
+import * as i2 from "./../timeline/timeline-view.service";
+import * as i3 from "../dependencies/dependency-dom.service";
+import * as i4 from "../common/option-changes.service";
+import * as i5 from "../navigation/navigation.service";
+import * as i6 from "@angular/common";
+/**
+ * @hidden
+ */
+export class GanttSummaryTaskComponent extends GanttTaskBase {
+    constructor(touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
+        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
+        this.touchEnabled = touchEnabled;
+        this.summaryWrapperClass = true;
+    }
+    get ariaExpanded() {
+        // if no callback is provided, all child items are displayed and the item is regarded as expanded
+        // replicates the TreeList aria-expanded behavior
+        const isExpanded = !isPresent(this.isExpanded) || this.isExpanded(this.dataItem);
+        return String(isExpanded);
+    }
+}
+GanttSummaryTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttSummaryTaskComponent, deps: [{ token: TOUCH_ENABLED }, { token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+GanttSummaryTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GanttSummaryTaskComponent, selector: "kendo-gantt-summary-task", inputs: { template: "template", isExpanded: "isExpanded" }, host: { properties: { "class.k-summary-wrap": "this.summaryWrapperClass" } }, providers: [
+        {
+            provide: GanttTaskBase,
+            useExisting: forwardRef(() => GanttSummaryTaskComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: `
+        <div
+            #task
+            role="treeitem"
+            class="k-task k-task-summary"
+            [ngClass]="taskClass(dataItem)"
+            [style.width.px]="taskWidth"
+            [attr.title]="mapper.extractFromTask(dataItem, 'title')"
+            [class.k-state-selected]="isSelected(dataItem)"
+            [attr.aria-selected]="ariaSelected"
+            [attr.aria-expanded]="ariaExpanded"
+            [attr.aria-level]="level + 1"
+        >
+            <div *ngIf="!template; else summaryTemplate"
+                class="k-task-summary-progress"
+                [style.width.px]="taskWidth">
+                <div
+                    class="k-task-summary-complete"
+                    [style.width.px]="completionOverlayWidth"
+                >
+                </div>
+            </div>
+            <ng-template
+                #summaryTemplate
+                [ngTemplateOutlet]="template"
+                [ngTemplateOutletContext]="{
+                    $implicit: dataItem,
+                    elementWidth: taskWidth
+                }"
+            >
+            </ng-template>
+        </div>
+        <ng-container *ngIf="renderDependencyDragClues">
+            <div
+                class="k-task-dot k-task-start k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+            <div
+                class="k-task-dot k-task-end k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+        </ng-container>
+    `, isInline: true, styles: ["\n        .k-task.k-focus {\n            box-shadow: 0 0 4px 3px grey;\n            outline: none;\n        }\n        .k-task.k-focus.k-state-selected {\n            box-shadow: 0 0 4px 3px #ffaea8;\n        }\n    "], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttSummaryTaskComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-summary-task',
+                    providers: [
+                        {
+                            provide: GanttTaskBase,
+                            useExisting: forwardRef(() => GanttSummaryTaskComponent)
+                        }
+                    ],
+                    template: `
+        <div
+            #task
+            role="treeitem"
+            class="k-task k-task-summary"
+            [ngClass]="taskClass(dataItem)"
+            [style.width.px]="taskWidth"
+            [attr.title]="mapper.extractFromTask(dataItem, 'title')"
+            [class.k-state-selected]="isSelected(dataItem)"
+            [attr.aria-selected]="ariaSelected"
+            [attr.aria-expanded]="ariaExpanded"
+            [attr.aria-level]="level + 1"
+        >
+            <div *ngIf="!template; else summaryTemplate"
+                class="k-task-summary-progress"
+                [style.width.px]="taskWidth">
+                <div
+                    class="k-task-summary-complete"
+                    [style.width.px]="completionOverlayWidth"
+                >
+                </div>
+            </div>
+            <ng-template
+                #summaryTemplate
+                [ngTemplateOutlet]="template"
+                [ngTemplateOutletContext]="{
+                    $implicit: dataItem,
+                    elementWidth: taskWidth
+                }"
+            >
+            </ng-template>
+        </div>
+        <ng-container *ngIf="renderDependencyDragClues">
+            <div
+                class="k-task-dot k-task-start k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+            <div
+                class="k-task-dot k-task-end k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+        </ng-container>
+    `,
+                    styles: [`
+        .k-task.k-focus {
+            box-shadow: 0 0 4px 3px grey;
+            outline: none;
+        }
+        .k-task.k-focus.k-state-selected {
+            box-shadow: 0 0 4px 3px #ffaea8;
+        }
+    `]
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TOUCH_ENABLED]
+                }] }, { type: i1.MappingService }, { type: i2.TimelineViewService }, { type: i3.DependencyDomService }, { type: i4.OptionChangesService }, { type: i0.ChangeDetectorRef }, { type: i5.NavigationService }]; }, propDecorators: { summaryWrapperClass: [{
+                type: HostBinding,
+                args: ['class.k-summary-wrap']
+            }], template: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/rendering/gantt-task-base.js

@@ -2,11 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ElementRef, HostBinding, Input, ViewChild } from '@angular/core';
+import { Directive, HostBinding, Input, ViewChild } from '@angular/core';
 import { MS_PER_HOUR, MS_PER_DAY } from '@progress/kendo-date-math';
 import { Subscription } from 'rxjs';
 import { isNumber, isPresent } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/mapping.service";
+import * as i2 from "../timeline/timeline-view.service";
+import * as i3 from "../dependencies/dependency-dom.service";
+import * as i4 from "../common/option-changes.service";
+import * as i5 from "../navigation/navigation.service";
 const slotUnitDuration = {
     day: MS_PER_HOUR,
     week: MS_PER_DAY,
@@ -104,53 +109,40 @@ export class GanttTaskBase {
         }
     }
 }
-tslib_1.__decorate([
-    HostBinding('class.k-task-wrap'),
-    tslib_1.__metadata("design:type", Boolean)
-], GanttTaskBase.prototype, "wrapperClass", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.data-task-index'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], GanttTaskBase.prototype, "taskIndexAttribute", null);
-tslib_1.__decorate([
-    ViewChild('task', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], GanttTaskBase.prototype, "taskElement", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], GanttTaskBase.prototype, "dataItem", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], GanttTaskBase.prototype, "index", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], GanttTaskBase.prototype, "level", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], GanttTaskBase.prototype, "renderDependencyDragClues", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], GanttTaskBase.prototype, "selectable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], GanttTaskBase.prototype, "isSelected", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], GanttTaskBase.prototype, "activeView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], GanttTaskBase.prototype, "taskClass", void 0);
-tslib_1.__decorate([
-    HostBinding('style.left.px'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], GanttTaskBase.prototype, "taskOffset", null);
+GanttTaskBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTaskBase, deps: [{ token: i1.MappingService }, { token: i2.TimelineViewService }, { token: i3.DependencyDomService }, { token: i4.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i5.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
+GanttTaskBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GanttTaskBase, selector: "kendo-gantt-task-base", inputs: { dataItem: "dataItem", index: "index", level: "level", renderDependencyDragClues: "renderDependencyDragClues", selectable: "selectable", isSelected: "isSelected", activeView: "activeView", taskClass: "taskClass" }, host: { properties: { "class.k-task-wrap": "this.wrapperClass", "attr.data-task-index": "this.taskIndexAttribute", "style.left.px": "this.taskOffset" } }, viewQueries: [{ propertyName: "taskElement", first: true, predicate: ["task"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTaskBase, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-gantt-task-base'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MappingService }, { type: i2.TimelineViewService }, { type: i3.DependencyDomService }, { type: i4.OptionChangesService }, { type: i0.ChangeDetectorRef }, { type: i5.NavigationService }]; }, propDecorators: { wrapperClass: [{
+                type: HostBinding,
+                args: ['class.k-task-wrap']
+            }], taskIndexAttribute: [{
+                type: HostBinding,
+                args: ['attr.data-task-index']
+            }], taskElement: [{
+                type: ViewChild,
+                args: ['task', { static: true }]
+            }], dataItem: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], renderDependencyDragClues: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], taskClass: [{
+                type: Input
+            }], taskOffset: [{
+                type: HostBinding,
+                args: ['style.left.px']
+            }] } });

package/esm2015/rendering/gantt-task.component.js

@@ -0,0 +1,204 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, Inject, Input } from '@angular/core';
+import { TOUCH_ENABLED } from '../common/touch-enabled';
+import { GanttTaskBase } from './gantt-task-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../editing/edit.service";
+import * as i2 from "../common/mapping.service";
+import * as i3 from "./../timeline/timeline-view.service";
+import * as i4 from "../dependencies/dependency-dom.service";
+import * as i5 from "../common/option-changes.service";
+import * as i6 from "../navigation/navigation.service";
+import * as i7 from "@angular/common";
+import * as i8 from "@progress/kendo-angular-common";
+/**
+ * @hidden
+ */
+export class GanttTaskComponent extends GanttTaskBase {
+    constructor(editService, touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
+        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
+        this.editService = editService;
+        this.touchEnabled = touchEnabled;
+    }
+    onTaskDelete() {
+        this.editService.dataItem = this.dataItem;
+        this.editService.taskDelete.next(this.dataItem);
+    }
+}
+GanttTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTaskComponent, deps: [{ token: i1.EditService }, { token: TOUCH_ENABLED }, { token: i2.MappingService }, { token: i3.TimelineViewService }, { token: i4.DependencyDomService }, { token: i5.OptionChangesService }, { token: i0.ChangeDetectorRef }, { token: i6.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+GanttTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GanttTaskComponent, selector: "kendo-gantt-task", inputs: { taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate" }, providers: [
+        {
+            provide: GanttTaskBase,
+            useExisting: forwardRef(() => GanttTaskComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: `
+        <div
+            #task
+            class="k-task k-task-single"
+            role="treeitem"
+            [ngClass]="taskClass(dataItem)"
+            [style.width.px]="taskWidth"
+            [attr.title]="mapper.extractFromTask(dataItem, 'title')"
+            [class.k-state-selected]="isSelected(dataItem)"
+            [attr.aria-selected]="ariaSelected"
+            [attr.aria-level]="level + 1"
+        >
+            <ng-container *ngIf="!taskTemplate">
+                <div
+                    class="k-task-complete"
+                    [style.width.px]="completionOverlayWidth"
+                        aria-hidden="true"
+                >
+                </div>
+                <div class="k-task-content">
+                    <div class="k-task-template">
+                        <ng-container *ngIf="!taskContentTemplate; else taskContent">
+                            {{ mapper.extractFromTask(dataItem, 'title') }}
+                        </ng-container>
+                        <ng-template
+                            #taskContent
+                            [ngTemplateOutlet]="taskContentTemplate"
+                            [ngTemplateOutletContext]="{ $implicit: dataItem }"
+                        >
+                        </ng-template>
+                    </div>
+                    <span
+                        class="k-task-actions"
+                        aria-hidden="true"
+                    >
+                        <span
+                            class="k-link k-task-delete"
+                            [kendoEventsOutsideAngular]="{
+                                click: onTaskDelete
+                            }"
+                            [scope]="this"
+                        >
+                            <span class="k-icon k-i-close"></span>
+                        </span>
+                    </span>
+                </div>
+            </ng-container>
+            <ng-template
+                *ngIf="taskTemplate"
+                [ngTemplateOutlet]="taskTemplate"
+                [ngTemplateOutletContext]="{
+                    $implicit: dataItem,
+                    elementWidth: taskWidth
+                }"
+            >
+            </ng-template>
+        </div>
+        <ng-container *ngIf="renderDependencyDragClues">
+            <div
+                class="k-task-dot k-task-start k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+            <div
+                class="k-task-dot k-task-end k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+        </ng-container>
+    `, isInline: true, styles: ["\n        .k-task.k-focus {\n            box-shadow: 0 0 4px 3px grey;\n            outline: none;\n        }\n        .k-task.k-focus.k-state-selected {\n            box-shadow: 0 0 4px 3px #ffaea8;\n        }\n    "], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTaskComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-gantt-task',
+                    providers: [
+                        {
+                            provide: GanttTaskBase,
+                            useExisting: forwardRef(() => GanttTaskComponent)
+                        }
+                    ],
+                    template: `
+        <div
+            #task
+            class="k-task k-task-single"
+            role="treeitem"
+            [ngClass]="taskClass(dataItem)"
+            [style.width.px]="taskWidth"
+            [attr.title]="mapper.extractFromTask(dataItem, 'title')"
+            [class.k-state-selected]="isSelected(dataItem)"
+            [attr.aria-selected]="ariaSelected"
+            [attr.aria-level]="level + 1"
+        >
+            <ng-container *ngIf="!taskTemplate">
+                <div
+                    class="k-task-complete"
+                    [style.width.px]="completionOverlayWidth"
+                        aria-hidden="true"
+                >
+                </div>
+                <div class="k-task-content">
+                    <div class="k-task-template">
+                        <ng-container *ngIf="!taskContentTemplate; else taskContent">
+                            {{ mapper.extractFromTask(dataItem, 'title') }}
+                        </ng-container>
+                        <ng-template
+                            #taskContent
+                            [ngTemplateOutlet]="taskContentTemplate"
+                            [ngTemplateOutletContext]="{ $implicit: dataItem }"
+                        >
+                        </ng-template>
+                    </div>
+                    <span
+                        class="k-task-actions"
+                        aria-hidden="true"
+                    >
+                        <span
+                            class="k-link k-task-delete"
+                            [kendoEventsOutsideAngular]="{
+                                click: onTaskDelete
+                            }"
+                            [scope]="this"
+                        >
+                            <span class="k-icon k-i-close"></span>
+                        </span>
+                    </span>
+                </div>
+            </ng-container>
+            <ng-template
+                *ngIf="taskTemplate"
+                [ngTemplateOutlet]="taskTemplate"
+                [ngTemplateOutletContext]="{
+                    $implicit: dataItem,
+                    elementWidth: taskWidth
+                }"
+            >
+            </ng-template>
+        </div>
+        <ng-container *ngIf="renderDependencyDragClues">
+            <div
+                class="k-task-dot k-task-start k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+            <div
+                class="k-task-dot k-task-end k-touch-action-none"
+                [class.k-display-block]="touchEnabled"
+            >
+            </div>
+        </ng-container>
+    `,
+                    styles: [`
+        .k-task.k-focus {
+            box-shadow: 0 0 4px 3px grey;
+            outline: none;
+        }
+        .k-task.k-focus.k-state-selected {
+            box-shadow: 0 0 4px 3px #ffaea8;
+        }
+    `]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TOUCH_ENABLED]
+                }] }, { type: i2.MappingService }, { type: i3.TimelineViewService }, { type: i4.DependencyDomService }, { type: i5.OptionChangesService }, { type: i0.ChangeDetectorRef }, { type: i6.NavigationService }]; }, propDecorators: { taskContentTemplate: [{
+                type: Input
+            }], taskTemplate: [{
+                type: Input
+            }] } });

package/esm2015/rendering/gantt-tasks-table-body.component.js

@@ -0,0 +1,160 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, ViewChild } from '@angular/core';
+import { isEqual } from '@progress/kendo-date-math';
+import { isPresent } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../dependencies/dependency-dom.service";
+import * as i2 from "../common/mapping.service";
+import * as i3 from "./gantt-milestone-task.component";
+import * as i4 from "./gantt-summary-task.component";
+import * as i5 from "./gantt-task.component";
+import * as i6 from "@angular/common";
+/**
+ * @hidden
+ */
+export class GanttTasksTableBodyComponent {
+    constructor(dependencyDomService, mapper) {
+        this.dependencyDomService = dependencyDomService;
+        this.mapper = mapper;
+    }
+    set timelineRow(timelineRow) {
+        // register the row value only when the first row is rendered
+        // with server-side data-binding, the rows rendering could be delayed
+        if (isPresent(timelineRow)) {
+            this.dependencyDomService.registerTimelineRow(timelineRow.nativeElement);
+        }
+    }
+    isMileStone(item) {
+        return !item.hasChildren && isEqual(this.mapper.extractFromTask(item.data, 'start'), this.mapper.extractFromTask(item.data, 'end'));
+    }
+}
+GanttTasksTableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: i1.DependencyDomService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Component });
+GanttTasksTableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: `
+        <tr #timelineRow *ngFor="let item of rows; let index = index">
+            <td>
+                <kendo-gantt-milestone-task
+                    *ngIf="isMileStone(item); else task"
+                    [dataItem]="item.data"
+                    [level]="item.level"
+                    [activeView]="activeView"
+                    [taskClass]="taskClass"
+                    [selectable]="selectable"
+                    [isSelected]="isTaskSelected"
+                    [index]="index"
+                    [renderDependencyDragClues]="renderDependencyDragClues"
+                >
+                </kendo-gantt-milestone-task>
+                <ng-template #task>
+                    <kendo-gantt-summary-task
+                        *ngIf="item.hasChildren"
+                        [dataItem]="item.data"
+                        [level]="item.level"
+                        [template]="summaryTaskTemplate"
+                        [activeView]="activeView"
+                        [taskClass]="taskClass"
+                        [selectable]="selectable"
+                        [isSelected]="isTaskSelected"
+                        [isExpanded]="isExpanded"
+                        [index]="index"
+                        [renderDependencyDragClues]="renderDependencyDragClues"
+                    >
+                    </kendo-gantt-summary-task>
+                    <kendo-gantt-task
+                        *ngIf="!item.hasChildren"
+                        [dataItem]="item.data"
+                        [level]="item.level"
+                        [taskContentTemplate]="taskContentTemplate"
+                        [taskTemplate]="taskTemplate"
+                        [activeView]="activeView"
+                        [taskClass]="taskClass"
+                        [selectable]="selectable"
+                        [isSelected]="isTaskSelected"
+                        [index]="index"
+                        [renderDependencyDragClues]="renderDependencyDragClues"
+                    >
+                    </kendo-gantt-task>
+                </ng-template>
+            </td>
+        </tr>
+    `, isInline: true, components: [{ type: i3.GanttMilestoneTaskComponent, selector: "kendo-gantt-milestone-task" }, { type: i4.GanttSummaryTaskComponent, selector: "kendo-gantt-summary-task", inputs: ["template", "isExpanded"] }, { type: i5.GanttTaskComponent, selector: "kendo-gantt-task", inputs: ["taskContentTemplate", "taskTemplate"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GanttTasksTableBodyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoGanttTasksTableBody]',
+                    template: `
+        <tr #timelineRow *ngFor="let item of rows; let index = index">
+            <td>
+                <kendo-gantt-milestone-task
+                    *ngIf="isMileStone(item); else task"
+                    [dataItem]="item.data"
+                    [level]="item.level"
+                    [activeView]="activeView"
+                    [taskClass]="taskClass"
+                    [selectable]="selectable"
+                    [isSelected]="isTaskSelected"
+                    [index]="index"
+                    [renderDependencyDragClues]="renderDependencyDragClues"
+                >
+                </kendo-gantt-milestone-task>
+                <ng-template #task>
+                    <kendo-gantt-summary-task
+                        *ngIf="item.hasChildren"
+                        [dataItem]="item.data"
+                        [level]="item.level"
+                        [template]="summaryTaskTemplate"
+                        [activeView]="activeView"
+                        [taskClass]="taskClass"
+                        [selectable]="selectable"
+                        [isSelected]="isTaskSelected"
+                        [isExpanded]="isExpanded"
+                        [index]="index"
+                        [renderDependencyDragClues]="renderDependencyDragClues"
+                    >
+                    </kendo-gantt-summary-task>
+                    <kendo-gantt-task
+                        *ngIf="!item.hasChildren"
+                        [dataItem]="item.data"
+                        [level]="item.level"
+                        [taskContentTemplate]="taskContentTemplate"
+                        [taskTemplate]="taskTemplate"
+                        [activeView]="activeView"
+                        [taskClass]="taskClass"
+                        [selectable]="selectable"
+                        [isSelected]="isTaskSelected"
+                        [index]="index"
+                        [renderDependencyDragClues]="renderDependencyDragClues"
+                    >
+                    </kendo-gantt-task>
+                </ng-template>
+            </td>
+        </tr>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DependencyDomService }, { type: i2.MappingService }]; }, propDecorators: { timelineRow: [{
+                type: ViewChild,
+                args: ['timelineRow', { static: false }]
+            }], selectable: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], taskContentTemplate: [{
+                type: Input
+            }], taskTemplate: [{
+                type: Input
+            }], summaryTaskTemplate: [{
+                type: Input
+            }], taskClass: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], isTaskSelected: [{
+                type: Input
+            }], renderDependencyDragClues: [{
+                type: Input
+            }] } });