@progress/kendo-angular-gantt 0.3.0-dev.202201131518 → 0.3.0-dev.202201190830

package/dist/es2015/navigation/utils.js

@@ -0,0 +1,69 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Keys } from '@progress/kendo-angular-common';
+// TODO: add those keys to `import { Keys } from '@progress/kendo-angular-common';`
+var NumpadKeys;
+(function (NumpadKeys) {
+    NumpadKeys[NumpadKeys["Digit1"] = 97] = "Digit1";
+    NumpadKeys[NumpadKeys["Digit2"] = 98] = "Digit2";
+    NumpadKeys[NumpadKeys["Digit3"] = 99] = "Digit3";
+    NumpadKeys[NumpadKeys["Digit4"] = 100] = "Digit4";
+})(NumpadKeys || (NumpadKeys = {}));
+/**
+ * @hidden
+ */
+export const isArrowUpDownKey = (keyCode) => [
+    Keys.ArrowUp,
+    Keys.ArrowDown
+].some(arrowKeyCode => keyCode === arrowKeyCode);
+/**
+ * @hidden
+ */
+export const isNavigationKey = (keyCode) => [
+    Keys.ArrowUp,
+    Keys.ArrowDown,
+    Keys.Home,
+    Keys.End
+].some(navigationKeyCode => keyCode === navigationKeyCode);
+/**
+ * @hidden
+ */
+export const isExpandCollapseKey = (keyCode, altKey) => {
+    return altKey && [
+        Keys.ArrowLeft,
+        Keys.ArrowRight
+    ].some(navigationKeyCode => keyCode === navigationKeyCode);
+};
+/**
+ * @hidden
+ */
+export const isViewDigitKey = (keyCode) => [
+    Keys.Digit1,
+    NumpadKeys.Digit1,
+    Keys.Digit2,
+    NumpadKeys.Digit2,
+    Keys.Digit3,
+    NumpadKeys.Digit3,
+    Keys.Digit4,
+    NumpadKeys.Digit4
+].some(digitKeyCode => keyCode === digitKeyCode);
+/**
+ * @hidden
+ *
+ * Returns the corresponding view index for the pressed digit key (Digit 1 => 0, Digit 2 => 1, etc.).
+ */
+export const getIndexFromViewDigitKeyCode = (keyCode) => {
+    switch (keyCode) {
+        case NumpadKeys.Digit1:
+        case Keys.Digit1: return 0;
+        case NumpadKeys.Digit2:
+        case Keys.Digit2: return 1;
+        case NumpadKeys.Digit3:
+        case Keys.Digit3: return 2;
+        case NumpadKeys.Digit4:
+        case Keys.Digit4: return 3;
+        default: return null;
+    }
+};

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642086647,
+    publishDate: 1642580546,
     version: '',
     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'
 };

package/dist/es2015/rendering/gantt-milestone-task.component.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef } from '@angular/core';
 import { MappingService } from '../common/mapping.service';
+import { NavigationService } from '../navigation/navigation.service';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { OptionChangesService } from '../common/option-changes.service';
 import { TimelineViewService } from './../timeline/timeline-view.service';
