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

package/esm2022/localization/messages.mjs

@@ -293,8 +293,16 @@ export class Messages extends ComponentMessages {
      * for the **Reset** button of the columns.
      */
     columnsReset;
+    /**
+     * The text shown in the task tooltip before the task start date.
+     */
+    tooltipStartDateText;
+    /**
+     * The text shown in the task tooltip before the task end date.
+     */
+    tooltipEndDateText;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-gantt-messages-base", inputs: { taskEditingGeneralTabTitle: "taskEditingGeneralTabTitle", taskEditingPredecessorsTabTitle: "taskEditingPredecessorsTabTitle", taskEditingSuccessorsTabTitle: "taskEditingSuccessorsTabTitle", taskEditingDependenciesAddButtonText: "taskEditingDependenciesAddButtonText", taskEditingDependenciesRemoveButtonText: "taskEditingDependenciesRemoveButtonText", taskEditingDependenciesGridNameColumnTitle: "taskEditingDependenciesGridNameColumnTitle", taskEditingDependenciesGridTypeColumnTitle: "taskEditingDependenciesGridTypeColumnTitle", deleteButtonText: "deleteButtonText", taskDeleteLabel: "taskDeleteLabel", taskEditingDialogTitle: "taskEditingDialogTitle", taskEditingDialogCloseTitle: "taskEditingDialogCloseTitle", confirmationDialogCloseTitle: "confirmationDialogCloseTitle", confirmationDialogTitle: "confirmationDialogTitle", addTaskText: "addTaskText", addChildText: "addChildText", addAboveText: "addAboveText", addBelowText: "addBelowText", cancelButtonText: "cancelButtonText", saveButtonText: "saveButtonText", titleFieldInputLabel: "titleFieldInputLabel", startFieldInputLabel: "startFieldInputLabel", endFieldInputLabel: "endFieldInputLabel", completionRatioFieldInputLabel: "completionRatioFieldInputLabel", confirmationDialogContent: "confirmationDialogContent", dayViewText: "dayViewText", weekViewText: "weekViewText", monthViewText: "monthViewText", yearViewText: "yearViewText", noRecords: "noRecords", filter: "filter", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", columnMenu: "columnMenu", columns: "columns", lock: "lock", unlock: "unlock", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-gantt-messages-base", inputs: { taskEditingGeneralTabTitle: "taskEditingGeneralTabTitle", taskEditingPredecessorsTabTitle: "taskEditingPredecessorsTabTitle", taskEditingSuccessorsTabTitle: "taskEditingSuccessorsTabTitle", taskEditingDependenciesAddButtonText: "taskEditingDependenciesAddButtonText", taskEditingDependenciesRemoveButtonText: "taskEditingDependenciesRemoveButtonText", taskEditingDependenciesGridNameColumnTitle: "taskEditingDependenciesGridNameColumnTitle", taskEditingDependenciesGridTypeColumnTitle: "taskEditingDependenciesGridTypeColumnTitle", deleteButtonText: "deleteButtonText", taskDeleteLabel: "taskDeleteLabel", taskEditingDialogTitle: "taskEditingDialogTitle", taskEditingDialogCloseTitle: "taskEditingDialogCloseTitle", confirmationDialogCloseTitle: "confirmationDialogCloseTitle", confirmationDialogTitle: "confirmationDialogTitle", addTaskText: "addTaskText", addChildText: "addChildText", addAboveText: "addAboveText", addBelowText: "addBelowText", cancelButtonText: "cancelButtonText", saveButtonText: "saveButtonText", titleFieldInputLabel: "titleFieldInputLabel", startFieldInputLabel: "startFieldInputLabel", endFieldInputLabel: "endFieldInputLabel", completionRatioFieldInputLabel: "completionRatioFieldInputLabel", confirmationDialogContent: "confirmationDialogContent", dayViewText: "dayViewText", weekViewText: "weekViewText", monthViewText: "monthViewText", yearViewText: "yearViewText", noRecords: "noRecords", filter: "filter", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", columnMenu: "columnMenu", columns: "columns", lock: "lock", unlock: "unlock", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", tooltipStartDateText: "tooltipStartDateText", tooltipEndDateText: "tooltipEndDateText" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
@@ -438,4 +446,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], columnsReset: [{
                 type: Input
+            }], tooltipStartDateText: [{
+                type: Input
+            }], tooltipEndDateText: [{
+                type: Input
             }] } });

