@progress/kendo-angular-gantt 17.2.1-develop.2 → 17.3.0-develop.1

package/directives.d.ts

@@ -23,7 +23,9 @@ import { SelectableDirective } from "./selection/selectable.directive";
 import { CustomMessagesComponent } from "./localization/custom-messages.component";
 import { GanttAddTaskComponent } from "./editing/add-task.component";
 import { ToolbarTemplateDirective } from "./toolbar/toolbar-template.directive";
+import { TaskDragDirective } from "./dragging/task-drag.directive";
+import { GanttTaskTooltipTemplateDirective } from "./template-directives/task-tooltip-template.directive";
 /**
 * Utility array that contains all `@progress/kendo-angular-gantt` related components and directives
 */
-export declare const KENDO_GANTT: readonly [typeof GanttComponent, typeof GanttFlatBindingDirective, typeof GanttHierarchyBindingDirective, typeof GanttTaskContentTemplateDirective, typeof GanttTaskTemplateDirective, typeof GanttSummaryTaskTemplateDirective, typeof ToolbarTemplateDirective, typeof ViewSelectorComponent, typeof GanttColumnComponent, typeof GanttColumnGroupComponent, typeof GanttSpanColumnComponent, typeof FilterCellTemplateDirective, typeof FilterMenuTemplateDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof ColumnMenuTemplateDirective, typeof HeaderTemplateDirective, typeof FooterTemplateDirective, typeof GanttExpandableDirective, typeof DependencyDragCreateDirective, typeof TimelineDayViewComponent, typeof TimelineWeekViewComponent, typeof TimelineMonthViewComponent, typeof TimelineYearViewComponent, typeof SelectableDirective, typeof CustomMessagesComponent, typeof GanttAddTaskComponent];
+export declare const KENDO_GANTT: readonly [typeof GanttComponent, typeof GanttFlatBindingDirective, typeof GanttHierarchyBindingDirective, typeof GanttTaskContentTemplateDirective, typeof GanttTaskTemplateDirective, typeof GanttSummaryTaskTemplateDirective, typeof ToolbarTemplateDirective, typeof ViewSelectorComponent, typeof GanttColumnComponent, typeof GanttColumnGroupComponent, typeof GanttSpanColumnComponent, typeof FilterCellTemplateDirective, typeof FilterMenuTemplateDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof ColumnMenuTemplateDirective, typeof HeaderTemplateDirective, typeof FooterTemplateDirective, typeof GanttExpandableDirective, typeof DependencyDragCreateDirective, typeof TimelineDayViewComponent, typeof TimelineWeekViewComponent, typeof TimelineMonthViewComponent, typeof TimelineYearViewComponent, typeof SelectableDirective, typeof CustomMessagesComponent, typeof GanttAddTaskComponent, typeof TaskDragDirective, typeof GanttTaskTooltipTemplateDirective];

package/dragging/task-drag.directive.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter } from '@angular/core';
+import { TaskDragService } from './task-drag.service';
+import { DragTargetContainerDirective } from '@progress/kendo-angular-utils';
+import { GanttComponent } from '../gantt.component';
+import { TaskDragEvent } from '../models/events';
+import { MappingService } from '../common/mapping.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-utils";
+export declare class TaskDragDirective {
+    /**
+     * Emitted while the end user is resizing or moving a task through dragging.
+     */
+    taskDrag: EventEmitter<TaskDragEvent>;
+    /**
+     * Triggered when the dragging action associated with resizing or moving an event is finished.
+     * The event data contains all necessary information to update the task and all related tasks
+     * accordingly.
+     */
+    taskDragEnd: EventEmitter<TaskDragEvent>;
+    private subs;
+    constructor(gantt: GanttComponent, mapper: MappingService, dragTargetContainer: DragTargetContainerDirective, taskDragService: TaskDragService);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskDragDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TaskDragDirective, "[kendoGanttTaskDrag]", never, {}, { "taskDrag": "taskDrag"; "taskDragEnd": "taskDragEnd"; }, never, never, true, [{ directive: typeof i1.DragTargetContainerDirective; inputs: {}; outputs: {}; }]>;
+}

