@progress/kendo-angular-gantt
Version:
Kendo UI Angular Gantt
37 lines (36 loc) • 2.03 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Customizes the content of the tooltip that appears when you drag or resize a Gantt task.
* Place the `kendoGanttTaskDragTooltipTemplate` directive on an `<ng-template>` tag inside the `<kendo-gantt>` component.
*
* The template context provides an object with the following properties:
* * `start`—The updated start date during the drag operation.
* * `end`—The updated end date during the drag operation.
* * `completionRatio`—The completion ratio of the task as a decimal value between 0 and 1.
* * `task`—The original data item of the task being dragged. Contains the properties of the [`GanttTask`](https://www.telerik.com/kendo-angular-ui/components/gantt/api/gantttask) interface.
*
* @example
* ```html
* <kendo-gantt
* [kendoGanttHierarchyBinding]="data"
* kendoGanttTaskDrag
* (taskDragEnd)="onDragEnd($event)">
* <ng-template kendoGanttTaskDragTooltipTemplate let-dragData>
* <div> {{ dragData.task.title }} </div>
* <div> Start: {{ dragData.start | date: 'h:mm a' }} </div>
* <div> End: {{ dragData.end | date: 'h:mm a' }} </div>
* </ng-template>
* </kendo-gantt>
* ```
*/
export declare class GanttTaskDragTooltipTemplateDirective {
templateRef: TemplateRef<any>;
constructor(templateRef: TemplateRef<any>);
static ɵfac: i0.ɵɵFactoryDeclaration<GanttTaskDragTooltipTemplateDirective, [{ optional: true; }]>;
static ɵdir: i0.ɵɵDirectiveDeclaration<GanttTaskDragTooltipTemplateDirective, "[kendoGanttTaskDragTooltipTemplate]", never, {}, {}, never, never, true, never>;
}