@progress/kendo-angular-gantt 21.3.1-develop.1 → 21.4.0-develop.10

package/directives.d.ts

@@ -25,7 +25,8 @@ 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";
+import { GanttTaskDragTooltipTemplateDirective } from "./template-directives/task-drag-tooltip-template.directive";
 /**
 * Use the `KENDO_GANTT` utility array to import all Kendo UI for Angular Gantt components and directives to a standalone Angular component.
 */
-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];
+export declare const KENDO_GANTT: readonly [typeof GanttComponent, typeof GanttFlatBindingDirective, typeof GanttHierarchyBindingDirective, typeof GanttTaskContentTemplateDirective, typeof GanttTaskTemplateDirective, typeof GanttSummaryTaskTemplateDirective, typeof GanttTaskDragTooltipTemplateDirective, 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/esm2022/directives.mjs

@@ -25,6 +25,7 @@ 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";
+import { GanttTaskDragTooltipTemplateDirective } from "./template-directives/task-drag-tooltip-template.directive";
 /**
 * Use the `KENDO_GANTT` utility array to import all Kendo UI for Angular Gantt components and directives to a standalone Angular component.
 */
@@ -35,6 +36,7 @@ export const KENDO_GANTT = [
     GanttTaskContentTemplateDirective,
     GanttTaskTemplateDirective,
     GanttSummaryTaskTemplateDirective,
+    GanttTaskDragTooltipTemplateDirective,
     ToolbarTemplateDirective,
     ViewSelectorComponent,
     GanttColumnComponent,

package/esm2022/gantt.component.mjs

@@ -46,6 +46,7 @@ import { DialogActionsComponent, DialogComponent } from '@progress/kendo-angular
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import { GanttTaskTooltipTemplateDirective } from './template-directives/task-tooltip-template.directive';
 import { IntlService } from '@progress/kendo-angular-intl';
+import { GanttTaskDragTooltipTemplateDirective } from './template-directives/task-drag-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";
@@ -160,6 +161,14 @@ export class GanttComponent {
      * Therefore the `static` property needs to be set to `false`.
      */
     taskTooltipTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a task drag 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`.
+     */
+    taskDragTooltipTemplate;
     /**
      * @hidden
      *
@@ -1418,7 +1427,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: "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: `
+        ], 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: "taskDragTooltipTemplate", first: true, predicate: GanttTaskDragTooltipTemplateDirective, 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"
@@ -1763,6 +1772,7 @@ export class GanttComponent {
                             mousedown: handleTimelineMouseDown
                         }"
                   [customTooltipTemplate]="taskTooltipTemplate"
+                  [customDragTooltipTemplate]="taskDragTooltipTemplate"
                   [tooltipOptions]="taskTooltipOptions"
                   [scope]="this"
                 ></kendo-gantt-timeline>
@@ -1806,7 +1816,7 @@ export class GanttComponent {
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { 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", "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]", inputs: ["licenseMessage"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { 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", "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", "customDragTooltipTemplate", "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]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttComponent, decorators: [{
             type: Component,
@@ -2187,6 +2197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             mousedown: handleTimelineMouseDown
                         }"
                   [customTooltipTemplate]="taskTooltipTemplate"
+                  [customDragTooltipTemplate]="taskDragTooltipTemplate"
                   [tooltipOptions]="taskTooltipOptions"
                   [scope]="this"
                 ></kendo-gantt-timeline>
@@ -2252,6 +2263,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], taskTooltipTemplate: [{
                 type: ContentChild,
                 args: [GanttTaskTooltipTemplateDirective]
+            }], taskDragTooltipTemplate: [{
+                type: ContentChild,
+                args: [GanttTaskDragTooltipTemplateDirective]
             }], summaryTaskTemplate: [{
                 type: ContentChild,
                 args: [GanttSummaryTaskTemplateDirective]

package/esm2022/gantt.module.mjs

@@ -18,29 +18,30 @@ import * as i3 from "./binding-directives/hierarchy-binding.directive";
 import * as i4 from "./template-directives/task-content-template.directive";
 import * as i5 from "./template-directives/task-template.directive";
 import * as i6 from "./template-directives/summary-task-template.directive";
-import * as i7 from "./toolbar/toolbar-template.directive";
-import * as i8 from "./toolbar/view-selector.component";
-import * as i9 from "./columns/column.component";
-import * as i10 from "./columns/column-group.component";
-import * as i11 from "./columns/span-column.component";
-import * as i12 from "./columns/filter-cell-template.directive";
-import * as i13 from "./columns/filter-menu-template.directive";
-import * as i14 from "./columns/cell-template.directive";
-import * as i15 from "./columns/edit-template.directive";
-import * as i16 from "./columns/column-menu-template.directive";
-import * as i17 from "./columns/header-template.directive";
-import * as i18 from "./columns/footer-template.directive";
-import * as i19 from "./expanded-state/expandable.directive";
-import * as i20 from "./dragging/dependency-drag-create.directive";
-import * as i21 from "./timeline/timeline-day-view.component";
-import * as i22 from "./timeline/timeline-week-view.component";
-import * as i23 from "./timeline/timeline-month-view.component";
-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";
+import * as i7 from "./template-directives/task-drag-tooltip-template.directive";
+import * as i8 from "./toolbar/toolbar-template.directive";
+import * as i9 from "./toolbar/view-selector.component";
+import * as i10 from "./columns/column.component";
+import * as i11 from "./columns/column-group.component";
+import * as i12 from "./columns/span-column.component";
+import * as i13 from "./columns/filter-cell-template.directive";
+import * as i14 from "./columns/filter-menu-template.directive";
+import * as i15 from "./columns/cell-template.directive";
+import * as i16 from "./columns/edit-template.directive";
+import * as i17 from "./columns/column-menu-template.directive";
+import * as i18 from "./columns/header-template.directive";
+import * as i19 from "./columns/footer-template.directive";
+import * as i20 from "./expanded-state/expandable.directive";
+import * as i21 from "./dragging/dependency-drag-create.directive";
+import * as i22 from "./timeline/timeline-day-view.component";
+import * as i23 from "./timeline/timeline-week-view.component";
+import * as i24 from "./timeline/timeline-month-view.component";
+import * as i25 from "./timeline/timeline-year-view.component";
+import * as i26 from "./selection/selectable.directive";
+import * as i27 from "./localization/custom-messages.component";
+import * as i28 from "./editing/add-task.component";
+import * as i29 from "./dragging/task-drag.directive";
+import * as i30 from "./template-directives/task-tooltip-template.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Gantt component.
@@ -64,7 +65,7 @@ import * as i29 from "./template-directives/task-tooltip-template.directive";
  */
 export class GanttModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", 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 ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, imports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.GanttTaskDragTooltipTemplateDirective, i8.ToolbarTemplateDirective, i9.ViewSelectorComponent, i10.GanttColumnComponent, i11.GanttColumnGroupComponent, i12.GanttSpanColumnComponent, i13.FilterCellTemplateDirective, i14.FilterMenuTemplateDirective, i15.CellTemplateDirective, i16.EditTemplateDirective, i17.ColumnMenuTemplateDirective, i18.HeaderTemplateDirective, i19.FooterTemplateDirective, i20.GanttExpandableDirective, i21.DependencyDragCreateDirective, i22.TimelineDayViewComponent, i23.TimelineWeekViewComponent, i24.TimelineMonthViewComponent, i25.TimelineYearViewComponent, i26.SelectableDirective, i27.CustomMessagesComponent, i28.GanttAddTaskComponent, i29.TaskDragDirective, i30.GanttTaskTooltipTemplateDirective], exports: [i1.GanttComponent, i2.GanttFlatBindingDirective, i3.GanttHierarchyBindingDirective, i4.GanttTaskContentTemplateDirective, i5.GanttTaskTemplateDirective, i6.GanttSummaryTaskTemplateDirective, i7.GanttTaskDragTooltipTemplateDirective, i8.ToolbarTemplateDirective, i9.ViewSelectorComponent, i10.GanttColumnComponent, i11.GanttColumnGroupComponent, i12.GanttSpanColumnComponent, i13.FilterCellTemplateDirective, i14.FilterMenuTemplateDirective, i15.CellTemplateDirective, i16.EditTemplateDirective, i17.ColumnMenuTemplateDirective, i18.HeaderTemplateDirective, i19.FooterTemplateDirective, i20.GanttExpandableDirective, i21.DependencyDragCreateDirective, i22.TimelineDayViewComponent, i23.TimelineWeekViewComponent, i24.TimelineMonthViewComponent, i25.TimelineYearViewComponent, i26.SelectableDirective, i27.CustomMessagesComponent, i28.GanttAddTaskComponent, i29.TaskDragDirective, i30.GanttTaskTooltipTemplateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, providers: [{
                 provide: L10N_PREFIX,
                 useValue: 'kendo.gantt'
@@ -92,7 +93,7 @@ export class GanttModule {
             DayPeriodService,
             // TreeListModule providers
             ColumnResizingService
-        ], imports: [i1.GanttComponent, i8.ViewSelectorComponent, i27.GanttAddTaskComponent] });
+        ], imports: [i1.GanttComponent, i9.ViewSelectorComponent, i28.GanttAddTaskComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, decorators: [{
             type: NgModule,

package/esm2022/index.mjs

@@ -36,6 +36,7 @@ export { LocalizedMessagesDirective } from './localization/localized-messages.di
 export { CustomMessagesComponent } from './localization/custom-messages.component';
 export { TaskDragDirective } from './dragging/task-drag.directive';
 export { GanttTaskTooltipTemplateDirective } from './template-directives/task-tooltip-template.directive';
+export { GanttTaskDragTooltipTemplateDirective } from './template-directives/task-drag-tooltip-template.directive';
 export * from './models/models';
 export * from './columns/columns';
 export * from './directives';

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1765533258,
-    version: '21.3.1-develop.1',
+    publishDate: 1766140464,
+    version: '21.4.0-develop.10',
     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

@@ -79,7 +79,14 @@ export class GanttTaskBase {
                 return (startFraction + monthsDiff + endFraction) * this.slotWidth;
             }
             else {
-                const fraction = (taskEnd.getDate() - taskStart.getDate()) / totalDaysInStartMonth;
+                const daysDiff = taskEnd.getDate() - taskStart.getDate();
+                // same-day tasks - calculate the fraction based on time difference instead of day to avoid division by zero
+                if (daysDiff === 0) {
+                    const timeDiffMs = taskEnd.getTime() - taskStart.getTime();
+                    const dayFraction = timeDiffMs / MS_PER_DAY;
+                    return (dayFraction / totalDaysInStartMonth) * this.slotWidth;
+                }
+                const fraction = daysDiff / totalDaysInStartMonth;
                 return fraction * this.slotWidth;
             }
         }

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

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* 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";
+/**
+ * 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`&mdash;The updated start date during the drag operation.
+ * * `end`&mdash;The updated end date during the drag operation.
+ * * `completionRatio`&mdash;The completion ratio of the task as a decimal value between 0 and 1.
+ * * `task`&mdash;The original data item of the task being dragged. Contains the properties of the [`GanttTask`](slug:api_gantt_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 class GanttTaskDragTooltipTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskDragTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GanttTaskDragTooltipTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskDragTooltipTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskDragTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttTaskDragTooltipTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }] });

package/esm2022/timeline/gantt-timeline.component.mjs

@@ -20,6 +20,7 @@ import { KENDO_TOOLTIP, TooltipDirective } from '@progress/kendo-angular-tooltip
 import { DatePipe, NumberPipe } from '@progress/kendo-angular-intl';
 import { GanttTaskTooltipTemplateDirective } from '../template-directives/task-tooltip-template.directive';
 import { GanttLocalizationService } from '../localization/gantt-localization.service';
+import { GanttTaskDragTooltipTemplateDirective } from '../template-directives/task-drag-tooltip-template.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../scrolling/scroll-sync.service";
 import * as i2 from "../dependencies/dependency-dom.service";
@@ -70,6 +71,7 @@ export class GanttTimelineComponent {
     dragScrollSettings;
     currentTimeMarker;
     customTooltipTemplate;
+    customDragTooltipTemplate;
     tooltipOptions;
     selectable;
     isTaskSelected;
@@ -143,7 +145,8 @@ export class GanttTimelineComponent {
             this.dragResult = {
                 start: e.start,
                 end: e.end,
-                completionRatio: e.completionRatio
+                completionRatio: e.completionRatio,
+                task: e.item
             };
             if (this.completion) {
                 const dragHandle = e.dragEvent.dragTarget;
@@ -234,7 +237,7 @@ export class GanttTimelineComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: i1.ScrollSyncService }, { token: i2.DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.CurrentTimeMarkerService }, { token: i4.GanttLocalizationService }, { token: i5.TaskDragService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", customTooltipTemplate: "customTooltipTemplate", tooltipOptions: "tooltipOptions", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", customTooltipTemplate: "customTooltipTemplate", customDragTooltipTemplate: "customDragTooltipTemplate", tooltipOptions: "tooltipOptions", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-gantt-timeline k-grid k-grid-md">
           <div class="k-grid-header">
             <div #timelineHeaderWrap class="k-grid-header-wrap">
@@ -307,7 +310,7 @@ export class GanttTimelineComponent {
 
               <table kendoTooltip
                 #tooltip="kendoTooltip"
-                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? resizingTooltip : customTooltipTemplate ? customTooltip : tooltipTemplate"
+                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? (customDragTooltipTemplate ? customDragTooltip : resizingTooltip) : customTooltipTemplate ? customTooltip : tooltipTemplate"
                 [position]="tooltipOptions.position"
                 [callout]="!dragging"
                 [tooltipClass]="dragging ? 'k-gantt-resize-hint' : undefined"
@@ -359,6 +362,9 @@ export class GanttTimelineComponent {
                 <div>{{messageFor('tooltipEndDateText')}}: {{dragResult?.end | kendoDate: 'HH:mm a EEE, MMM d'}}</div>
               </div>
             </ng-template>
+            <ng-template #customDragTooltip>
+              <ng-container *ngTemplateOutlet="customDragTooltipTemplate.templateRef; context: { $implicit: dragResult }"></ng-container>
+            </ng-template>
             <ng-template #completionRatioTooltip>
               <div class="k-tooltip-content">
                 <div>{{dragResult?.completionRatio | kendoNumber: 'p'}}</div>
@@ -463,7 +469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
               <table kendoTooltip
                 #tooltip="kendoTooltip"
-                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? resizingTooltip : customTooltipTemplate ? customTooltip : tooltipTemplate"
+                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? (customDragTooltipTemplate ? customDragTooltip : resizingTooltip) : customTooltipTemplate ? customTooltip : tooltipTemplate"
                 [position]="tooltipOptions.position"
                 [callout]="!dragging"
                 [tooltipClass]="dragging ? 'k-gantt-resize-hint' : undefined"
@@ -515,6 +521,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 <div>{{messageFor('tooltipEndDateText')}}: {{dragResult?.end | kendoDate: 'HH:mm a EEE, MMM d'}}</div>
               </div>
             </ng-template>
+            <ng-template #customDragTooltip>
+              <ng-container *ngTemplateOutlet="customDragTooltipTemplate.templateRef; context: { $implicit: dragResult }"></ng-container>
+            </ng-template>
             <ng-template #completionRatioTooltip>
               <div class="k-tooltip-content">
                 <div>{{dragResult?.completionRatio | kendoNumber: 'p'}}</div>
@@ -594,6 +603,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], customTooltipTemplate: [{
                 type: Input
+            }], customDragTooltipTemplate: [{
+                type: Input
             }], tooltipOptions: [{
                 type: Input
             }], selectable: [{

package/fesm2022/progress-kendo-angular-gantt.mjs

@@ -44,8 +44,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1765533258,
-    version: '21.3.1-develop.1',
+    publishDate: 1766140464,
+    version: '21.4.0-develop.10',
     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'
 };
 
@@ -2132,7 +2132,14 @@ class GanttTaskBase {
                 return (startFraction + monthsDiff + endFraction) * this.slotWidth;
             }
             else {
-                const fraction = (taskEnd.getDate() - taskStart.getDate()) / totalDaysInStartMonth;
+                const daysDiff = taskEnd.getDate() - taskStart.getDate();
+                // same-day tasks - calculate the fraction based on time difference instead of day to avoid division by zero
+                if (daysDiff === 0) {
+                    const timeDiffMs = taskEnd.getTime() - taskStart.getTime();
+                    const dayFraction = timeDiffMs / MS_PER_DAY;
+                    return (dayFraction / totalDaysInStartMonth) * this.slotWidth;
+                }
+                const fraction = daysDiff / totalDaysInStartMonth;
                 return fraction * this.slotWidth;
             }
         }
@@ -3203,6 +3210,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
+/**
+ * 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`&mdash;The updated start date during the drag operation.
+ * * `end`&mdash;The updated end date during the drag operation.
+ * * `completionRatio`&mdash;The completion ratio of the task as a decimal value between 0 and 1.
+ * * `task`&mdash;The original data item of the task being dragged. Contains the properties of the [`GanttTask`](slug:api_gantt_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>
+ * ```
+ */
+class GanttTaskDragTooltipTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskDragTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GanttTaskDragTooltipTemplateDirective, isStandalone: true, selector: "[kendoGanttTaskDragTooltipTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTaskDragTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGanttTaskDragTooltipTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }] });
+
 /**
  * @hidden
  */
@@ -3246,6 +3295,7 @@ class GanttTimelineComponent {
     dragScrollSettings;
     currentTimeMarker;
     customTooltipTemplate;
+    customDragTooltipTemplate;
     tooltipOptions;
     selectable;
     isTaskSelected;
@@ -3319,7 +3369,8 @@ class GanttTimelineComponent {
             this.dragResult = {
                 start: e.start,
                 end: e.end,
-                completionRatio: e.completionRatio
+                completionRatio: e.completionRatio,
+                task: e.item
             };
             if (this.completion) {
                 const dragHandle = e.dragEvent.dragTarget;
@@ -3410,7 +3461,7 @@ class GanttTimelineComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttTimelineComponent, deps: [{ token: ScrollSyncService }, { token: DependencyDomService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CurrentTimeMarkerService }, { token: GanttLocalizationService }, { token: TaskDragService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", customTooltipTemplate: "customTooltipTemplate", tooltipOptions: "tooltipOptions", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GanttTimelineComponent, isStandalone: true, selector: "kendo-gantt-timeline", inputs: { rows: "rows", slots: "slots", groupSlots: "groupSlots", tableWidth: "tableWidth", activeView: "activeView", taskContentTemplate: "taskContentTemplate", taskTemplate: "taskTemplate", summaryTaskTemplate: "summaryTaskTemplate", taskClass: "taskClass", renderDependencyDragClues: "renderDependencyDragClues", dragScrollSettings: "dragScrollSettings", currentTimeMarker: "currentTimeMarker", customTooltipTemplate: "customTooltipTemplate", customDragTooltipTemplate: "customDragTooltipTemplate", tooltipOptions: "tooltipOptions", selectable: "selectable", isTaskSelected: "isTaskSelected", isExpanded: "isExpanded", dependencies: "dependencies" }, outputs: { timelineContainerPress: "timelineContainerPress", timelineContainerDrag: "timelineContainerDrag", timelineContainerRelease: "timelineContainerRelease" }, viewQueries: [{ propertyName: "timelineContent", first: true, predicate: ["timelineContent"], descendants: true, static: true }, { propertyName: "timelineColumns", first: true, predicate: ["timelineColumns"], descendants: true, static: true }, { propertyName: "timelineHeaderWrap", first: true, predicate: ["timelineHeaderWrap"], descendants: true, static: true }, { propertyName: "tasksContainer", first: true, predicate: ["tasksContainer"], descendants: true, static: true }, { propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true }, { propertyName: "dragPopupContainer", first: true, predicate: ["dragPopupContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dependencyDragCreatePolyline", first: true, predicate: ["dependencyDragCreatePolyline"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-gantt-timeline k-grid k-grid-md">
           <div class="k-grid-header">
             <div #timelineHeaderWrap class="k-grid-header-wrap">
@@ -3483,7 +3534,7 @@ class GanttTimelineComponent {
 
               <table kendoTooltip
                 #tooltip="kendoTooltip"
-                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? resizingTooltip : customTooltipTemplate ? customTooltip : tooltipTemplate"
+                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? (customDragTooltipTemplate ? customDragTooltip : resizingTooltip) : customTooltipTemplate ? customTooltip : tooltipTemplate"
                 [position]="tooltipOptions.position"
                 [callout]="!dragging"
                 [tooltipClass]="dragging ? 'k-gantt-resize-hint' : undefined"
@@ -3535,6 +3586,9 @@ class GanttTimelineComponent {
                 <div>{{messageFor('tooltipEndDateText')}}: {{dragResult?.end | kendoDate: 'HH:mm a EEE, MMM d'}}</div>
               </div>
             </ng-template>
+            <ng-template #customDragTooltip>
+              <ng-container *ngTemplateOutlet="customDragTooltipTemplate.templateRef; context: { $implicit: dragResult }"></ng-container>
+            </ng-template>
             <ng-template #completionRatioTooltip>
               <div class="k-tooltip-content">
                 <div>{{dragResult?.completionRatio | kendoNumber: 'p'}}</div>
@@ -3639,7 +3693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
               <table kendoTooltip
                 #tooltip="kendoTooltip"
-                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? resizingTooltip : customTooltipTemplate ? customTooltip : tooltipTemplate"
+                [tooltipTemplate]="completion ? completionRatioTooltip : dragging ? (customDragTooltipTemplate ? customDragTooltip : resizingTooltip) : customTooltipTemplate ? customTooltip : tooltipTemplate"
                 [position]="tooltipOptions.position"
                 [callout]="!dragging"
                 [tooltipClass]="dragging ? 'k-gantt-resize-hint' : undefined"
@@ -3691,6 +3745,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 <div>{{messageFor('tooltipEndDateText')}}: {{dragResult?.end | kendoDate: 'HH:mm a EEE, MMM d'}}</div>
               </div>
             </ng-template>
+            <ng-template #customDragTooltip>
+              <ng-container *ngTemplateOutlet="customDragTooltipTemplate.templateRef; context: { $implicit: dragResult }"></ng-container>
+            </ng-template>
             <ng-template #completionRatioTooltip>
               <div class="k-tooltip-content">
                 <div>{{dragResult?.completionRatio | kendoNumber: 'p'}}</div>
@@ -3770,6 +3827,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], customTooltipTemplate: [{
                 type: Input
+            }], customDragTooltipTemplate: [{
+                type: Input
             }], tooltipOptions: [{
                 type: Input
             }], selectable: [{
@@ -6145,6 +6204,14 @@ class GanttComponent {
      * Therefore the `static` property needs to be set to `false`.
      */
     taskTooltipTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a task drag 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`.
+     */
+    taskDragTooltipTemplate;
     /**
      * @hidden
      *
@@ -7403,7 +7470,7 @@ class GanttComponent {
             TimelineScrollService,
             NavigationService,
             CurrentTimeMarkerService
-        ], 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: `
+        ], 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: "taskDragTooltipTemplate", first: true, predicate: GanttTaskDragTooltipTemplateDirective, 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"
@@ -7748,6 +7815,7 @@ class GanttComponent {
                             mousedown: handleTimelineMouseDown
                         }"
                   [customTooltipTemplate]="taskTooltipTemplate"
+                  [customDragTooltipTemplate]="taskDragTooltipTemplate"
                   [tooltipOptions]="taskTooltipOptions"
                   [scope]="this"
                 ></kendo-gantt-timeline>
@@ -7791,7 +7859,7 @@ class GanttComponent {
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { 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", "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$2, 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]", inputs: ["licenseMessage"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { 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", "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$2, 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", "customDragTooltipTemplate", "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]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttComponent, decorators: [{
             type: Component,
@@ -8172,6 +8240,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             mousedown: handleTimelineMouseDown
                         }"
                   [customTooltipTemplate]="taskTooltipTemplate"
+                  [customDragTooltipTemplate]="taskDragTooltipTemplate"
                   [tooltipOptions]="taskTooltipOptions"
                   [scope]="this"
                 ></kendo-gantt-timeline>
@@ -8237,6 +8306,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], taskTooltipTemplate: [{
                 type: ContentChild,
                 args: [GanttTaskTooltipTemplateDirective]
+            }], taskDragTooltipTemplate: [{
+                type: ContentChild,
+                args: [GanttTaskDragTooltipTemplateDirective]
             }], summaryTaskTemplate: [{
                 type: ContentChild,
                 args: [GanttSummaryTaskTemplateDirective]
@@ -9294,6 +9366,7 @@ const KENDO_GANTT = [
     GanttTaskContentTemplateDirective,
     GanttTaskTemplateDirective,
     GanttSummaryTaskTemplateDirective,
+    GanttTaskDragTooltipTemplateDirective,
     ToolbarTemplateDirective,
     ViewSelectorComponent,
     GanttColumnComponent,
@@ -9342,7 +9415,7 @@ const KENDO_GANTT = [
  */
 class GanttModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, imports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent, TaskDragDirective, GanttTaskTooltipTemplateDirective], exports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent, TaskDragDirective, GanttTaskTooltipTemplateDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, imports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, GanttTaskDragTooltipTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent, TaskDragDirective, GanttTaskTooltipTemplateDirective], exports: [GanttComponent, GanttFlatBindingDirective, GanttHierarchyBindingDirective, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttSummaryTaskTemplateDirective, GanttTaskDragTooltipTemplateDirective, ToolbarTemplateDirective, ViewSelectorComponent, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, FilterCellTemplateDirective, FilterMenuTemplateDirective, CellTemplateDirective, EditTemplateDirective, ColumnMenuTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, GanttExpandableDirective, DependencyDragCreateDirective, TimelineDayViewComponent, TimelineWeekViewComponent, TimelineMonthViewComponent, TimelineYearViewComponent, SelectableDirective, CustomMessagesComponent, GanttAddTaskComponent, TaskDragDirective, GanttTaskTooltipTemplateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttModule, providers: [{
                 provide: L10N_PREFIX,
                 useValue: 'kendo.gantt'
@@ -9412,5 +9485,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CellCloseEvent, CellTemplateDirective, ColumnMenuTemplateDirective, CustomMessagesComponent, DependenciesTableComponent, DependencyDragCreateDirective, DependencyType, DragValidationTooltipComponent, EditDialogComponent, EditTemplateDirective, FilterCellTemplateDirective, FilterMenuTemplateDirective, FooterTemplateDirective, GanttAddTaskComponent, GanttColumnBase, GanttColumnComponent, GanttColumnGroupComponent, GanttComponent, GanttDependencyDirective, GanttExpandableDirective, GanttFlatBindingDirective, GanttHeaderTableBodyComponent, GanttHierarchyBindingDirective, GanttMilestoneTaskComponent, GanttModule, GanttSpanColumnComponent, GanttSummaryTaskComponent, GanttSummaryTaskTemplateDirective, GanttTaskComponent, GanttTaskContentTemplateDirective, GanttTaskTemplateDirective, GanttTaskTooltipTemplateDirective, GanttTasksTableBodyComponent, GanttTimelineComponent, HeaderTemplateDirective, KENDO_GANTT, LocalizedMessagesDirective, SelectableDirective, TaskDragDirective, TaskFieldsComponent, TimelineDayViewComponent, TimelineMonthViewComponent, TimelineScrollableDirective, TimelineWeekViewComponent, TimelineYearViewComponent, ToolbarComponent, ToolbarTemplateDirective, ViewSelectorComponent };
+export { CellCloseEvent, CellTemplateDirective, ColumnMenuTemplateDirective, CustomMessagesComponent, DependenciesTableComponent, DependencyDragCreateDirective, DependencyType, DragValidationTooltipComponent, EditDialogComponent, EditTemplateDirective, FilterCellTemplateDirective, FilterMenuTemplateDirective, FooterTemplateDirective, GanttAddTaskComponent, GanttColumnBase, GanttColumnComponent, GanttColumnGroupComponent, GanttComponent, GanttDependencyDirective, GanttExpandableDirective, GanttFlatBindingDirective, GanttHeaderTableBodyComponent, GanttHierarchyBindingDirective, GanttMilestoneTaskComponent, GanttModule, GanttSpanColumnComponent, GanttSummaryTaskComponent, GanttSummaryTaskTemplateDirective, GanttTaskComponent, GanttTaskContentTemplateDirective, GanttTaskDragTooltipTemplateDirective, GanttTaskTemplateDirective, GanttTaskTooltipTemplateDirective, GanttTasksTableBodyComponent, GanttTimelineComponent, HeaderTemplateDirective, KENDO_GANTT, LocalizedMessagesDirective, SelectableDirective, TaskDragDirective, TaskFieldsComponent, TimelineDayViewComponent, TimelineMonthViewComponent, TimelineScrollableDirective, TimelineWeekViewComponent, TimelineYearViewComponent, ToolbarComponent, ToolbarTemplateDirective, ViewSelectorComponent };
 

package/gantt.component.d.ts

@@ -42,6 +42,7 @@ import { CurrentTimeSettings } from './models/current-time-settings.interface';
 import { GanttTaskTooltipTemplateDirective } from './template-directives/task-tooltip-template.directive';
 import { TaskTooltipOptions } from './models/tooltip-options.interface';
 import { IntlService } from '@progress/kendo-angular-intl';
+import { GanttTaskDragTooltipTemplateDirective } from './template-directives/task-drag-tooltip-template.directive';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Gantt component for Angular](slug:overview_gantt).
@@ -138,6 +139,14 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
      * Therefore the `static` property needs to be set to `false`.
      */
     taskTooltipTemplate: GanttTaskTooltipTemplateDirective;
+    /**
+     * @hidden
+     *
+     * Queries the template for a task drag 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`.
+     */
+    taskDragTooltipTemplate: GanttTaskDragTooltipTemplateDirective;
     /**
      * @hidden
      *
@@ -749,5 +758,5 @@ export declare class GanttComponent implements AfterContentInit, OnChanges, OnDe
     private defaultValidateNewDependencyCallback;
     private handleKeydown;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GanttComponent, "kendo-gantt", ["kendoGantt"], { "roleDescription": { "alias": "aria-roledescription"; "required": false; }; "role": { "alias": "role"; "required": false; }; "taskModelFields": { "alias": "taskModelFields"; "required": false; }; "dependencyModelFields": { "alias": "dependencyModelFields"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "data": { "alias": "data"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "validateNewDependency": { "alias": "validateNewDependency"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "toolbarSettings": { "alias": "toolbarSettings"; "required": false; }; "toolbarAriaLabel": { "alias": "toolbarAriaLabel"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "dependencies": { "alias": "dependencies"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "workDayStart": { "alias": "workDayStart"; "required": false; }; "workDayEnd": { "alias": "workDayEnd"; "required": false; }; "workWeekStart": { "alias": "workWeekStart"; "required": false; }; "workWeekEnd": { "alias": "workWeekEnd"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "timelinePaneOptions": { "alias": "timelinePaneOptions"; "required": false; }; "treeListPaneOptions": { "alias": "treeListPaneOptions"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "columnsAutoSize": { "alias": "columnsAutoSize"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "columnsReorderable": { "alias": "columnsReorderable"; "required": false; }; "columnsResizable": { "alias": "columnsResizable"; "required": false; }; "dragScrollSettings": { "alias": "dragScrollSettings"; "required": false; }; "taskTooltipOptions": { "alias": "taskTooltipOptions"; "required": false; }; }, { "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"; }, ["taskContentTemplate", "taskTemplate", "taskTooltipTemplate", "summaryTaskTemplate", "toolbarTemplateChildren", "columns", "views"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttComponent, "kendo-gantt", ["kendoGantt"], { "roleDescription": { "alias": "aria-roledescription"; "required": false; }; "role": { "alias": "role"; "required": false; }; "taskModelFields": { "alias": "taskModelFields"; "required": false; }; "dependencyModelFields": { "alias": "dependencyModelFields"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "data": { "alias": "data"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "validateNewDependency": { "alias": "validateNewDependency"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "toolbarSettings": { "alias": "toolbarSettings"; "required": false; }; "toolbarAriaLabel": { "alias": "toolbarAriaLabel"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "dependencies": { "alias": "dependencies"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "workDayStart": { "alias": "workDayStart"; "required": false; }; "workDayEnd": { "alias": "workDayEnd"; "required": false; }; "workWeekStart": { "alias": "workWeekStart"; "required": false; }; "workWeekEnd": { "alias": "workWeekEnd"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "timelinePaneOptions": { "alias": "timelinePaneOptions"; "required": false; }; "treeListPaneOptions": { "alias": "treeListPaneOptions"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "columnsAutoSize": { "alias": "columnsAutoSize"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "columnsReorderable": { "alias": "columnsReorderable"; "required": false; }; "columnsResizable": { "alias": "columnsResizable"; "required": false; }; "dragScrollSettings": { "alias": "dragScrollSettings"; "required": false; }; "taskTooltipOptions": { "alias": "taskTooltipOptions"; "required": false; }; }, { "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"; }, ["taskContentTemplate", "taskTemplate", "taskTooltipTemplate", "taskDragTooltipTemplate", "summaryTaskTemplate", "toolbarTemplateChildren", "columns", "views"], never, true, never>;
 }

package/gantt.module.d.ts

@@ -9,29 +9,30 @@ import * as i3 from "./binding-directives/hierarchy-binding.directive";
 import * as i4 from "./template-directives/task-content-template.directive";
 import * as i5 from "./template-directives/task-template.directive";
 import * as i6 from "./template-directives/summary-task-template.directive";
-import * as i7 from "./toolbar/toolbar-template.directive";
-import * as i8 from "./toolbar/view-selector.component";
-import * as i9 from "./columns/column.component";
-import * as i10 from "./columns/column-group.component";
-import * as i11 from "./columns/span-column.component";
-import * as i12 from "./columns/filter-cell-template.directive";
-import * as i13 from "./columns/filter-menu-template.directive";
-import * as i14 from "./columns/cell-template.directive";
-import * as i15 from "./columns/edit-template.directive";
-import * as i16 from "./columns/column-menu-template.directive";
-import * as i17 from "./columns/header-template.directive";
-import * as i18 from "./columns/footer-template.directive";
-import * as i19 from "./expanded-state/expandable.directive";
-import * as i20 from "./dragging/dependency-drag-create.directive";
-import * as i21 from "./timeline/timeline-day-view.component";
-import * as i22 from "./timeline/timeline-week-view.component";
-import * as i23 from "./timeline/timeline-month-view.component";
-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";
+import * as i7 from "./template-directives/task-drag-tooltip-template.directive";
+import * as i8 from "./toolbar/toolbar-template.directive";
+import * as i9 from "./toolbar/view-selector.component";
+import * as i10 from "./columns/column.component";
+import * as i11 from "./columns/column-group.component";
+import * as i12 from "./columns/span-column.component";
+import * as i13 from "./columns/filter-cell-template.directive";
+import * as i14 from "./columns/filter-menu-template.directive";
+import * as i15 from "./columns/cell-template.directive";
+import * as i16 from "./columns/edit-template.directive";
+import * as i17 from "./columns/column-menu-template.directive";
+import * as i18 from "./columns/header-template.directive";
+import * as i19 from "./columns/footer-template.directive";
+import * as i20 from "./expanded-state/expandable.directive";
+import * as i21 from "./dragging/dependency-drag-create.directive";
+import * as i22 from "./timeline/timeline-day-view.component";
+import * as i23 from "./timeline/timeline-week-view.component";
+import * as i24 from "./timeline/timeline-month-view.component";
+import * as i25 from "./timeline/timeline-year-view.component";
+import * as i26 from "./selection/selectable.directive";
+import * as i27 from "./localization/custom-messages.component";
+import * as i28 from "./editing/add-task.component";
+import * as i29 from "./dragging/task-drag.directive";
+import * as i30 from "./template-directives/task-tooltip-template.directive";
 /**
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Gantt component.
  *
@@ -54,6 +55,6 @@ import * as i29 from "./template-directives/task-tooltip-template.directive";
  */
 export declare class GanttModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GanttModule, never, [typeof i1.GanttComponent, typeof i2.GanttFlatBindingDirective, typeof i3.GanttHierarchyBindingDirective, typeof i4.GanttTaskContentTemplateDirective, typeof i5.GanttTaskTemplateDirective, typeof i6.GanttSummaryTaskTemplateDirective, typeof i7.ToolbarTemplateDirective, typeof i8.ViewSelectorComponent, typeof i9.GanttColumnComponent, typeof i10.GanttColumnGroupComponent, typeof i11.GanttSpanColumnComponent, typeof i12.FilterCellTemplateDirective, typeof i13.FilterMenuTemplateDirective, typeof i14.CellTemplateDirective, typeof i15.EditTemplateDirective, typeof i16.ColumnMenuTemplateDirective, typeof i17.HeaderTemplateDirective, typeof i18.FooterTemplateDirective, typeof i19.GanttExpandableDirective, typeof i20.DependencyDragCreateDirective, typeof i21.TimelineDayViewComponent, typeof i22.TimelineWeekViewComponent, typeof i23.TimelineMonthViewComponent, typeof i24.TimelineYearViewComponent, typeof i25.SelectableDirective, typeof i26.CustomMessagesComponent, typeof i27.GanttAddTaskComponent, typeof i28.TaskDragDirective, typeof i29.GanttTaskTooltipTemplateDirective], [typeof i1.GanttComponent, typeof i2.GanttFlatBindingDirective, typeof i3.GanttHierarchyBindingDirective, typeof i4.GanttTaskContentTemplateDirective, typeof i5.GanttTaskTemplateDirective, typeof i6.GanttSummaryTaskTemplateDirective, typeof i7.ToolbarTemplateDirective, typeof i8.ViewSelectorComponent, typeof i9.GanttColumnComponent, typeof i10.GanttColumnGroupComponent, typeof i11.GanttSpanColumnComponent, typeof i12.FilterCellTemplateDirective, typeof i13.FilterMenuTemplateDirective, typeof i14.CellTemplateDirective, typeof i15.EditTemplateDirective, typeof i16.ColumnMenuTemplateDirective, typeof i17.HeaderTemplateDirective, typeof i18.FooterTemplateDirective, typeof i19.GanttExpandableDirective, typeof i20.DependencyDragCreateDirective, typeof i21.TimelineDayViewComponent, typeof i22.TimelineWeekViewComponent, typeof i23.TimelineMonthViewComponent, typeof i24.TimelineYearViewComponent, typeof i25.SelectableDirective, typeof i26.CustomMessagesComponent, typeof i27.GanttAddTaskComponent, typeof i28.TaskDragDirective, typeof i29.GanttTaskTooltipTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GanttModule, never, [typeof i1.GanttComponent, typeof i2.GanttFlatBindingDirective, typeof i3.GanttHierarchyBindingDirective, typeof i4.GanttTaskContentTemplateDirective, typeof i5.GanttTaskTemplateDirective, typeof i6.GanttSummaryTaskTemplateDirective, typeof i7.GanttTaskDragTooltipTemplateDirective, typeof i8.ToolbarTemplateDirective, typeof i9.ViewSelectorComponent, typeof i10.GanttColumnComponent, typeof i11.GanttColumnGroupComponent, typeof i12.GanttSpanColumnComponent, typeof i13.FilterCellTemplateDirective, typeof i14.FilterMenuTemplateDirective, typeof i15.CellTemplateDirective, typeof i16.EditTemplateDirective, typeof i17.ColumnMenuTemplateDirective, typeof i18.HeaderTemplateDirective, typeof i19.FooterTemplateDirective, typeof i20.GanttExpandableDirective, typeof i21.DependencyDragCreateDirective, typeof i22.TimelineDayViewComponent, typeof i23.TimelineWeekViewComponent, typeof i24.TimelineMonthViewComponent, typeof i25.TimelineYearViewComponent, typeof i26.SelectableDirective, typeof i27.CustomMessagesComponent, typeof i28.GanttAddTaskComponent, typeof i29.TaskDragDirective, typeof i30.GanttTaskTooltipTemplateDirective], [typeof i1.GanttComponent, typeof i2.GanttFlatBindingDirective, typeof i3.GanttHierarchyBindingDirective, typeof i4.GanttTaskContentTemplateDirective, typeof i5.GanttTaskTemplateDirective, typeof i6.GanttSummaryTaskTemplateDirective, typeof i7.GanttTaskDragTooltipTemplateDirective, typeof i8.ToolbarTemplateDirective, typeof i9.ViewSelectorComponent, typeof i10.GanttColumnComponent, typeof i11.GanttColumnGroupComponent, typeof i12.GanttSpanColumnComponent, typeof i13.FilterCellTemplateDirective, typeof i14.FilterMenuTemplateDirective, typeof i15.CellTemplateDirective, typeof i16.EditTemplateDirective, typeof i17.ColumnMenuTemplateDirective, typeof i18.HeaderTemplateDirective, typeof i19.FooterTemplateDirective, typeof i20.GanttExpandableDirective, typeof i21.DependencyDragCreateDirective, typeof i22.TimelineDayViewComponent, typeof i23.TimelineWeekViewComponent, typeof i24.TimelineMonthViewComponent, typeof i25.TimelineYearViewComponent, typeof i26.SelectableDirective, typeof i27.CustomMessagesComponent, typeof i28.GanttAddTaskComponent, typeof i29.TaskDragDirective, typeof i30.GanttTaskTooltipTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GanttModule>;
 }

package/index.d.ts

@@ -39,6 +39,7 @@ export { CustomMessagesComponent } from './localization/custom-messages.componen
 export { CurrentTimeSettings } from './models/current-time-settings.interface';
 export { TaskDragDirective } from './dragging/task-drag.directive';
 export { GanttTaskTooltipTemplateDirective } from './template-directives/task-tooltip-template.directive';
+export { GanttTaskDragTooltipTemplateDirective } from './template-directives/task-drag-tooltip-template.directive';
 export * from './models/models';
 export * from './columns/columns';
 export * from './directives';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-gantt",
-  "version": "21.3.1-develop.1",
+  "version": "21.4.0-develop.10",
   "description": "Kendo UI Angular Gantt",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1765533258,
+      "publishDate": 1766140464,
       "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"
     }
   },
@@ -31,25 +31,25 @@
     "@angular/platform-browser": "18 - 21",
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "21.3.1-develop.1",
-    "@progress/kendo-angular-common": "21.3.1-develop.1",
-    "@progress/kendo-angular-dialog": "21.3.1-develop.1",
-    "@progress/kendo-angular-dropdowns": "21.3.1-develop.1",
-    "@progress/kendo-angular-grid": "21.3.1-develop.1",
-    "@progress/kendo-angular-icons": "21.3.1-develop.1",
-    "@progress/kendo-angular-inputs": "21.3.1-develop.1",
-    "@progress/kendo-angular-intl": "21.3.1-develop.1",
-    "@progress/kendo-angular-l10n": "21.3.1-develop.1",
-    "@progress/kendo-angular-label": "21.3.1-develop.1",
-    "@progress/kendo-angular-layout": "21.3.1-develop.1",
-    "@progress/kendo-angular-popup": "21.3.1-develop.1",
-    "@progress/kendo-angular-tooltip": "21.3.1-develop.1",
-    "@progress/kendo-angular-treelist": "21.3.1-develop.1",
+    "@progress/kendo-angular-buttons": "21.4.0-develop.10",
+    "@progress/kendo-angular-common": "21.4.0-develop.10",
+    "@progress/kendo-angular-dialog": "21.4.0-develop.10",
+    "@progress/kendo-angular-dropdowns": "21.4.0-develop.10",
+    "@progress/kendo-angular-grid": "21.4.0-develop.10",
+    "@progress/kendo-angular-icons": "21.4.0-develop.10",
+    "@progress/kendo-angular-inputs": "21.4.0-develop.10",
+    "@progress/kendo-angular-intl": "21.4.0-develop.10",
+    "@progress/kendo-angular-l10n": "21.4.0-develop.10",
+    "@progress/kendo-angular-label": "21.4.0-develop.10",
+    "@progress/kendo-angular-layout": "21.4.0-develop.10",
+    "@progress/kendo-angular-popup": "21.4.0-develop.10",
+    "@progress/kendo-angular-tooltip": "21.4.0-develop.10",
+    "@progress/kendo-angular-treelist": "21.4.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.3.1-develop.1",
+    "@progress/kendo-angular-schematics": "21.4.0-develop.10",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-date-math": "^1.5.2",
     "@progress/kendo-draggable": "^3.0.0"

package/schematics/ngAdd/index.js

@@ -12,16 +12,16 @@ function default_1(options) {
         // See https://github.com/telerik/kendo-schematics/issues/28
         peerDependencies: {
             // peer deps of the treelist
-            '@progress/kendo-angular-dateinputs': '21.3.1-develop.1',
-            '@progress/kendo-angular-excel-export': '21.3.1-develop.1',
-            '@progress/kendo-angular-pdf-export': '21.3.1-develop.1',
-            '@progress/kendo-angular-utils': '21.3.1-develop.1',
+            '@progress/kendo-angular-dateinputs': '21.4.0-develop.10',
+            '@progress/kendo-angular-excel-export': '21.4.0-develop.10',
+            '@progress/kendo-angular-pdf-export': '21.4.0-develop.10',
+            '@progress/kendo-angular-utils': '21.4.0-develop.10',
             '@progress/kendo-drawing': '^1.0.0',
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '21.3.1-develop.1',
-            '@progress/kendo-angular-navigation': '21.3.1-develop.1',
+            '@progress/kendo-angular-treeview': '21.4.0-develop.10',
+            '@progress/kendo-angular-navigation': '21.4.0-develop.10',
             // peer dep of the layout
-            '@progress/kendo-angular-progressbar': '21.3.1-develop.1',
+            '@progress/kendo-angular-progressbar': '21.4.0-develop.10',
             // peer dep of the icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/template-directives/task-drag-tooltip-template.directive.d.ts

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 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`&mdash;The updated start date during the drag operation.
+ * * `end`&mdash;The updated end date during the drag operation.
+ * * `completionRatio`&mdash;The completion ratio of the task as a decimal value between 0 and 1.
+ * * `task`&mdash;The original data item of the task being dragged. Contains the properties of the [`GanttTask`](slug:api_gantt_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>;
+}

package/timeline/gantt-timeline.component.d.ts

@@ -13,6 +13,7 @@ import { TaskDragService } from '../dragging/task-drag.service';
 import { TaskTooltipOptions } from '../models/tooltip-options.interface';
 import { GanttTaskTooltipTemplateDirective } from '../template-directives/task-tooltip-template.directive';
 import { GanttLocalizationService } from '../localization/gantt-localization.service';
+import { GanttTaskDragTooltipTemplateDirective } from '../template-directives/task-drag-tooltip-template.directive';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -57,6 +58,7 @@ export declare class GanttTimelineComponent implements AfterViewInit, OnChanges,
     dragScrollSettings: DragScrollSettings;
     currentTimeMarker: boolean | CurrentTimeSettings;
     customTooltipTemplate: GanttTaskTooltipTemplateDirective;
+    customDragTooltipTemplate: GanttTaskDragTooltipTemplateDirective;
     tooltipOptions: TaskTooltipOptions;
     selectable: boolean;
     isTaskSelected: (item: object) => boolean;
@@ -74,6 +76,7 @@ export declare class GanttTimelineComponent implements AfterViewInit, OnChanges,
         start: Date;
         end: Date;
         completionRatio: number;
+        task: any;
     };
     dragging: boolean;
     completion: boolean;
@@ -94,5 +97,5 @@ export declare class GanttTimelineComponent implements AfterViewInit, OnChanges,
     messageFor(token: string): string;
     private createTimeMarker;
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttTimelineComponent, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GanttTimelineComponent, "kendo-gantt-timeline", never, { "rows": { "alias": "rows"; "required": false; }; "slots": { "alias": "slots"; "required": false; }; "groupSlots": { "alias": "groupSlots"; "required": false; }; "tableWidth": { "alias": "tableWidth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "taskContentTemplate": { "alias": "taskContentTemplate"; "required": false; }; "taskTemplate": { "alias": "taskTemplate"; "required": false; }; "summaryTaskTemplate": { "alias": "summaryTaskTemplate"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; "renderDependencyDragClues": { "alias": "renderDependencyDragClues"; "required": false; }; "dragScrollSettings": { "alias": "dragScrollSettings"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; "customTooltipTemplate": { "alias": "customTooltipTemplate"; "required": false; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "isTaskSelected": { "alias": "isTaskSelected"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "dependencies": { "alias": "dependencies"; "required": false; }; }, { "timelineContainerPress": "timelineContainerPress"; "timelineContainerDrag": "timelineContainerDrag"; "timelineContainerRelease": "timelineContainerRelease"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GanttTimelineComponent, "kendo-gantt-timeline", never, { "rows": { "alias": "rows"; "required": false; }; "slots": { "alias": "slots"; "required": false; }; "groupSlots": { "alias": "groupSlots"; "required": false; }; "tableWidth": { "alias": "tableWidth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "taskContentTemplate": { "alias": "taskContentTemplate"; "required": false; }; "taskTemplate": { "alias": "taskTemplate"; "required": false; }; "summaryTaskTemplate": { "alias": "summaryTaskTemplate"; "required": false; }; "taskClass": { "alias": "taskClass"; "required": false; }; "renderDependencyDragClues": { "alias": "renderDependencyDragClues"; "required": false; }; "dragScrollSettings": { "alias": "dragScrollSettings"; "required": false; }; "currentTimeMarker": { "alias": "currentTimeMarker"; "required": false; }; "customTooltipTemplate": { "alias": "customTooltipTemplate"; "required": false; }; "customDragTooltipTemplate": { "alias": "customDragTooltipTemplate"; "required": false; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "isTaskSelected": { "alias": "isTaskSelected"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "dependencies": { "alias": "dependencies"; "required": false; }; }, { "timelineContainerPress": "timelineContainerPress"; "timelineContainerDrag": "timelineContainerDrag"; "timelineContainerRelease": "timelineContainerRelease"; }, never, never, true, never>;
 }