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

package/dist/es2015/localization/{treelist-messages.directive.d.ts → gantt-localization.service.d.ts}

@@ -5,10 +5,11 @@
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 /**
  * @hidden
+ *
+ * Needed to keep the Gantt's LocalizationService reference and be able to use it component's inside the TabStrip
  */
-export declare class GanttTreeListMessagesDirective {
+export declare class GanttLocalizationService {
     private localizationService;
-    kendoGanttTreeListMessages: LocalizationService;
     constructor(localizationService: LocalizationService);
-    ngAfterViewInit(): void;
+    get(token: string): string;
 }

package/dist/es2015/localization/gantt-localization.service.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Injectable } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ *
+ * Needed to keep the Gantt's LocalizationService reference and be able to use it component's inside the TabStrip
+ */
+let GanttLocalizationService = class GanttLocalizationService {
+    constructor(localizationService) {
+        this.localizationService = localizationService;
+    }
+    get(token) {
+        return this.localizationService.get(token);
+    }
+};
+GanttLocalizationService = tslib_1.__decorate([
+    Injectable(),
+    tslib_1.__metadata("design:paramtypes", [LocalizationService])
+], GanttLocalizationService);
+export { GanttLocalizationService };

package/dist/es2015/localization/messages.d.ts

@@ -7,6 +7,38 @@ import { ComponentMessages } from '@progress/kendo-angular-l10n';
  * @hidden
  */
 export declare class Messages extends ComponentMessages {
+    /**
+     * The title of the "General" tab of the editing dialog TabStrip.
+     */
+    taskEditingGeneralTabTitle: string;
+    /**
+     * The title of the "Predecessors" dependencies tab of the editing dialog TabStrip.
+     */
+    taskEditingPredecessorsTabTitle: string;
+    /**
+     * The title of the "Successors" dependencies tab of the editing dialog TabStrip.
+     */
+    taskEditingSuccessorsTabTitle: string;
+    /**
+     * The text of the "Add" button in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesAddButtonText: string;
+    /**
+     * The text of the "Remove" button in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesRemoveButtonText: string;
+    /**
+     * The title of the "Task Title" Grid column in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesGridNameColumnTitle: string;
+    /**
+     * The title of the "Type" Grid column in the dependencies tabs of the editing dialog TabStrip.
+     */
+    taskEditingDependenciesGridTypeColumnTitle: string;
+    /**
+     * The text of the task editing dialog 'Delete' button.
+     */
+    deleteButtonText: string;
     /**
      * The label for the task delete button.
      */
@@ -28,9 +60,21 @@ export declare class Messages extends ComponentMessages {
      */
     confirmationDialogTitle: string;
     /**
-     * The text of the task editing dialog `Delete` button.
+     * The text of the DropDownButton in the AddTask component.
      */
-    deleteButtonText: string;
+    addTaskText: string;
+    /**
+     * The text of the `Add Child` option in the AddTask component.
+     */
+    addChildText: string;
+    /**
+     * The text of the `Add Above` option in the AddTask component.
+     */
+    addAboveText: string;
+    /**
+     * The text of the `Add Below` option in the AddTask component.
+     */
+    addBelowText: string;
     /**
      * The text of the task editing dialog `Cancel` button.
      */

package/dist/es2015/localization/messages.js

@@ -10,6 +10,38 @@ import { ComponentMessages } from '@progress/kendo-angular-l10n';
  */
 export class Messages extends ComponentMessages {
 }
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "taskEditingGeneralTabTitle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "taskEditingPredecessorsTabTitle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "taskEditingSuccessorsTabTitle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "taskEditingDependenciesAddButtonText", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "taskEditingDependenciesRemoveButtonText", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "taskEditingDependenciesGridNameColumnTitle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "taskEditingDependenciesGridTypeColumnTitle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "deleteButtonText", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
@@ -33,7 +65,19 @@ tslib_1.__decorate([
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
-], Messages.prototype, "deleteButtonText", void 0);
+], Messages.prototype, "addTaskText", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "addChildText", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "addAboveText", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "addBelowText", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)

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/dependency-type.enum.d.ts

@@ -11,7 +11,7 @@
  * * `SS`—from 'start' to 'start'
  * * `SF`—from 'start' to 'finish'
  */
