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

package/dist/es2015/main.d.ts

@@ -7,6 +7,7 @@ export { GanttModule } from './gantt.module';
 export { GanttHierarchyBindingDirective } from './binding-directives/hierarchy-binding.directive';
 export { GanttFlatBindingDirective } from './binding-directives/flat-binding.directive';
 export { GanttExpandableDirective } from './expanded-state/expandable.directive';
+export { DependencyDragCreateDirective } from './dragging/dependency-drag-create.directive';
 export { GanttTaskTemplateDirective } from './template-directives/task-template.directive';
 export { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 export { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';

package/dist/es2015/main.js

@@ -7,6 +7,7 @@ export { GanttModule } from './gantt.module';
 export { GanttHierarchyBindingDirective } from './binding-directives/hierarchy-binding.directive';
 export { GanttFlatBindingDirective } from './binding-directives/flat-binding.directive';
 export { GanttExpandableDirective } from './expanded-state/expandable.directive';
+export { DependencyDragCreateDirective } from './dragging/dependency-drag-create.directive';
 export { GanttTaskTemplateDirective } from './template-directives/task-template.directive';
 export { GanttTaskContentTemplateDirective } from './template-directives/task-content-template.directive';
 export { GanttSummaryTaskTemplateDirective } from './template-directives/summary-task-template.directive';

package/dist/es2015/models/events/dependency-add-event.interface.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { DependencyType } from '../dependency-type.enum';
+/**
+ * The event data of the [`dependencyAdd`]({% slug api_gantt_ganttcomponent %}#toc-dependencyadd) event.
+ */
+export interface DependencyAddEvent {
+    /**
+     * The task from which the dependency starts (predecessor).
+     */
+    fromTask: any;
+    /**
+     * The task where the dependency ends (successor).
+     */
+    toTask: any;
+    /**
+     * The dependency type of the linked tasks.
+     */
+    type: DependencyType;
+    /**
+     * Specifies whether the dependency creation attempt is a valid link between the two targeted tasks.
+     */
+    isValid: boolean;
+}

package/dist/es2015/models/events/dependency-add-event.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/models/models.d.ts

@@ -31,6 +31,8 @@ export { TaskClickEvent } from './events/task-click-event.interface';
 export { TaskAddEvent, GanttAddTaskActionItem } from './events/task-add-event.interface';
 export { TaskEditEvent } from './events/task-edit-event.interface';
 export { TaskEditItem } from './events/task-edit-event.interface';
+export { DependencyAddEvent } from './events/dependency-add-event.interface';
+export { DragScrollSettings } from '../scrolling/drag-scroll-settings';
 export { ColumnLockedChangeEvent } from './events/column-locked-change-event.interface';
 export { ColumnReorderEvent } from './events/column-reorder-event.interface';
 export { ColumnResizeEvent } from './events/column-resize-event.interface';

package/dist/es2015/models/view-item.interface.d.ts

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ *
+ * Represents the item interface used by the treelist to map all rendered items.
+ */
+export interface ViewItem {
+    /**
+     * The original data item held by this entry.
+     */
+    data: any;
+    /**
+     * The id field value of the current data item.
+     */
+    id: any;
+    /**
+     * The item index as rendered in the TreeList.
+     */
+    rowIndex: number;
+    /**
+     * The hierarchical level of the current data item.
+     */
+    level: number;
+    /**
+     * Species whether the current data item has children.
+     */
+    hasChildren: boolean;
+    /**
+     * The ViewItem of the current data item parent.
+     */
+    parent: ViewItem;
+}

package/dist/es2015/models/view-item.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

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: 1641921322,
+    publishDate: 1642086647,
     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

@@ -12,6 +12,7 @@ import { GanttTaskBase } from './gantt-task-base';
  * @hidden
  */
 export declare class GanttMilestoneTaskComponent extends GanttTaskBase {
+    touchEnabled: boolean;
     milestoneWrapperClass: boolean;
-    constructor(mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
+    constructor(touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
 }

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

@@ -4,8 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 var GanttMilestoneTaskComponent_1;
-import { Component, forwardRef, HostBinding, ChangeDetectorRef } from '@angular/core';
+import { Component, forwardRef, HostBinding, ChangeDetectorRef, Inject } from '@angular/core';
 import { MappingService } from '../common/mapping.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';
@@ -14,8 +15,9 @@ import { GanttTaskBase } from './gantt-task-base';
  * @hidden
  */
 let GanttMilestoneTaskComponent = GanttMilestoneTaskComponent_1 = class GanttMilestoneTaskComponent extends GanttTaskBase {
-    constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
+    constructor(touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
         super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr);
+        this.touchEnabled = touchEnabled;
         this.milestoneWrapperClass = true;
     }
 };
@@ -37,15 +39,26 @@ GanttMilestoneTaskComponent = GanttMilestoneTaskComponent_1 = tslib_1.__decorate
             #task
             class="k-task k-task-milestone"
             [ngClass]="taskClass(dataItem)"
-            [style.left.px]="taskOffset"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
             [class.k-state-selected]="isSelected(dataItem)"
-            [attr.data-task-index]="index"
         >
         </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>
     `
     }),
-    tslib_1.__metadata("design:paramtypes", [MappingService,
+    tslib_1.__param(0, Inject(TOUCH_ENABLED)),
+    tslib_1.__metadata("design:paramtypes", [Boolean, MappingService,
         TimelineViewService,
         DependencyDomService,
         OptionChangesService,

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

@@ -12,7 +12,8 @@ import { GanttTaskBase } from './gantt-task-base';
  * @hidden
  */
 export declare class GanttSummaryTaskComponent extends GanttTaskBase {
+    touchEnabled: boolean;
     summaryWrapperClass: boolean;
     template: TemplateRef<any>;
-    constructor(mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
+    constructor(touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
 }

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

@@ -4,8 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 var GanttSummaryTaskComponent_1;
-import { ChangeDetectorRef, Component, forwardRef, HostBinding, Input, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, Component, forwardRef, HostBinding, Inject, Input, TemplateRef } from '@angular/core';
 import { MappingService } from '../common/mapping.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';
@@ -14,8 +15,9 @@ import { GanttTaskBase } from './gantt-task-base';
  * @hidden
  */
 let GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = class GanttSummaryTaskComponent extends GanttTaskBase {
-    constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
+    constructor(touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
         super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr);
+        this.touchEnabled = touchEnabled;
         this.summaryWrapperClass = true;
     }
 };
@@ -42,9 +44,7 @@ GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = tslib_1.__decorate([
             class="k-task k-task-summary"
             [ngClass]="taskClass(dataItem)"
             [style.width.px]="taskWidth"
-            [style.left.px]="taskOffset"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
-            [attr.data-task-index]="index"
             [class.k-state-selected]="isSelected(dataItem)"
         >
             <div *ngIf="!template; else summaryTemplate"
@@ -66,9 +66,22 @@ GanttSummaryTaskComponent = GanttSummaryTaskComponent_1 = tslib_1.__decorate([
             >
             </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>
     `
     }),
-    tslib_1.__metadata("design:paramtypes", [MappingService,
+    tslib_1.__param(0, Inject(TOUCH_ENABLED)),
+    tslib_1.__metadata("design:paramtypes", [Boolean, MappingService,
         TimelineViewService,
         DependencyDomService,
         OptionChangesService,

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

@@ -20,11 +20,11 @@ export declare abstract class GanttTaskBase {
     private cdr;
     wrapperClass: boolean;
     /**
-     * Points to the first element of the component.
+     * Points to the `.k-task` element of the template (present in all three task types).
      */
     taskElement: ElementRef<HTMLElement>;
     dataItem: any;
-    index: number;
+    renderDependencyDragClues: boolean;
     isSelected: (dataItem: object) => boolean;
     activeView: TimelineViewType;
     taskClass: TaskClassFn;
@@ -32,11 +32,17 @@ export declare abstract class GanttTaskBase {
     readonly slotUnitDuration: number;
     private readonly viewService;
     readonly slotWidth: number;
+    readonly taskWidth: number;
+    /**
+     * The `left` style prop has to be applied to the host element (.k-task-wrap), as the drag clue elements are displayed on .k-task-wrap hover.
+     * Applying the `left` offset to the inner .k-task element leaves the .k-task-wrap element rendered with an offset of 0 somewhere on the left
+     * and hovering just the .k-task element doesn't expose the drag clues.
+     * Additionally, positioning the entire container takes care of positioning the hints as well.
+     */
+    readonly taskOffset: number;
+    readonly completionOverlayWidth: number;
     constructor(mapper: MappingService, // left public to be available for usage in the templates
     timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    readonly taskWidth: number;
-    readonly taskOffset: number;
-    readonly completionOverlayWidth: number;
 }

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

@@ -38,29 +38,18 @@ export class GanttTaskBase {
     get slotWidth() {
         return this.viewService.options.slotWidth;
     }
-    ngOnChanges(changes) {
-        if (isPresent(changes.dataItem)) {
-            if (isPresent(changes.dataItem.previousValue)) {
-                this.dependencyDomService.unregisterTask(changes.dataItem.previousValue);
-            }
-            this.dependencyDomService.registerTask(this.dataItem, this.taskElement.nativeElement);
-        }
-        else if (isPresent(changes.activeView)) {
-            this.dependencyDomService.notifyChanges();
-        }
-    }
-    ngOnDestroy() {
-        if (isPresent(this.dataItem)) {
-            this.dependencyDomService.unregisterTask(this.dataItem);
-        }
-        this.viewChangesSubscription.unsubscribe();
-    }
     get taskWidth() {
         const itemDuration = this.mapper.extractFromTask(this.dataItem, 'end') - this.mapper.extractFromTask(this.dataItem, 'start');
         const durationInSlotUnits = itemDuration / this.slotUnitDuration;
         const width = durationInSlotUnits * this.slotWidth;
         return width;
     }
+    /**
+     * The `left` style prop has to be applied to the host element (.k-task-wrap), as the drag clue elements are displayed on .k-task-wrap hover.
+     * Applying the `left` offset to the inner .k-task element leaves the .k-task-wrap element rendered with an offset of 0 somewhere on the left
+     * and hovering just the .k-task element doesn't expose the drag clues.
+     * Additionally, positioning the entire container takes care of positioning the hints as well.
+     */
     get taskOffset() {
         const timeAfterViewStart = this.mapper.extractFromTask(this.dataItem, 'start') - this.viewService.viewStart;
         const offsetInSlotUnits = timeAfterViewStart / this.slotUnitDuration;
@@ -72,6 +61,23 @@ export class GanttTaskBase {
         // fall-back to 0 in case no completionRatio is provided
         return isNumber(overlayWidth) ? overlayWidth : 0;
     }
+    ngOnChanges(changes) {
+        if (isPresent(changes.dataItem)) {
+            if (isPresent(changes.dataItem.previousValue)) {
+                this.dependencyDomService.unregisterTask(changes.dataItem.previousValue);
+            }
+            this.dependencyDomService.registerTask(this.dataItem, this.taskElement.nativeElement);
+        }
+        else if (isPresent(changes.activeView)) {
+            this.dependencyDomService.notifyChanges();
+        }
+    }
+    ngOnDestroy() {
+        if (isPresent(this.dataItem)) {
+            this.dependencyDomService.unregisterTask(this.dataItem);
+        }
+        this.viewChangesSubscription.unsubscribe();
+    }
 }
 tslib_1.__decorate([
     HostBinding('class.k-task-wrap'),
@@ -87,8 +93,8 @@ tslib_1.__decorate([
 ], GanttTaskBase.prototype, "dataItem", void 0);
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", Number)
-], GanttTaskBase.prototype, "index", void 0);
+    tslib_1.__metadata("design:type", Boolean)
+], GanttTaskBase.prototype, "renderDependencyDragClues", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Function)
@@ -101,3 +107,8 @@ 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);

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

@@ -14,8 +14,9 @@ import { EditService } from '../editing/edit.service';
  */
 export declare class GanttTaskComponent extends GanttTaskBase {
     private editService;
+    touchEnabled: boolean;
     taskContentTemplate: TemplateRef<any>;
     taskTemplate: TemplateRef<any>;
-    constructor(mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef, editService: EditService);
+    constructor(editService: EditService, touchEnabled: boolean, mapper: MappingService, timelineViewService: TimelineViewService, dependencyDomService: DependencyDomService, optionChangesService: OptionChangesService, cdr: ChangeDetectorRef);
     onTaskDelete(): void;
 }

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

@@ -4,8 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 var GanttTaskComponent_1;
-import { ChangeDetectorRef, Component, forwardRef, Input, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, Component, forwardRef, Inject, Input, TemplateRef } from '@angular/core';
 import { MappingService } from '../common/mapping.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';
@@ -15,9 +16,10 @@ import { EditService } from '../editing/edit.service';
  * @hidden
  */
 let GanttTaskComponent = GanttTaskComponent_1 = class GanttTaskComponent extends GanttTaskBase {
-    constructor(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, editService) {
+    constructor(editService, touchEnabled, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr) {
         super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr);
         this.editService = editService;
+        this.touchEnabled = touchEnabled;
     }
     onTaskDelete() {
         this.editService.dataItem = this.dataItem;
@@ -47,9 +49,7 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
             class="k-task k-task-single"
             [ngClass]="taskClass(dataItem)"
             [style.width.px]="taskWidth"
-            [style.left.px]="taskOffset"
             [attr.title]="mapper.extractFromTask(dataItem, 'title')"
-            [attr.data-task-index]="index"
             [class.k-state-selected]="isSelected(dataItem)"
         >
             <ng-container *ngIf="!taskTemplate">
@@ -89,13 +89,25 @@ GanttTaskComponent = GanttTaskComponent_1 = tslib_1.__decorate([
             >
             </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>
     `
     }),
-    tslib_1.__metadata("design:paramtypes", [MappingService,
+    tslib_1.__param(1, Inject(TOUCH_ENABLED)),
+    tslib_1.__metadata("design:paramtypes", [EditService, Boolean, MappingService,
         TimelineViewService,
         DependencyDomService,
         OptionChangesService,
-        ChangeDetectorRef,
-        EditService])
+        ChangeDetectorRef])
 ], GanttTaskComponent);
 export { GanttTaskComponent };

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

@@ -22,6 +22,7 @@ export declare class GanttTasksTableBodyComponent {
     taskClass: TaskClassFn;
     hasChildren: (item: object) => boolean;
     isTaskSelected: (item: object) => boolean;
+    renderDependencyDragClues: boolean;
     constructor(dependencyDomService: DependencyDomService, mapper: MappingService);
     isMileStone(task: any): boolean;
 }

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

@@ -64,6 +64,10 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Function)
 ], GanttTasksTableBodyComponent.prototype, "isTaskSelected", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], GanttTasksTableBodyComponent.prototype, "renderDependencyDragClues", void 0);
 GanttTasksTableBodyComponent = tslib_1.__decorate([
     Component({
         selector: '[kendoGanttTasksTableBody]',
@@ -76,7 +80,8 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                     [activeView]="activeView"
                     [taskClass]="taskClass"
                     [isSelected]="isTaskSelected"
-                    [index]="index"
+                    [attr.data-task-index]="index"
+                    [renderDependencyDragClues]="renderDependencyDragClues"
                 >
                 </kendo-gantt-milestone-task>
                 <ng-template #task>
@@ -87,7 +92,8 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                         [activeView]="activeView"
                         [taskClass]="taskClass"
                         [isSelected]="isTaskSelected"
-                        [index]="index"
+                        [attr.data-task-index]="index"
+                        [renderDependencyDragClues]="renderDependencyDragClues"
                     >
                     </kendo-gantt-summary-task>
                     <kendo-gantt-task
@@ -98,7 +104,8 @@ GanttTasksTableBodyComponent = tslib_1.__decorate([
                         [activeView]="activeView"
                         [taskClass]="taskClass"
                         [isSelected]="isTaskSelected"
-                        [index]="index"
+                        [attr.data-task-index]="index"
+                        [renderDependencyDragClues]="renderDependencyDragClues"
                     >
                     </kendo-gantt-task>
                 </ng-template>

package/dist/es2015/scrolling/drag-scroll-settings.d.ts

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the settings for auto-scrolling during drag editing operations.
+ */
+export interface DragScrollSettings {
+    /**
+     * Specifies whether auto-scrolling during drag editing operations is enabled.
+     *
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Specifies the scrolling step in pixels.
+     *
+     * @default: 3
+     */
+    step?: number;
+    /**
+     * Specifies the scrolling interval in milliseconds.
+     *
+     * @default: 1
+     */
+    interval?: number;
+    /**
+     * Specifies the threshold (in pixels) at each end of the scrollable container which when reached will trigger scrolling.
+     *
+     * @default: 10
+     */
+    threshold?: number;
+}
+/**
+ * @hidden
+ */
+export declare enum ScrollDirection {
+    Backwards = -1,
+    Forward = 1
+}
+/**
+ * @hidden
+ */
+export declare enum ScrollAxis {
+    Vertical = "scrollTop",
+    Horizontal = "scrollLeft"
+}

package/dist/es2015/scrolling/drag-scroll-settings.js

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export var ScrollDirection;
+(function (ScrollDirection) {
+    ScrollDirection[ScrollDirection["Backwards"] = -1] = "Backwards";
+    ScrollDirection[ScrollDirection["Forward"] = 1] = "Forward";
+})(ScrollDirection || (ScrollDirection = {}));
+/**
+ * @hidden
+ */
+export var ScrollAxis;
+(function (ScrollAxis) {
+    ScrollAxis["Vertical"] = "scrollTop";
+    ScrollAxis["Horizontal"] = "scrollLeft";
+})(ScrollAxis || (ScrollAxis = {}));

package/dist/es2015/scrolling/timeline-scroll.directive.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, NgZone } from '@angular/core';
+import { DragScrollSettings } from './drag-scroll-settings';
+import { TimelineScrollService } from './timeline-scroll.service';
+/**
+ * @hidden
+ */
+export declare class TimelineScrollableDirective {
+    private timelineScrollableContainer;
+    private scrollService;
+    private zone;
+    scrollSettings: DragScrollSettings;
+    private subscriptions;
+    private verticalScrollInterval;
+    private horizontalScrollInterval;
+    constructor(timelineScrollableContainer: ElementRef<Element>, scrollService: TimelineScrollService, zone: NgZone);
+    ngOnDestroy(): void;
+    private scrollHorizontallyTo;
+    private scrollVerticallyTo;
+    private cancelScroll;
+}

package/dist/es2015/scrolling/timeline-scroll.directive.js

@@ -0,0 +1,78 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Directive, ElementRef, Input, NgZone } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { isPresent } from '../utils';
+import { ScrollAxis, ScrollDirection } from './drag-scroll-settings';
+import { TimelineScrollService } from './timeline-scroll.service';
+import { getViewportBoundaries, scrollElement } from './utils';
+/**
+ * @hidden
+ */
+let TimelineScrollableDirective = class TimelineScrollableDirective {
+    constructor(timelineScrollableContainer, scrollService, zone) {
+        this.timelineScrollableContainer = timelineScrollableContainer;
+        this.scrollService = scrollService;
+        this.zone = zone;
+        this.subscriptions = new Subscription();
+        this.subscriptions.add(this.scrollService.horizontalScroll
+            .subscribe(this.scrollHorizontallyTo.bind(this)));
+        this.subscriptions.add(this.scrollService.verticalScroll
+            .subscribe(this.scrollVerticallyTo.bind(this)));
+        this.subscriptions.add(this.scrollService.scrollCancel
+            .subscribe(this.cancelScroll.bind(this)));
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    scrollHorizontallyTo(left) {
+        this.zone.runOutsideAngular(() => {
+            const container = this.timelineScrollableContainer.nativeElement;
+            const visibleBoundaries = getViewportBoundaries(container);
+            if (left < visibleBoundaries.left + this.scrollSettings.threshold) {
+                this.horizontalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Backwards, ScrollAxis.Horizontal), this.scrollSettings.interval);
+            }
+            else if (left > visibleBoundaries.right - this.scrollSettings.threshold) {
+                this.horizontalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Forward, ScrollAxis.Horizontal), this.scrollSettings.interval);
+            }
+        });
+    }
+    scrollVerticallyTo(top) {
+        this.zone.runOutsideAngular(() => {
+            const container = this.timelineScrollableContainer.nativeElement;
+            const visibleBoundaries = getViewportBoundaries(container);
+            if (top < visibleBoundaries.top + this.scrollSettings.threshold) {
+                this.verticalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Backwards, ScrollAxis.Vertical), this.scrollSettings.interval);
+            }
+            else if (top > visibleBoundaries.bottom - this.scrollSettings.threshold) {
+                this.verticalScrollInterval = setInterval(() => scrollElement(container, this.scrollSettings.step, ScrollDirection.Forward, ScrollAxis.Vertical), this.scrollSettings.interval);
+            }
+        });
+    }
+    cancelScroll() {
+        if (isPresent(this.verticalScrollInterval)) {
+            clearInterval(this.verticalScrollInterval);
+            this.verticalScrollInterval = null;
+        }
+        if (isPresent(this.horizontalScrollInterval)) {
+            clearInterval(this.horizontalScrollInterval);
+            this.horizontalScrollInterval = null;
+        }
+    }
+};
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], TimelineScrollableDirective.prototype, "scrollSettings", void 0);
+TimelineScrollableDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoGanttTimelineScrollable]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [ElementRef,
+        TimelineScrollService,
+        NgZone])
+], TimelineScrollableDirective);
+export { TimelineScrollableDirective };