@@ -14,5 +15,5 @@ import { GanttTaskBase } from './gantt-task-base';
 export declare class GanttMilestoneTaskComponent extends GanttTaskBase {
     touchEnabled: boolean;
     milestoneWrapperClass: boolean;
-    constructor(touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
+    constructor(touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
 }

package/dist/es2015/rendering/gantt-milestone-task.component.js

@@ -6,6 +6,7 @@ import * as tslib_1 from "tslib";
 var GanttMilestoneTaskComponent_1;
 import { Component, forwardRef, HostBinding, ChangeDetectorRef, Inject } from '@angular/core';
 import { MappingService } from '../common/mapping.service';
+import { NavigationService } from '../navigation/navigation.service';
 import { TOUCH_ENABLED } from '../common/touch-enabled';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { OptionChangesService } from '../common/option-changes.service';
@@ -15,8 +16,8 @@ import { GanttTaskBase } from './gantt-task-base';
  * @hidden
  */
 let GanttMilestoneTaskComponent = GanttMilestoneTaskComponent_1 = class GanttMilestoneTaskComponent extends GanttTaskBase {
-    constructor(touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
-        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr);
+    constructor(touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
+        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
         this.touchEnabled = touchEnabled;
         this.milestoneWrapperClass = true;
     }
@@ -37,10 +38,13 @@ GanttMilestoneTaskComponent = GanttMilestoneTaskComponent_1 = tslib_1.__decorate
         template: `
         <div
             #task
+            role="treeitem"
             class="k-task k-task-milestone"
             [ngClass]="taskClass(dataItem)"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
             [class.k-state-selected]="isSelected(dataItem)"
+            [attr.aria-selected]="ariaSelected"
+            [attr.aria-level]="level + 1"
         >
         </div>
         <ng-container *ngIf="renderDependencyDragClues">
@@ -55,13 +59,23 @@ GanttMilestoneTaskComponent = GanttMilestoneTaskComponent_1 = tslib_1.__decorate
             >
             </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;
+        }
+    `]
     }),
     tslib_1.__param(0, Inject(TOUCH_ENABLED)),
     tslib_1.__metadata("design:paramtypes", [Boolean, MappingService,
         TimelineViewService,
         DependencyDomService,
         OptionChangesService,
-        ChangeDetectorRef])
+        ChangeDetectorRef,
+        NavigationService])
 ], GanttMilestoneTaskComponent);
 export { GanttMilestoneTaskComponent };

package/dist/es2015/rendering/gantt-summary-task.component.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, TemplateRef } from '@angular/core';
 import { MappingService } from '../common/mapping.service';
+import { NavigationService } from '../navigation/navigation.service';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { OptionChangesService } from '../common/option-changes.service';
 import { TimelineViewService } from './../timeline/timeline-view.service';
@@ -15,5 +16,7 @@ export declare class GanttSummaryTaskComponent extends GanttTaskBase {
     touchEnabled: boolean;
     summaryWrapperClass: boolean;
     template: TemplateRef<any>;
-    constructor(touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
+    isExpanded: (task: object) => boolean;
+    readonly ariaExpanded: string;
+    constructor(touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
 }

package/dist/es2015/rendering/gantt-summary-task.component.js

@@ -6,20 +6,28 @@ import * as tslib_1 from "tslib";
 var GanttSummaryTaskComponent_1;
 import { ChangeDetectorRef, Component, forwardRef, HostBinding, Inject, Input, TemplateRef } from '@angular/core';
 import { MappingService } from '../common/mapping.service';
+import { NavigationService } from '../navigation/navigation.service';
 import { TOUCH_ENABLED } from '../common/touch-enabled';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { OptionChangesService } from '../common/option-changes.service';
 import { TimelineViewService } from './../timeline/timeline-view.service';
 import { GanttTaskBase } from './gantt-task-base';
+import { isPresent } from '../utils';
 /**
  * @hidden
  */
 let GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = class GanttSummaryTaskComponent extends GanttTaskBase {
-    constructor(touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
-        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr);
+    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);
+    }
 };
 tslib_1.__decorate([
     HostBinding('class.k-summary-wrap'),
@@ -29,6 +37,10 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", TemplateRef)
 ], GanttSummaryTaskComponent.prototype, "template", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Function)
+], GanttSummaryTaskComponent.prototype, "isExpanded", void 0);
 GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = tslib_1.__decorate([
     Component({
         selector: 'kendo-gantt-summary-task',
@@ -41,11 +53,15 @@ GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = tslib_1.__decorate([
         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"
@@ -78,13 +94,23 @@ GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = tslib_1.__decorate([
             >
             </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;
+        }
+    `]
     }),
     tslib_1.__param(0, Inject(TOUCH_ENABLED)),
     tslib_1.__metadata("design:paramtypes", [Boolean, MappingService,
         TimelineViewService,
         DependencyDomService,
         OptionChangesService,
-        ChangeDetectorRef])
+        ChangeDetectorRef,
+        NavigationService])
 ], GanttSummaryTaskComponent);
 export { GanttSummaryTaskComponent };

package/dist/es2015/rendering/gantt-task-base.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, ElementRef, SimpleChanges } from '@angular/core';
+import { NavigationService } from '../navigation/navigation.service';
 import { OptionChangesService } from '../common/option-changes.service';
 import { TaskClassFn } from '../models/class-callbacks';
 import { TimelineViewType } from '../models/timeline-view';
@@ -18,17 +19,22 @@ export declare abstract class GanttTaskBase {
     private dependencyDomService;
     private optionChangesService;
     private cdr;
+    private navigationService;
     wrapperClass: boolean;
+    readonly taskIndexAttribute: number;
     /**
      * Points to the `.k-task` element of the template (present in all three task types).
      */
     taskElement: ElementRef<HTMLElement>;
     dataItem: any;
+    index: number;
+    level: number;
     renderDependencyDragClues: boolean;
+    selectable: boolean;
     isSelected: (dataItem: object) => boolean;
     activeView: TimelineViewType;
     taskClass: TaskClassFn;
-    private viewChangesSubscription;
+    readonly ariaSelected: string;
     readonly slotUnitDuration: number;
     private readonly viewService;
     readonly slotWidth: number;
@@ -41,8 +47,10 @@ export declare abstract class GanttTaskBase {
      */
     readonly taskOffset: number;
     readonly completionOverlayWidth: number;
+    private subscriptions;
     constructor(mapper: MappingService, // left public to be available for usage in the templates
-    timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
+    timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    private updateActiveState;
 }

package/dist/es2015/rendering/gantt-task-base.js

@@ -12,22 +12,32 @@ const slotUnitDuration = {
     week: MS_PER_DAY,
     month: MS_PER_DAY * 7
 };
+const FOCUSED_CLASS = 'k-focus';
 /**
  * @hidden
  */
 export class GanttTaskBase {
     constructor(mapper, // left public to be available for usage in the templates
-    timelineViewService, dependencyDomService, optionChangesService, cdr) {
+    timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
         this.mapper = mapper;
         this.timelineViewService = timelineViewService;
         this.dependencyDomService = dependencyDomService;
         this.optionChangesService = optionChangesService;
         this.cdr = cdr;
+        this.navigationService = navigationService;
         this.wrapperClass = true;
-        this.viewChangesSubscription = new Subscription();
-        this.viewChangesSubscription.add(this.optionChangesService.viewChanges.subscribe(() => {
-            this.cdr.markForCheck();
-        }));
+        this.subscriptions = new Subscription();
+        this.subscriptions.add(this.optionChangesService.viewChanges
+            .subscribe(() => this.cdr.markForCheck()));
+        this.subscriptions.add(this.navigationService.taskStatusChanges
+            .subscribe(this.updateActiveState.bind(this)));
+    }
+    get taskIndexAttribute() {
+        return this.index;
+    }
+    get ariaSelected() {
+        // assinging null will not render the attribute at all (desired in selectable="false" mode)
+        return this.selectable ? String(this.isSelected(this.dataItem)) : null;
     }
     get slotUnitDuration() {
         return slotUnitDuration[this.activeView];
@@ -71,18 +81,38 @@ export class GanttTaskBase {
         else if (isPresent(changes.activeView)) {
             this.dependencyDomService.notifyChanges();
         }
+        if (this.navigationService.enabled && isPresent(changes.index)) {
+            this.updateActiveState(this.navigationService.activeTask);
+        }
     }
     ngOnDestroy() {
         if (isPresent(this.dataItem)) {
             this.dependencyDomService.unregisterTask(this.dataItem);
         }
-        this.viewChangesSubscription.unsubscribe();
+        this.subscriptions.unsubscribe();
+    }
+    updateActiveState({ activeIndex, isFocused }) {
+        const isActive = activeIndex === this.index;
+        const tabindex = isActive ? '0' : '-1';
+        this.taskElement.nativeElement.setAttribute('tabindex', tabindex);
+        if (isActive && isFocused) {
+            this.taskElement.nativeElement.focus();
+            this.taskElement.nativeElement.classList.add(FOCUSED_CLASS);
+        }
+        else {
+            this.taskElement.nativeElement.classList.remove(FOCUSED_CLASS);
+        }
     }
 }
 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)
@@ -91,10 +121,22 @@ 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)

package/dist/es2015/rendering/gantt-task.component.d.ts

@@ -4,11 +4,12 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, TemplateRef } from '@angular/core';
 import { MappingService } from '../common/mapping.service';
+import { NavigationService } from '../navigation/navigation.service';
+import { EditService } from '../editing/edit.service';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { OptionChangesService } from '../common/option-changes.service';
 import { TimelineViewService } from './../timeline/timeline-view.service';
 import { GanttTaskBase } from './gantt-task-base';
-import { EditService } from '../editing/edit.service';
 /**
  * @hidden
  */
@@ -17,6 +18,6 @@ export declare class GanttTaskComponent extends GanttTaskBase {
     touchEnabled: boolean;
     taskContentTemplate: TemplateRef<any>;
     taskTemplate: TemplateRef<any>;
-    constructor(editService: EditService, touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
+    constructor(editService: EditService, touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, navigationService: NavigationService);
     onTaskDelete(): void;
 }

package/dist/es2015/rendering/gantt-task.component.js

@@ -6,24 +6,25 @@ import * as tslib_1 from "tslib";
 var GanttTaskComponent_1;
 import { ChangeDetectorRef, Component, forwardRef, Inject, Input, TemplateRef } from '@angular/core';
 import { MappingService } from '../common/mapping.service';
+import { NavigationService } from '../navigation/navigation.service';
+import { EditService } from '../editing/edit.service';
 import { TOUCH_ENABLED } from '../common/touch-enabled';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { OptionChangesService } from '../common/option-changes.service';
 import { TimelineViewService } from './../timeline/timeline-view.service';
 import { GanttTaskBase } from './gantt-task-base';
-import { EditService } from '../editing/edit.service';
 /**
  * @hidden
  */
 let GanttTaskComponent = GanttTaskComponent_1 = class GanttTaskComponent extends GanttTaskBase {
-    constructor(editService, touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
-        super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr);
+    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.showConfirmationDialog.next();
+        this.editService.taskDelete.next(this.dataItem);
     }
 };
 tslib_1.__decorate([
@@ -47,15 +48,19 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
         <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">
@@ -70,10 +75,17 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
                         >
                         </ng-template>
                     </div>
-                    <span class="k-task-actions">
+                    <span
+                        class="k-task-actions"
+                        aria-hidden="true"
+                    >
                         <span
-                            (click)="onTaskDelete()"
-                            class="k-link k-task-delete">
+                            class="k-link k-task-delete"
+                            [kendoEventsOutsideAngular]="{
+                                click: onTaskDelete
+                            }"
+                            [scope]="this"
+                        >
                             <span class="k-icon k-i-close"></span>
                         </span>
                     </span>
@@ -101,13 +113,23 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
             >
             </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;
+        }
+    `]
     }),
     tslib_1.__param(1, Inject(TOUCH_ENABLED)),
     tslib_1.__metadata("design:paramtypes", [EditService, Boolean, MappingService,
         TimelineViewService,
         DependencyDomService,
         OptionChangesService,
-        ChangeDetectorRef])
+        ChangeDetectorRef,
+        NavigationService])
 ], GanttTaskComponent);
 export { GanttTaskComponent };

package/dist/es2015/rendering/gantt-tasks-table-body.component.d.ts

@@ -7,6 +7,7 @@ import { TaskClassFn } from '../models/class-callbacks';
 import { TimelineViewType } from '../models/timeline-view';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { MappingService } from '../common/mapping.service';
+import { ViewItem } from '../models/view-item.interface';
 /**
  * @hidden
  */
@@ -14,15 +15,16 @@ export declare class GanttTasksTableBodyComponent {
     private dependencyDomService;
     private mapper;
     timelineRow: ElementRef<HTMLTableRowElement>;
-    rows: any[];
+    selectable: boolean;
+    rows: ViewItem[];
     activeView: TimelineViewType;
     taskContentTemplate: TemplateRef<any>;
     taskTemplate: TemplateRef<any>;
     summaryTaskTemplate: TemplateRef<any>;
     taskClass: TaskClassFn;
-    hasChildren: (item: object) => boolean;
+    isExpanded: (item: object) => boolean;
     isTaskSelected: (item: object) => boolean;
     renderDependencyDragClues: boolean;
     constructor(dependencyDomService: DependencyDomService, mapper: MappingService);
-    isMileStone(task: any): boolean;
+    isMileStone(item: ViewItem): boolean;
 }

package/dist/es2015/rendering/gantt-tasks-table-body.component.js