package/dragging/task-drag.service.d.ts

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgZone } from '@angular/core';
+import { DragTargetDragEndEvent, DragTargetDragEvent, DragTargetDragStartEvent } from '@progress/kendo-angular-utils';
+import { Subject } from 'rxjs';
+import { MappingService } from '../common/mapping.service';
+import { GanttTaskBase } from '../rendering/gantt-task-base';
+import { InternalTaskDragEvent } from '../models/events/task-drag-event.interface';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TaskDragService {
+    private mapper;
+    private zone;
+    taskDraggable: boolean;
+    drag: Subject<InternalTaskDragEvent>;
+    dragEnd: Subject<InternalTaskDragEvent>;
+    dragStart: Subject<DragTargetDragStartEvent>;
+    tasksContainer: HTMLElement;
+    tasksContainerRect: DOMRect;
+    scrollableContainer: HTMLElement;
+    currentDragTask: GanttTaskBase;
+    currentDragTaskRect: DOMRect;
+    leftDragHandle: boolean;
+    rightDragHandle: boolean;
+    completionRatioHandle: boolean;
+    private tasks;
+    private editedProp;
+    private prevX;
+    private prevWidth;
+    private prevLeft;
+    private prevScrollLeft;
+    private newRange;
+    private offsetX;
+    private maxWidth;
+    private newCompletionRatio;
+    constructor(mapper: MappingService, zone: NgZone);
+    registerTask(task: GanttTaskBase): void;
+    onDragStart(args: DragTargetDragStartEvent): void;
+    onDrag(args: DragTargetDragEvent): void;
+    onDragEnd(args: DragTargetDragEndEvent): void;
+    private calculateMarquee;
+    private calculateStartEnd;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskDragService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TaskDragService>;
+}

package/esm2022/directives.mjs

@@ -23,6 +23,8 @@ import { SelectableDirective } from "./selection/selectable.directive";
 import { CustomMessagesComponent } from "./localization/custom-messages.component";
 import { GanttAddTaskComponent } from "./editing/add-task.component";
 import { ToolbarTemplateDirective } from "./toolbar/toolbar-template.directive";
+import { TaskDragDirective } from "./dragging/task-drag.directive";
+import { GanttTaskTooltipTemplateDirective } from "./template-directives/task-tooltip-template.directive";
 /**
 * Utility array that contains all `@progress/kendo-angular-gantt` related components and directives
 */
@@ -53,5 +55,7 @@ export const KENDO_GANTT = [
     TimelineYearViewComponent,
     SelectableDirective,
     CustomMessagesComponent,
-    GanttAddTaskComponent
+    GanttAddTaskComponent,
+    TaskDragDirective,
+    GanttTaskTooltipTemplateDirective
 ];

package/esm2022/dragging/task-drag.directive.mjs

@@ -0,0 +1,81 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, EventEmitter, Output } from '@angular/core';
+import { TaskDragService } from './task-drag.service';
+import { DragTargetContainerDirective } from '@progress/kendo-angular-utils';
+import { Subscription } from 'rxjs';
+import { GanttComponent } from '../gantt.component';
+import { getEditItem } from '../editing/utils';
+import { MappingService } from '../common/mapping.service';
+import { hasObservers } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "../gantt.component";
+import * as i2 from "../common/mapping.service";
+import * as i3 from "@progress/kendo-angular-utils";
+import * as i4 from "./task-drag.service";
+export class TaskDragDirective {
+    /**
+     * Emitted while the end user is resizing or moving a task through dragging.
+     */
+    taskDrag = new EventEmitter();
+    /**
+     * Triggered when the dragging action associated with resizing or moving an event is finished.
+     * The event data contains all necessary information to update the task and all related tasks
+     * accordingly.
+     */
+    taskDragEnd = new EventEmitter();
+    subs = new Subscription();
+    constructor(gantt, mapper, dragTargetContainer, taskDragService) {
+        dragTargetContainer.mode = 'manual';
+        dragTargetContainer.dragTargetFilter = '.k-resize-handle, .k-task, .k-task-draghandle';
+        dragTargetContainer.cursorStyle = null;
+        dragTargetContainer.threshold = 5;
+        this.subs.add(dragTargetContainer.onDragStart.subscribe((args) => {
+            taskDragService.onDragStart(args);
+        }));
+        this.subs.add(dragTargetContainer.onDrag.subscribe((args) => {
+            taskDragService.onDrag(args);
+        }));
+        this.subs.add(dragTargetContainer.onDragEnd.subscribe((args) => {
+            taskDragService.onDragEnd(args);
+        }));
+        this.subs.add(taskDragService.drag.subscribe((args) => {
+            hasObservers(this.taskDrag) && this.taskDrag.emit({
+                start: args.start,
+                end: args.end,
+                completionRatio: args.completionRatio,
+                item: getEditItem(args.item, gantt.treeList.view.data, mapper),
+                dragEvent: args.dragEvent
+            });
+        }));
+        this.subs.add(taskDragService.dragEnd.subscribe((args) => {
+            hasObservers(this.taskDragEnd) && this.taskDragEnd.emit({
+                start: args.start,
+                end: args.end,
+                completionRatio: args.completionRatio,
+                item: getEditItem(args.item, gantt.treeList.view.data, mapper),
+                dragEvent: args.dragEvent
+            });
+        }));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDragDirective, deps: [{ token: i1.GanttComponent }, { token: i2.MappingService }, { token: i3.DragTargetContainerDirective }, { token: i4.TaskDragService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TaskDragDirective, isStandalone: true, selector: "[kendoGanttTaskDrag]", outputs: { taskDrag: "taskDrag", taskDragEnd: "taskDragEnd" }, providers: [TaskDragService], hostDirectives: [{ directive: i3.DragTargetContainerDirective }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDragDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttTaskDrag]',
+                    standalone: true,
+                    providers: [TaskDragService],
+                    hostDirectives: [DragTargetContainerDirective]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.GanttComponent }, { type: i2.MappingService }, { type: i3.DragTargetContainerDirective }, { type: i4.TaskDragService }]; }, propDecorators: { taskDrag: [{
+                type: Output
+            }], taskDragEnd: [{
+                type: Output
+            }] } });