-export declare const enum DependencyType {
+export declare enum DependencyType {
     FF = 0,
     FS = 1,
     SF = 2,

package/dist/es2015/models/dependency-type.enum.js

@@ -2,3 +2,19 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/**
+ * The dependency type when two tasks are connected.
+ *
+ * The supported values are:
+ * * `FF`—from 'finish' to 'finish'
+ * * `FS`—from 'finish' to 'start'
+ * * `SS`—from 'start' to 'start'
+ * * `SF`—from 'start' to 'finish'
+ */
+export var DependencyType;
+(function (DependencyType) {
+    DependencyType[DependencyType["FF"] = 0] = "FF";
+    DependencyType[DependencyType["FS"] = 1] = "FS";
+    DependencyType[DependencyType["SF"] = 2] = "SF";
+    DependencyType[DependencyType["SS"] = 3] = "SS"; // task B can't start before task A starts
+})(DependencyType || (DependencyType = {}));

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/task-add-event.interface.d.ts

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TaskEditItem } from "./task-edit-event.interface";
+/**
+ * The event data of the [`taskAdd`]({% slug api_gantt_ganttcomponent %}#toc-taskadd) event.
+ */
+export interface TaskAddEvent {
+    /**
+     * The currently selected Gantt task.
+     */
+    selectedItem: TaskEditItem | null;
+    /**
+     * The type of the add action. The built-in types are `addTask`, `addChild`, `addAbove`, and `addBelow`.
+     */
+    actionType: string;
+}
+/**
+ * The interface of the AddTask DropDownButton options.
+ */
+export interface GanttAddTaskActionItem {
+    /**
+     * The text of the respective DropDownButton option.
+     */
+    text: string;
+    /**
+     * The type of action associated with selecting the respective DropDownButton option.
+     */
+    type: string;
+}

package/dist/es2015/models/events/task-edit-event.interface.d.ts

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { FormGroup } from '@angular/forms';
-import { GanttComponent } from '../../gantt.component';
+import { FormGroup } from "@angular/forms";
+import { GanttComponent } from "../../gantt.component";
 /**
  * The event data for the task editing events.
  */
@@ -17,7 +17,11 @@ export interface TaskEditEvent {
     /**
      * The FormGroup instance associated with the edited task.
      */
-    formGroup?: FormGroup;
+    taskFormGroup?: FormGroup;
+    /**
+     * The dependencies associated with the edited task.
+     */
+    dependencies: EditEventDependencies;
     /**
      * The GanttComponent instance.
      */
@@ -40,7 +44,16 @@ export declare type EditResultType = 'save' | 'remove' | 'cancel';
  * @hidden
  */
 export interface EditEvent {
-    formGroup: FormGroup;
+    taskFormGroup: FormGroup;
     dataItem: any;
+    dependencies: EditEventDependencies;
     editResultType: EditResultType;
 }
+/**
+ * @hidden
+ */
+export interface EditEventDependencies {
+    createdItems: any[];
+    updatedItems: any[];
+    deletedItems: any[];
+}

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

@@ -16,10 +16,7 @@ export { DependencyType } from './dependency-type.enum';
 export { TimelineViewType } from './timeline-view';
 export { SortSettings } from './sort-settings';
 export { ColumnSortSettings } from './sort-settings';
-export { AddEvent } from './events/add-event.interface';
 export { ClickEvent } from './events/click-event.interface';
-export { EditEvent } from './events/edit-event.interface';
-export { RemoveEvent } from './events/remove-event.interface';
 export { SelectedViewChangeEvent } from './events/selected-view-change-event.interface';
 export { TaskMoveEndEvent } from './events/task-move-end-event.interface';
 export { TaskMoveEvent } from './events/task-move-event.interface';
@@ -31,9 +28,13 @@ export { DataStateChangeEvent } from './events/data-state-change-event.interface
 export { CellClickEvent } from './events/cell-click-event.interface';
 export { CellCloseEvent } from './events/cell-close-event.interface';
 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';
 export { ColumnVisibilityChangeEvent } from './events/column-visibility-change-event.interface';
+export { ToolbarPosition, ToolbarSettings } from './toolbar-settings';

package/dist/es2015/models/models.js

@@ -2,4 +2,5 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export { DependencyType } from './dependency-type.enum';
 export { CellCloseEvent } from './events/cell-close-event.interface';

package/dist/es2015/models/toolbar-settings.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The position at which the Gantt toolbar or any of its inner tools is rendered. Defaults to `'top'`.
+ * The possible values are `'top'`, `'bottom'`, `'both'`, and `'none'`.
+ */
+export declare type ToolbarPosition = 'top' | 'bottom' | 'both' | 'none';
+/**
+ * The configuration of the toolbar position and content.
+ */
+export interface ToolbarSettings {
+    /**
+     * The position of the toolbar(s).
+     * @default 'top'
+     */
+    position?: ToolbarPosition;
+    /**
+     * The position of the toolbar(s) where the [`AddTaskComponent`]({% slug api_gantt_ganttaddtaskcomponent %}) is rendered.
+     * @default 'none'
+     */
+    addTaskTool?: ToolbarPosition;
+    /**
+     * The position of the toolbar(s) where the [`ViewSelectorComponent`](api_gantt_viewselectorcomponent) is rendered.
+     * @default 'top'
+     */
+    viewSelectorTool?: ToolbarPosition;
+}

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/package-metadata.js

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