@@ -6,8 +6,8 @@ import * as tslib_1 from "tslib";
 import { Component, Input, TemplateRef, ViewChild, ElementRef } from '@angular/core';
 import { isEqual } from '@progress/kendo-date-math';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
-import { isPresent } from '../utils';
 import { MappingService } from '../common/mapping.service';
+import { isPresent } from '../utils';
 /**
  * @hidden
  */
@@ -23,8 +23,8 @@ let GanttTasksTableBodyComponent = class GanttTasksTableBodyComponent {
             this.dependencyDomService.registerTimelineRow(timelineRow.nativeElement);
         }
     }
-    isMileStone(task) {
-        return !this.hasChildren(task) && isEqual(this.mapper.extractFromTask(task, 'start'), this.mapper.extractFromTask(task, 'end'));
+    isMileStone(item) {
+        return !item.hasChildren && isEqual(this.mapper.extractFromTask(item.data, 'start'), this.mapper.extractFromTask(item.data, 'end'));
     }
 };
 tslib_1.__decorate([
@@ -32,6 +32,10 @@ tslib_1.__decorate([
     tslib_1.__metadata("design:type", ElementRef),
     tslib_1.__metadata("design:paramtypes", [ElementRef])
 ], GanttTasksTableBodyComponent.prototype, "timelineRow", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], GanttTasksTableBodyComponent.prototype, "selectable", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Array)
@@ -59,7 +63,7 @@ tslib_1.__decorate([
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Function)
-], GanttTasksTableBodyComponent.prototype, "hasChildren", void 0);
+], GanttTasksTableBodyComponent.prototype, "isExpanded", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Function)
@@ -76,35 +80,42 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
             <td>
                 <kendo-gantt-milestone-task
                     *ngIf="isMileStone(item); else task"
-                    [dataItem]="item"
+                    [dataItem]="item.data"
+                    [level]="item.level"
                     [activeView]="activeView"
                     [taskClass]="taskClass"
+                    [selectable]="selectable"
                     [isSelected]="isTaskSelected"
-                    [attr.data-task-index]="index"
+                    [index]="index"
                     [renderDependencyDragClues]="renderDependencyDragClues"
                 >
                 </kendo-gantt-milestone-task>
                 <ng-template #task>
                     <kendo-gantt-summary-task
-                        *ngIf="hasChildren(item)"
-                        [dataItem]="item"
+                        *ngIf="item.hasChildren"
+                        [dataItem]="item.data"
+                        [level]="item.level"
                         [template]="summaryTaskTemplate"
                         [activeView]="activeView"
                         [taskClass]="taskClass"
+                        [selectable]="selectable"
                         [isSelected]="isTaskSelected"
-                        [attr.data-task-index]="index"
+                        [isExpanded]="isExpanded"
+                        [index]="index"
                         [renderDependencyDragClues]="renderDependencyDragClues"
                     >
                     </kendo-gantt-summary-task>
                     <kendo-gantt-task
-                        *ngIf="!hasChildren(item)"
-                        [dataItem]="item"
+                        *ngIf="!item.hasChildren"
+                        [dataItem]="item.data"
+                        [level]="item.level"
                         [taskContentTemplate]="taskContentTemplate"
                         [taskTemplate]="taskTemplate"
                         [activeView]="activeView"
                         [taskClass]="taskClass"
+                        [selectable]="selectable"
                         [isSelected]="isTaskSelected"
-                        [attr.data-task-index]="index"
+                        [index]="index"
                         [renderDependencyDragClues]="renderDependencyDragClues"
                     >
                     </kendo-gantt-task>

package/dist/es2015/scrolling/scroll-sync.service.d.ts

@@ -23,7 +23,7 @@ export declare class ScrollSyncService implements OnDestroy {
     constructor(ngZone: NgZone);
     registerElement(el: any, sourceType: SourceType): void;
     ngOnDestroy(): void;
-    syncScrollTop(sourceType: string, targetType: string): void;
+    syncScrollTop(sourceType: SourceType, targetType: SourceType): void;
     resetTimelineScrollLeft(): void;
     private scroll;
 }