package/esm2022/dragging/task-drag.service.mjs

@@ -0,0 +1,231 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable, NgZone } from '@angular/core';
+import { Subject } from 'rxjs';
+import { MappingService } from '../common/mapping.service';
+import { isPresent } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/mapping.service";
+/**
+ * @hidden
+ */
+export class TaskDragService {
+    mapper;
+    zone;
+    taskDraggable;
+    drag = new Subject();
+    dragEnd = new Subject();
+    dragStart = new Subject();
+    tasksContainer;
+    tasksContainerRect;
+    scrollableContainer;
+    currentDragTask;
+    currentDragTaskRect;
+    leftDragHandle;
+    rightDragHandle;
+    completionRatioHandle;
+    tasks = [];
+    editedProp;
+    prevX;
+    prevWidth;
+    prevLeft;
+    prevScrollLeft;
+    newRange;
+    offsetX;
+    maxWidth;
+    newCompletionRatio;
+    constructor(mapper, zone) {
+        this.mapper = mapper;
+        this.zone = zone;
+    }
+    registerTask(task) {
+        if (!this.tasks.some(t => t === task)) {
+            this.tasks.push(task);
+        }
+    }
+    onDragStart(args) {
+        this.tasksContainerRect = this.tasksContainer.getBoundingClientRect();
+        this.currentDragTask = this.tasks.find(t => t.taskElement.nativeElement.contains(args.dragTarget) || t.taskElement.nativeElement.nextElementSibling === args.dragTarget);
+        const taskEl = this.currentDragTask.taskElement.nativeElement;
+        this.currentDragTaskRect = taskEl.getBoundingClientRect();
+        this.completionRatioHandle = args.dragTarget.classList.contains('k-task-draghandle');
+        this.leftDragHandle = args.dragTarget.classList.contains('k-resize-w');
+        this.rightDragHandle = args.dragTarget.classList.contains('k-resize-e');
+        this.editedProp = this.leftDragHandle ? 'start' : this.rightDragHandle ? 'end' : 'both';
+        this.dragStart.next(args);
+    }
+    onDrag(args) {
+        if (this.completionRatioHandle) { // completion ratio handle drag
+            const taskWidth = this.currentDragTaskRect.width;
+            const scrollLeft = this.scrollableContainer?.scrollLeft;
+            const scrollDelta = isPresent(this.prevScrollLeft) ? this.prevScrollLeft - scrollLeft : 0;
+            const completionWidth = Math.min(Math.max(args.dragEvent.clientX - this.currentDragTaskRect.left - scrollDelta, 0), taskWidth);
+            const newCompletionRatio = completionWidth / taskWidth;
+            this.currentDragTask.draggedCompletionWidth = completionWidth;
+            !this.prevScrollLeft && (this.prevScrollLeft = scrollLeft);
+            this.newCompletionRatio = newCompletionRatio;
+            this.drag.next({
+                start: this.mapper.extractFromTask(this.currentDragTask.dataItem, 'start'),
+                end: this.mapper.extractFromTask(this.currentDragTask.dataItem, 'end'),
+                completionRatio: newCompletionRatio,
+                dragEvent: args,
+                item: this.currentDragTask.dataItem,
+                offset: this.prevX,
+                width: this.prevWidth
+            });
+        }
+        else { // task resize or drag
+            const marquee = this.calculateMarquee(args, this.leftDragHandle, this.rightDragHandle);
+            if (!marquee) {
+                return;
+            }
+            const { left, width } = marquee;
+            this.newRange = this.calculateStartEnd(this.editedProp, width, left);
+            this.drag.next({
+                start: this.newRange.start,
+                end: this.newRange.end,
+                completionRatio: this.mapper.extractFromTask(this.currentDragTask.dataItem, 'completionRatio'),
+                dragEvent: args,
+                item: this.currentDragTask.dataItem,
+                offset: left,
+                width
+            });
+        }
+    }
+    onDragEnd(args) {
+        if (this.completionRatioHandle) {
+            this.dragEnd.next({
+                start: this.mapper.extractFromTask(this.currentDragTask.dataItem, 'start'),
+                end: this.mapper.extractFromTask(this.currentDragTask.dataItem, 'end'),
+                completionRatio: this.newCompletionRatio,
+                dragEvent: args,
+                item: this.currentDragTask.dataItem,
+                offset: this.prevX,
+                width: this.prevWidth
+            });
+        }
+        else {
+            this.dragEnd.next({
+                start: this.newRange.start,
+                end: this.newRange.end,
+                completionRatio: this.mapper.extractFromTask(this.currentDragTask.dataItem, 'completionRatio'),
+                dragEvent: args,
+                item: this.currentDragTask.dataItem,
+                offset: this.prevX,
+                width: this.prevWidth
+            });
+        }
+        this.prevWidth = this.prevX = this.prevLeft = this.prevScrollLeft = this.offsetX = this.maxWidth = this.newCompletionRatio = null;
+        this.currentDragTaskRect = this.currentDragTask = this.currentDragTask.draggedCompletionWidth = this.editedProp = this.newRange = null;
+        this.leftDragHandle = this.rightDragHandle = this.completionRatioHandle = false;
+    }
+    calculateMarquee(e, leftDragHandle, rightDragHandle) {
+        const clientX = e.dragEvent.clientX;
+        // Update container rect when dragging outside of it to avoid miscalculations
+        // coming from scrolling the whole page during dragging a task
+        if (clientX < this.tasksContainerRect.x || clientX > this.tasksContainerRect.right) {
+            this.zone.runOutsideAngular(() => {
+                this.tasksContainerRect = this.tasksContainer.getBoundingClientRect();
+                this.currentDragTaskRect = this.currentDragTask.taskElement.nativeElement.getBoundingClientRect();
+            });
+            return;
+        }
+        const scrollLeft = this.scrollableContainer?.scrollLeft;
+        const scrollDelta = isPresent(this.prevScrollLeft) ? this.prevScrollLeft - scrollLeft : 0;
+        let left, width;
+        if (leftDragHandle) {
+            if (!isPresent(this.maxWidth)) {
+                this.maxWidth = this.currentDragTaskRect.right - this.tasksContainerRect.x + scrollLeft;
+            }
+            left = Math.min(Math.max(clientX - this.tasksContainerRect.x - scrollDelta, 0), this.maxWidth);
+            width = Math.min(Math.max(this.currentDragTaskRect.right - clientX + scrollDelta, 0), this.maxWidth);
+        }
+        else if (rightDragHandle) {
+            if (!isPresent(this.maxWidth)) {
+                this.maxWidth = this.tasksContainerRect.right - this.currentDragTaskRect.x;
+            }
+            left = this.prevLeft ?? (this.currentDragTaskRect.x - this.tasksContainerRect.x);
+            width = Math.min(Math.max(clientX - this.tasksContainerRect.x - left - scrollDelta, 0), this.maxWidth);
+        }
+        else { // dragging the whole task
+            if (!isPresent(this.offsetX)) {
+                this.offsetX = e.dragEvent.offsetX;
+            }
+            left = Math.max(clientX - this.tasksContainerRect.x - this.offsetX - scrollDelta, 0);
+        }
+        const cursorLeft = clientX - this.tasksContainerRect.x;
+        // out of limits (0, max possible width) when dragging the left handle
+        if (this.leftDragHandle && (cursorLeft < 0 || this.maxWidth < cursorLeft)) {
+            return {
+                left: cursorLeft < 0 ? 0 : this.maxWidth,
+                width
+            };
+        }
+        // out of limits (0, max possible width) when dragging right handle
+        if (rightDragHandle && (clientX < this.currentDragTaskRect.x) || clientX > this.tasksContainerRect.right) {
+            return {
+                left,
+                width: clientX < this.currentDragTaskRect.x ? 0 : this.maxWidth
+            };
+        }
+        // out of limits (start < view start || end > view end) when dragging the whole task
+        if (!(this.leftDragHandle || this.rightDragHandle) && (left < 0 || (clientX + this.currentDragTaskRect.width - scrollDelta - this.offsetX > this.tasksContainerRect.right))) {
+            return {
+                left: Math.min(Math.max(left, 0), this.tasksContainerRect.width - this.currentDragTaskRect.width),
+                width: this.currentDragTaskRect.width
+            };
+        }
+        this.prevX = clientX;
+        this.prevLeft = left;
+        this.prevWidth = width;
+        !this.prevScrollLeft && (this.prevScrollLeft = scrollLeft);
+        return {
+            left,
+            width: width ?? this.currentDragTaskRect.width
+        };
+    }
+    calculateStartEnd(editedProp, width, left) {
+        const startDate = this.mapper.extractFromTask(this.currentDragTask.dataItem, 'start');
+        const endDate = this.mapper.extractFromTask(this.currentDragTask.dataItem, 'end');
+        const duration = endDate - startDate;
+        const delta = left - this.currentDragTaskRect.x + this.tasksContainerRect.x;
+        if (editedProp === 'both') {
+            if (duration) {
+                const delta = left - this.currentDragTaskRect.x + this.tasksContainerRect.left;
+                const coef = delta / this.currentDragTask.taskWidth;
+                const deltaMs = duration * coef;
+                const newStart = new Date(startDate.getTime() + deltaMs);
+                const newEnd = new Date(newStart.getTime() + duration);
+                return {
+                    start: newStart,
+                    end: newEnd
+                };
+            }
+            else { // milestone task      
+                const initialOffset = this.currentDragTaskRect.x - this.tasksContainerRect.x;
+                const msPerPx = (startDate - this.currentDragTask.viewService.viewStart) / initialOffset;
+                const deltaMs = delta * msPerPx;
+                return {
+                    start: new Date(startDate.getTime() + deltaMs),
+                    end: new Date(startDate.getTime() + deltaMs)
+                };
+            }
+        }
+        const coef = width / this.currentDragTask.taskWidth;
+        const newDuration = duration * coef;
+        const newPropDate = editedProp === 'start' ? new Date(endDate - newDuration) : new Date(startDate.getTime() + newDuration);
+        const newStart = editedProp === 'start' ? newPropDate : startDate;
+        const newEnd = editedProp === 'end' ? newPropDate : endDate;
+        return {
+            start: newStart,
+            end: newEnd
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDragService, deps: [{ token: i1.MappingService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDragService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDragService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.MappingService }, { type: i0.NgZone }]; } });

package/esm2022/gantt.component.mjs

@@ -45,6 +45,7 @@ import { LocalizedMessagesDirective } from './localization/localized-messages.di
 import { SplitterComponent, SplitterPaneComponent } from '@progress/kendo-angular-layout';
 import { DialogActionsComponent, DialogComponent } from '@progress/kendo-angular-dialog';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
+import { GanttTaskTooltipTemplateDirective } from './template-directives/task-tooltip-template.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./timeline/timeline-view.service";
 import * as i2 from "./scrolling/scroll-sync.service";
@@ -165,6 +166,14 @@ export class GanttComponent {
      * Therefore the `static` property needs to be set to `false`.
      */
     taskTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a task tooltip template declaration.
+     * In newer Angular versions the ngIf-ed value gets evaluated after the static query is resolved.
+     * Therefore the `static` property needs to be set to `false`.
+     */
+    taskTooltipTemplate;
     /**
      * @hidden
      *
@@ -505,6 +514,16 @@ export class GanttComponent {
     get dragScrollSettings() {
         return this._dragScrollSettings;
     }
+    /**
+     * Allows setting the task tooltip `position`, `callout`, and `showAfter` options.
+     *
+     * @default { position: 'top', callout: true, showAfter: 100 }
+     */
+    taskTooltipOptions = {
+        position: 'top',
+        callout: true,
+        showAfter: 100
+    };
     /**
      * Fires when an item is expanded.
      */
@@ -1396,7 +1415,7 @@ export class GanttComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttComponent, deps: [{ token: i1.TimelineViewService }, { token: i2.ScrollSyncService }, { token: i0.Renderer2 }, { token: i3.MappingService }, { token: i4.OptionChangesService }, { token: i5.DependencyDomService }, { token: i6.EditService }, { token: i7.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i8.NavigationService }, { token: i9.CurrentTimeMarkerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttComponent, isStandalone: true, selector: "kendo-gantt", inputs: { roleDescription: ["aria-roledescription", "roleDescription"], role: "role", taskModelFields: "taskModelFields", dependencyModelFields: "dependencyModelFields", activeView: "activeView", data: "data", isSelected: "isSelected", validateNewDependency: "validateNewDependency", selectable: "selectable", toolbarSettings: "toolbarSettings", toolbarAriaLabel: "toolbarAriaLabel", fetchChildren: "fetchChildren", hasChildren: "hasChildren", dependencies: "dependencies", sortable: "sortable", sort: "sort", filterable: "filterable", filter: "filter", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", navigable: "navigable", timelinePaneOptions: "timelinePaneOptions", treeListPaneOptions: "treeListPaneOptions", taskClass: "taskClass", rowClass: "rowClass", isExpanded: "isExpanded", columnsAutoSize: "columnsAutoSize", currentTimeMarker: "currentTimeMarker", columnMenu: "columnMenu", columnsReorderable: "columnsReorderable", columnsResizable: "columnsResizable", dragScrollSettings: "dragScrollSettings" }, outputs: { selectionChange: "selectionChange", rowExpand: "rowExpand", taskDblClick: "taskDblClick", cellDblClick: "cellDblClick", cellClose: "cellClose", taskDelete: "taskDelete", rowCollapse: "rowCollapse", remove: "remove", cancel: "cancel", save: "save", taskAdd: "taskAdd", dependencyAdd: "dependencyAdd", sortChange: "sortChange", filterChange: "filterChange", dataStateChange: "dataStateChange", treeListPaneCollapsedChange: "treeListPaneCollapsedChange", timelinePaneCollapsedChange: "timelinePaneCollapsedChange", timelinePaneSizeChange: "timelinePaneSizeChange", activeViewChange: "activeViewChange", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", cellClick: "cellClick", taskClick: "taskClick" }, host: { properties: { "attr.aria-roledescription": "this.hostRoleDescriptionAttr", "attr.role": "this.hostRoleAttr", "class.k-gantt": "this.hostClasses", "attr.dir": "this.dir" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttComponent, isStandalone: true, selector: "kendo-gantt", inputs: { roleDescription: ["aria-roledescription", "roleDescription"], role: "role", taskModelFields: "taskModelFields", dependencyModelFields: "dependencyModelFields", activeView: "activeView", data: "data", isSelected: "isSelected", validateNewDependency: "validateNewDependency", selectable: "selectable", toolbarSettings: "toolbarSettings", toolbarAriaLabel: "toolbarAriaLabel", fetchChildren: "fetchChildren", hasChildren: "hasChildren", dependencies: "dependencies", sortable: "sortable", sort: "sort", filterable: "filterable", filter: "filter", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", navigable: "navigable", timelinePaneOptions: "timelinePaneOptions", treeListPaneOptions: "treeListPaneOptions", taskClass: "taskClass", rowClass: "rowClass", isExpanded: "isExpanded", columnsAutoSize: "columnsAutoSize", currentTimeMarker: "currentTimeMarker", columnMenu: "columnMenu", columnsReorderable: "columnsReorderable", columnsResizable: "columnsResizable", dragScrollSettings: "dragScrollSettings", taskTooltipOptions: "taskTooltipOptions" }, outputs: { selectionChange: "selectionChange", rowExpand: "rowExpand", taskDblClick: "taskDblClick", cellDblClick: "cellDblClick", cellClose: "cellClose", taskDelete: "taskDelete", rowCollapse: "rowCollapse", remove: "remove", cancel: "cancel", save: "save", taskAdd: "taskAdd", dependencyAdd: "dependencyAdd", sortChange: "sortChange", filterChange: "filterChange", dataStateChange: "dataStateChange", treeListPaneCollapsedChange: "treeListPaneCollapsedChange", timelinePaneCollapsedChange: "timelinePaneCollapsedChange", timelinePaneSizeChange: "timelinePaneSizeChange", activeViewChange: "activeViewChange", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", cellClick: "cellClick", taskClick: "taskClick" }, host: { properties: { "attr.aria-roledescription": "this.hostRoleDescriptionAttr", "attr.role": "this.hostRoleAttr", "class.k-gantt": "this.hostClasses", "attr.dir": "this.dir" } }, providers: [
             GanttLocalizationService,
             LocalizationService,
             {
@@ -1424,7 +1443,7 @@ export class GanttComponent {
             TimelineScrollService,
             NavigationService,
             CurrentTimeMarkerService
-        ], queries: [{ propertyName: "taskContentTemplate", first: true, predicate: GanttTaskContentTemplateDirective, descendants: true }, { propertyName: "taskTemplate", first: true, predicate: GanttTaskTemplateDirective, descendants: true }, { propertyName: "summaryTaskTemplate", first: true, predicate: GanttSummaryTaskTemplateDirective, descendants: true }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columns", predicate: GanttColumnBase }, { propertyName: "views", predicate: ViewBase }], viewQueries: [{ propertyName: "treeList", first: true, predicate: TreeListComponent, descendants: true, static: true }, { propertyName: "timeline", first: true, predicate: GanttTimelineComponent, descendants: true }], exportAs: ["kendoGantt"], usesOnChanges: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "taskContentTemplate", first: true, predicate: GanttTaskContentTemplateDirective, descendants: true }, { propertyName: "taskTemplate", first: true, predicate: GanttTaskTemplateDirective, descendants: true }, { propertyName: "taskTooltipTemplate", first: true, predicate: GanttTaskTooltipTemplateDirective, descendants: true }, { propertyName: "summaryTaskTemplate", first: true, predicate: GanttSummaryTaskTemplateDirective, descendants: true }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columns", predicate: GanttColumnBase }, { propertyName: "views", predicate: ViewBase }], viewQueries: [{ propertyName: "treeList", first: true, predicate: TreeListComponent, descendants: true, static: true }, { propertyName: "timeline", first: true, predicate: GanttTimelineComponent, descendants: true }], exportAs: ["kendoGantt"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoGanttLocalizedMessages
             i18n-taskEditingGeneralTabTitle="kendo.gantt.taskEditingGeneralTabTitle|The title of the 'General' tab of the editing dialog TabStrip"
             taskEditingGeneralTabTitle="General"
@@ -1622,7 +1641,13 @@ export class GanttComponent {
             columnsApply="Apply"
 
             i18n-columnsReset="kendo.gantt.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
-            columnsReset="Reset"></ng-container>
+            columnsReset="Reset"
+            
+            i18n-tooltipStartDateText="kendo.gantt.tooltipStartDateText|The text shown in the task tooltip before the task start date"
+            tooltipStartDateText="Start"
+            
+            i18n-tooltipEndDateText="kendo.gantt.tooltipEndDateText|The text shown in the task tooltip before the task end date"
+            tooltipEndDateText="End"></ng-container>
         <kendo-gantt-toolbar
             *ngIf="showToolbar('top')"
             [attr.aria-label]="toolbarAriaLabel"
@@ -1761,6 +1786,8 @@ export class GanttComponent {
                             dblclick: handleTimelineDblClick,
                             mousedown: handleTimelineMouseDown
                         }"
+                        [customTooltipTemplate]="taskTooltipTemplate"
+                        [tooltipOptions]="taskTooltipOptions"
                         [scope]="this"
                     ></kendo-gantt-timeline>
                 </kendo-splitter-pane>
@@ -1796,7 +1823,7 @@ export class GanttComponent {
         </kendo-dialog>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-   `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "navigable", "position"], outputs: ["activeViewChange"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: TreeListComponent, selector: "kendo-treelist", inputs: ["aria-label", "data", "pageSize", "height", "rowHeight", "skip", "scrollable", "sort", "trackBy", "filter", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "navigatable", "autoSize", "rowClass", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "idField", "selectable", "isSelected", "rowReorderable", "columns", "fetchChildren", "hasChildren", "isExpanded"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange", "rowReorder"], exportAs: ["kendoTreeList"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-treelist-messages" }, { kind: "component", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "currentTimeMarker", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+   `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "navigable", "position"], outputs: ["activeViewChange"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: TreeListComponent, selector: "kendo-treelist", inputs: ["aria-label", "data", "pageSize", "height", "rowHeight", "skip", "scrollable", "sort", "trackBy", "filter", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "navigatable", "autoSize", "rowClass", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "idField", "selectable", "isSelected", "rowReorderable", "columns", "fetchChildren", "hasChildren", "isExpanded"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange", "rowReorder"], exportAs: ["kendoTreeList"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-treelist-messages" }, { kind: "component", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "currentTimeMarker", "customTooltipTemplate", "tooltipOptions", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttComponent, decorators: [{
             type: Component,
@@ -2030,7 +2057,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             columnsApply="Apply"
 
             i18n-columnsReset="kendo.gantt.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
-            columnsReset="Reset"></ng-container>
+            columnsReset="Reset"
+            
+            i18n-tooltipStartDateText="kendo.gantt.tooltipStartDateText|The text shown in the task tooltip before the task start date"
+            tooltipStartDateText="Start"
+            
+            i18n-tooltipEndDateText="kendo.gantt.tooltipEndDateText|The text shown in the task tooltip before the task end date"
+            tooltipEndDateText="End"></ng-container>
         <kendo-gantt-toolbar
             *ngIf="showToolbar('top')"
             [attr.aria-label]="toolbarAriaLabel"
@@ -2169,6 +2202,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             dblclick: handleTimelineDblClick,
                             mousedown: handleTimelineMouseDown
                         }"
+                        [customTooltipTemplate]="taskTooltipTemplate"
+                        [tooltipOptions]="taskTooltipOptions"
                         [scope]="this"
                     ></kendo-gantt-timeline>
                 </kendo-splitter-pane>
@@ -2213,16 +2248,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: [TreeListComponent, { static: true }]
             }], timeline: [{
                 type: ViewChild,
-                args: [GanttTimelineComponent, { static: false }]
+                args: [GanttTimelineComponent]
             }], taskContentTemplate: [{
                 type: ContentChild,
-                args: [GanttTaskContentTemplateDirective, { static: false }]
+                args: [GanttTaskContentTemplateDirective]
             }], taskTemplate: [{
                 type: ContentChild,
-                args: [GanttTaskTemplateDirective, { static: false }]
+                args: [GanttTaskTemplateDirective]
+            }], taskTooltipTemplate: [{
+                type: ContentChild,
+                args: [GanttTaskTooltipTemplateDirective]
             }], summaryTaskTemplate: [{
                 type: ContentChild,
-                args: [GanttSummaryTaskTemplateDirective, { static: false }]
+                args: [GanttSummaryTaskTemplateDirective]
             }], toolbarTemplateChildren: [{
                 type: ContentChildren,
                 args: [ToolbarTemplateDirective]
@@ -2316,6 +2354,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], dragScrollSettings: [{
                 type: Input
+            }], taskTooltipOptions: [{
+                type: Input
             }], rowExpand: [{
                 type: Output
             }], taskDblClick: [{

package/esm2022/gantt.module.mjs

@@ -39,6 +39,8 @@ import * as i24 from "./timeline/timeline-year-view.component";
 import * as i25 from "./selection/selectable.directive";
 import * as i26 from "./localization/custom-messages.component";
 import * as i27 from "./editing/add-task.component";
+import * as i28 from "./dragging/task-drag.directive";
+import * as i29 from "./template-directives/task-tooltip-template.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -73,7 +75,7 @@ import * as i27 from "./editing/add-task.component";
  */
 export class GanttModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, imports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.ToolbarTemplateDirective, i8.ViewSelectorComponent, i9.GanttColumnComponent, i10.GanttColumnGroupComponent, i11.GanttSpanColumnComponent, i12.FilterCellTemplateDirective, i13.FilterMenuTemplateDirective, i14.CellTemplateDirective, i15.EditTemplateDirective, i16.ColumnMenuTemplateDirective, i17.HeaderTemplateDirective, i18.FooterTemplateDirective, i19.GanttExpandableDirective, i20.DependencyDragCreateDirective, i21.TimelineDayViewComponent, i22.TimelineWeekViewComponent, i23.TimelineMonthViewComponent, i24.TimelineYearViewComponent, i25.SelectableDirective, i26.CustomMessagesComponent, i27.GanttAddTaskComponent], exports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.ToolbarTemplateDirective, i8.ViewSelectorComponent, i9.GanttColumnComponent, i10.GanttColumnGroupComponent, i11.GanttSpanColumnComponent, i12.FilterCellTemplateDirective, i13.FilterMenuTemplateDirective, i14.CellTemplateDirective, i15.EditTemplateDirective, i16.ColumnMenuTemplateDirective, i17.HeaderTemplateDirective, i18.FooterTemplateDirective, i19.GanttExpandableDirective, i20.DependencyDragCreateDirective, i21.TimelineDayViewComponent, i22.TimelineWeekViewComponent, i23.TimelineMonthViewComponent, i24.TimelineYearViewComponent, i25.SelectableDirective, i26.CustomMessagesComponent, i27.GanttAddTaskComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, imports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.ToolbarTemplateDirective, i8.ViewSelectorComponent, i9.GanttColumnComponent, i10.GanttColumnGroupComponent, i11.GanttSpanColumnComponent, i12.FilterCellTemplateDirective, i13.FilterMenuTemplateDirective, i14.CellTemplateDirective, i15.EditTemplateDirective, i16.ColumnMenuTemplateDirective, i17.HeaderTemplateDirective, i18.FooterTemplateDirective, i19.GanttExpandableDirective, i20.DependencyDragCreateDirective, i21.TimelineDayViewComponent, i22.TimelineWeekViewComponent, i23.TimelineMonthViewComponent, i24.TimelineYearViewComponent, i25.SelectableDirective, i26.CustomMessagesComponent, i27.GanttAddTaskComponent, i28.TaskDragDirective, i29.GanttTaskTooltipTemplateDirective], exports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.ToolbarTemplateDirective, i8.ViewSelectorComponent, i9.GanttColumnComponent, i10.GanttColumnGroupComponent, i11.GanttSpanColumnComponent, i12.FilterCellTemplateDirective, i13.FilterMenuTemplateDirective, i14.CellTemplateDirective, i15.EditTemplateDirective, i16.ColumnMenuTemplateDirective, i17.HeaderTemplateDirective, i18.FooterTemplateDirective, i19.GanttExpandableDirective, i20.DependencyDragCreateDirective, i21.TimelineDayViewComponent, i22.TimelineWeekViewComponent, i23.TimelineMonthViewComponent, i24.TimelineYearViewComponent, i25.SelectableDirective, i26.CustomMessagesComponent, i27.GanttAddTaskComponent, i28.TaskDragDirective, i29.GanttTaskTooltipTemplateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttModule, providers: [{
                 provide: L10N_PREFIX,
                 useValue: 'kendo.gantt'

package/esm2022/index.mjs

@@ -34,6 +34,8 @@ export { ToolbarTemplateDirective } from './toolbar/toolbar-template.directive';
 export { SelectableDirective } from './selection/selectable.directive';
 export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 export { CustomMessagesComponent } from './localization/custom-messages.component';
+export { TaskDragDirective } from './dragging/task-drag.directive';
+export { GanttTaskTooltipTemplateDirective } from './template-directives/task-tooltip-template.directive';
 export * from './models/models';
 export * from './columns/columns';
 export * from './directives';