package/esm2022/models/events/{task-move-start-event.interface.mjs → index.mjs}

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

package/esm2022/models/models.mjs

@@ -4,4 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 export * from './slot.interface';
 export { DependencyType } from './dependency-type.enum';
-export { CellCloseEvent } from './events/cell-close-event.interface';
+// Events models
+export * from './events';

package/esm2022/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1736177768,
-    version: '17.2.1-develop.2',
+    publishDate: 1736180932,
+    version: '17.3.0-develop.2',
     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/esm2022/rendering/gantt-task-base.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Directive, ElementRef, HostBinding, Input, isDevMode, ViewChild } from '@angular/core';
+import { ChangeDetectorRef, Directive, ElementRef, HostBinding, inject, Input, isDevMode, ViewChild } from '@angular/core';
 import { MS_PER_HOUR, MS_PER_DAY, firstDayOfMonth } from '@progress/kendo-date-math';
 import { Subscription } from 'rxjs';
 import { NavigationService } from '../navigation/navigation.service';
@@ -11,6 +11,7 @@ import { TimelineViewService } from '../timeline/timeline-view.service';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { MappingService } from '../common/mapping.service';
 import { getTotalDaysInMonth, getTotalMonthsInBetween, isNumber, isPresent } from '../utils';
+import { TaskDragService } from '../dragging/task-drag.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/mapping.service";
 import * as i2 from "../timeline/timeline-view.service";
@@ -116,6 +117,9 @@ export class GanttTaskBase {
         // fall-back to 0 in case no completionRatio is provided
         return isNumber(overlayWidth) ? overlayWidth : 0;
     }
+    draggedCompletionWidth;
+    taskDragService;
+    completionDragResult;
     subscriptions = new Subscription();
     constructor(mapper, // left public to be available for usage in the templates
     timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
@@ -125,6 +129,7 @@ export class GanttTaskBase {
         this.optionChangesService = optionChangesService;
         this.cdr = cdr;
         this.navigationService = navigationService;
+        this.taskDragService = inject(TaskDragService, { optional: true });
         this.subscriptions.add(this.optionChangesService.viewChanges
             .subscribe(() => this.cdr.markForCheck()));
         this.subscriptions.add(this.navigationService.taskStatusChanges
@@ -143,6 +148,9 @@ export class GanttTaskBase {
             }
         }
     }
+    ngAfterViewInit() {
+        this.taskDragService?.registerTask(this);
+    }
     ngOnChanges(changes) {
         if (isPresent(changes['dataItem'])) {
             if (isPresent(changes['dataItem'].previousValue)) {

package/esm2022/rendering/gantt-task.component.mjs

@@ -12,7 +12,7 @@ import { TimelineViewService } from './../timeline/timeline-view.service';
 import { GanttTaskBase } from './gantt-task-base';
 import { xIcon } from '@progress/kendo-svg-icons';
 import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
-import { EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
+import { EventsOutsideAngularDirective, isPresent } from '@progress/kendo-angular-common';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { touchEnabled } from '@progress/kendo-common';
 import * as i0 from "@angular/core";
@@ -31,6 +31,9 @@ export class GanttTaskComponent extends GanttTaskBase {
     taskTemplate;
     xIcon = xIcon;
     touchEnabled = touchEnabled;
+    get showDragHandles() {
+        return isPresent(this.taskDragService);
+    }
     constructor(editService, mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService) {
         super(mapper, timelineViewService, dependencyDomService, optionChangesService, cdr, navigationService);
         this.editService = editService;
@@ -60,7 +63,7 @@ export class GanttTaskComponent extends GanttTaskBase {
             <ng-container *ngIf="!taskTemplate">
                 <div
                     class="k-task-complete"
-                    [style.width.px]="completionOverlayWidth"
+                    [style.width.px]="draggedCompletionWidth ?? completionOverlayWidth"
                         aria-hidden="true"
                 >
                 </div>
@@ -92,6 +95,10 @@ export class GanttTaskComponent extends GanttTaskBase {
                                 [svgIcon]="xIcon"></kendo-icon-wrapper>
                         </span>
                     </span>
+                    <ng-container *ngIf="showDragHandles">
+                        <span class="k-resize-handle k-resize-w"></span>
+                        <span class="k-resize-handle k-resize-e"></span>
+                    </ng-container>
                 </div>
             </ng-container>
             <ng-template
@@ -101,9 +108,10 @@ export class GanttTaskComponent extends GanttTaskBase {
                     $implicit: dataItem,
                     elementWidth: taskWidth
                 }"
-            >
-            </ng-template>
+            ></ng-template>
         </div>
+        <div class="k-task-draghandle" *ngIf="showDragHandles"
+            [style.left.px]="draggedCompletionWidth ?? completionOverlayWidth"></div>
         <ng-container *ngIf="renderDependencyDragClues">
             <div
                 class="k-task-dot k-task-start k-touch-action-none"
@@ -143,7 +151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <ng-container *ngIf="!taskTemplate">
                 <div
                     class="k-task-complete"
-                    [style.width.px]="completionOverlayWidth"
+                    [style.width.px]="draggedCompletionWidth ?? completionOverlayWidth"
                         aria-hidden="true"
                 >
                 </div>
@@ -175,6 +183,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [svgIcon]="xIcon"></kendo-icon-wrapper>
                         </span>
                     </span>
+                    <ng-container *ngIf="showDragHandles">
+                        <span class="k-resize-handle k-resize-w"></span>
+                        <span class="k-resize-handle k-resize-e"></span>
+                    </ng-container>
                 </div>
             </ng-container>
             <ng-template
@@ -184,9 +196,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     $implicit: dataItem,
                     elementWidth: taskWidth
                 }"
-            >
-            </ng-template>
+            ></ng-template>
         </div>
+        <div class="k-task-draghandle" *ngIf="showDragHandles"
+            [style.left.px]="draggedCompletionWidth ?? completionOverlayWidth"></div>
         <ng-container *ngIf="renderDependencyDragClues">
             <div
                 class="k-task-dot k-task-start k-touch-action-none"

package/esm2022/rendering/gantt-tasks-table-body.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, TemplateRef, ViewChild, ElementRef } from '@angular/core';
+import { Component, Input, TemplateRef, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';
 import { isEqual } from '@progress/kendo-date-math';
 import { DependencyDomService } from '../dependencies/dependency-dom.service';
 import { MappingService } from '../common/mapping.service';
@@ -37,16 +37,27 @@ export class GanttTasksTableBodyComponent {
     isExpanded;
     isTaskSelected;
     renderDependencyDragClues;
+    taskPointerEnter = new EventEmitter();
+    taskPointerLeave = new EventEmitter();
     constructor(dependencyDomService, mapper) {
         this.dependencyDomService = dependencyDomService;
         this.mapper = mapper;
     }
+    trackBy = (_, item) => this.mapper.extractFromTask(item, 'id');
     isMileStone(item) {
         return !item.hasChildren && isEqual(this.mapper.extractFromTask(item.data, 'start'), this.mapper.extractFromTask(item.data, 'end'));
     }
+    mapItemToTask(item) {
+        const mappedItem = ['id', 'title', 'completionRatio', 'start', 'end']
+            .reduce((acc, curr) => {
+            acc[curr] = this.mapper.extractFromTask(item.data, curr);
+            return acc;
+        }, {});
+        return mappedItem;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTasksTableBodyComponent, deps: [{ token: i1.DependencyDomService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttTasksTableBodyComponent, isStandalone: true, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
-        <tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GanttTasksTableBodyComponent, isStandalone: true, selector: "[kendoGanttTasksTableBody]", inputs: { selectable: "selectable", rows: "rows", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", isExpanded: "isExpanded", isTaskSelected: "isTaskSelected", renderDependencyDragClues: "renderDependencyDragClues" }, outputs: { taskPointerEnter: "taskPointerEnter", taskPointerLeave: "taskPointerLeave" }, viewQueries: [{ propertyName: "timelineRow", first: true, predicate: ["timelineRow"], descendants: true }], ngImport: i0, template: `
+        <tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index; trackBy: trackBy ">
             <td class="k-table-td">
                 <kendo-gantt-milestone-task
                     *ngIf="isMileStone(item); else task"
@@ -58,6 +69,8 @@ export class GanttTasksTableBodyComponent {
                     [isSelected]="isTaskSelected"
                     [index]="index"
                     [renderDependencyDragClues]="renderDependencyDragClues"
+                    (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
+                    (pointerleave)="taskPointerLeave.emit()"
                 >
                 </kendo-gantt-milestone-task>
                 <ng-template #task>
@@ -73,8 +86,9 @@ export class GanttTasksTableBodyComponent {
                         [isExpanded]="isExpanded"
                         [index]="index"
                         [renderDependencyDragClues]="renderDependencyDragClues"
-                    >
-                    </kendo-gantt-summary-task>
+                        (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
+                        (pointerleave)="taskPointerLeave.emit()"
+                    ></kendo-gantt-summary-task>
                     <kendo-gantt-task
                         *ngIf="!item.hasChildren"
                         [dataItem]="item.data"
@@ -87,8 +101,9 @@ export class GanttTasksTableBodyComponent {
                         [isSelected]="isTaskSelected"
                         [index]="index"
                         [renderDependencyDragClues]="renderDependencyDragClues"
-                    >
-                    </kendo-gantt-task>
+                        (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
+                        (pointerleave)="taskPointerLeave.emit()"
+                    ></kendo-gantt-task>
                 </ng-template>
             </td>
         </tr>
@@ -100,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoGanttTasksTableBody]',
                     template: `
-        <tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index">
+        <tr class="k-table-row" #timelineRow *ngFor="let item of rows; let index = index; trackBy: trackBy ">
             <td class="k-table-td">
                 <kendo-gantt-milestone-task
                     *ngIf="isMileStone(item); else task"
@@ -112,6 +127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [isSelected]="isTaskSelected"
                     [index]="index"
                     [renderDependencyDragClues]="renderDependencyDragClues"
+                    (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
+                    (pointerleave)="taskPointerLeave.emit()"
                 >
                 </kendo-gantt-milestone-task>
                 <ng-template #task>
@@ -127,8 +144,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         [isExpanded]="isExpanded"
                         [index]="index"
                         [renderDependencyDragClues]="renderDependencyDragClues"
-                    >
-                    </kendo-gantt-summary-task>
+                        (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
+                        (pointerleave)="taskPointerLeave.emit()"
+                    ></kendo-gantt-summary-task>
                     <kendo-gantt-task
                         *ngIf="!item.hasChildren"
                         [dataItem]="item.data"
@@ -141,8 +159,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         [isSelected]="isTaskSelected"
                         [index]="index"
                         [renderDependencyDragClues]="renderDependencyDragClues"
-                    >
-                    </kendo-gantt-task>
+                        (pointerenter)="taskPointerEnter.emit(mapItemToTask(item))"
+                        (pointerleave)="taskPointerLeave.emit()"
+                    ></kendo-gantt-task>
                 </ng-template>
             </td>
         </tr>
@@ -173,4 +192,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], renderDependencyDragClues: [{
                 type: Input
+            }], taskPointerEnter: [{
+                type: Output
+            }], taskPointerLeave: [{
+                type: Output
             }] } });

package/esm2022/template-directives/task-tooltip-template.directive.mjs

@@ -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 { Directive, Optional, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the whole content of the Task tooltip.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoGanttTaskTooltipTemplate` directive inside the `<kendo-gantt>` tag.
+ *
+ * The template context is set to the respective data item.
+ *
+ * @example
+ * ```ts-preview
+ * _@Component({
+ *      selector: 'my-app',
+ *      template: `
+ *          <kendo-gantt [kendoGanttHierarchyBinding]="data">
+ *              <ng-template kendoGanttTaskTooltipTemplate let-dataItem>
+ *                  <div [style]="'color: white; font-size: 8px;'">
+ *                      {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete;
+ *                  </div>
+ *              </ng-template>
+ *          </kendo-gantt>
+ *      `
+ * })
+ * class AppComponent {
+ *     public data: any[] = sampleTasks;
+ * }
+ * ```
+ */
+export class GanttTaskTooltipTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GanttTaskTooltipTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskTooltipTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttTaskTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttTaskTooltipTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });