@progress/kendo-angular-gantt 19.1.2-develop.4 → 19.1.2-develop.5

package/models/gantt-dependency-model-fields.interface.d.ts

@@ -3,29 +3,30 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the model fields that will be used for creating GanttDependency instances.
+ * Represents the model fields for creating `GanttDependency` instances.
+ *
+ * All dependency fields can point to nested property values, for example, `category.id`.
  *
- * > All dependency fields can be set to point to nested property values - e.g. `'category.id'`.
  */
 export interface GanttDependencyModelFields {
     /**
-     * The name of the from task id model field.
-     * Defaults to `"fromId"`.
+     * Specifies the name of the model field for the source task ID.
+     * @default "fromId"
      */
     fromId?: string;
     /**
-     * The name of the `ID` model field of the dependency item.
-     * Defaults to `"id"`.
+     * Specifies the name of the model field for the dependency item ID.
+     * @default "id"
      */
     id?: string;
     /**
-     * The name of the to task id model field.
-     * Defaults to `"toId"`.
+     * Specifies the name of the model field for the target task ID.
+     * @default "toId"
      */
     toId?: string;
     /**
-     * The name of the type model field.
-     * Defaults to `"type"`.
+     * Specifies the name of the model field for the dependency type.
+     * @default "type"
      */
     type?: string;
 }

package/models/gantt-dependency.interface.d.ts

@@ -4,23 +4,26 @@
 *-------------------------------------------------------------------------------------------*/
 import { DependencyType } from './dependency-type.enum';
 /**
- * Represents an instance of a Gantt dependency.
+ * Represents a Gantt dependency.
+ *
+ * Use this interface to describe a dependency between two tasks in the Gantt chart.
+ *
  */
 export interface GanttDependency {
     /**
-     * The `id` of the origin task of this dependency.
+     * Sets the `id` of the origin task for this dependency.
      */
     fromId: string | number;
     /**
-     * The unique identifier of the dependency.
+     * Sets the unique identifier of the dependency.
      */
     id: string | number;
     /**
-     * The `id` of the destination task of this dependency.
+     * Sets the `id` of the destination task for this dependency.
      */
     toId: string | number;
     /**
-     * The type of the dependency.
+     * Sets the type of the dependency.
      */
     type: DependencyType;
 }

package/models/gantt-task-model-fields.interface.d.ts

@@ -3,37 +3,46 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the model fields that will be used for creating `GanttTask` instances.
+ * Defines the model fields for creating `GanttTask` instances.
  *
- * > All task fields can be set to point to nested property values - e.g. `'category.id'`.
+ * > You can set all task fields to use nested property values, for example, `category.id`.
  */
 export interface GanttTaskModelFields {
     /**
-     * The name of the end date model field.
-     * Defaults to `"end"`.
+     * Specifies the name of the end date model field.
+     * Use this property to map the end date from your data model.
+     * @default "end"
      */
     end?: string;
     /**
-     * The name of the `ID` model field.
-     * Defaults to `"id"`.
+     * Specifies the name of the `ID` model field.
+     * Use this property to map the unique identifier from your data model.
+     * @default "id"
      */
     id?: string;
     /**
-     * The name of the percent complete model field.
-     * Defaults to `"completionRatio"`.
+     * Specifies the name of the percent complete model field.
+     * Use this property to map the completion ratio from your data model.
+     * @default "completionRatio"
      */
     completionRatio?: string;
     /**
-     * The name of the start date model field.
-     * Defaults to `"start"`.
+     * Specifies the name of the start date model field.
+     * Use this property to map the start date from your data model.
+     * @default "start"
      */
     start?: string;
     /**
-     * The name of the title model field.
-     * Used as text in the task content area.
-     * Defaults to `"title"`.
+     * Specifies the name of the title model field.
+     * This property is used as text in the task content area.
+     * @default "title"
      */
     title?: string;
+    /**
+     * Specifies the name of the children model field.
+     * Use this property to map child tasks from your data model.
+     * @default "children"
+     */
     children?: string;
 }
 /**

package/models/gantt-task.interface.d.ts

@@ -3,31 +3,32 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents an instance of a Gantt task.
+ * Represents a Gantt task.
  */
 export interface GanttTask {
     /**
-     * The date at which the Gantt task ends.
-     * > A valid date should be provided.
+     * Sets the date when the Gantt task ends.
+     * Provide a valid `Date` object.
      */
     end: Date;
     /**
-     * The unique identifier of the task.
+     * Sets the unique identifier for the task.
      */
     id: string | number;
     /**
-     * The completion ratio of the task. A value between 0 and 1 representing the completed portion of the task.
-     * Defaults to `0`.
+     * Sets the completion ratio for the task.
+     * Use a value between `0` and `1` to show the completed part of the task.
+     * @default 0
      */
     completionRatio?: number;
     /**
-     * The date at which the Gantt task starts.
-     * > A valid date should be provided.
+     * Sets the date when the Gantt task starts.
+     * Provide a valid `Date` object.
      */
     start: Date;
     /**
-     * The title of the task which is displayed by the Gantt component.
-     * Defaults to `""`.
+     * Sets the title of the task that the Gantt component displays.
+     * @default ""
      */
     title?: string;
 }

package/models/sort-settings.d.ts

@@ -3,17 +3,17 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the settings for sorting the Gantt column.
+ * Defines the settings for sorting a Gantt column.
  */
 export type ColumnSortSettings = boolean | {
     /**
-     * Enables the removal of the column sorting.
+     * Enables removing the column sorting.
      */
     allowUnsort?: boolean;
     /**
-     * Determines the initial (from the unsorted to the sorted state) sort direction.
+     * Sets the initial sort direction from the unsorted to the sorted state.
      *
-     * The available values for setting the initial sort direction are:
+     * The available values are:
      * - `asc` (default)
      * - `desc`
      */
@@ -24,9 +24,9 @@ export type ColumnSortSettings = boolean | {
  */
 export type SortSettings = boolean | ColumnSortSettings & {
     /**
-     * The sort mode of the Gantt.
+     * Sets the sort mode of the Gantt.
      *
-     * The available values for setting the sort modes are:
+     * The available values are:
      * - `single`
      * - `multiple`
      */

package/models/splitter-pane-options.interface.d.ts

@@ -3,36 +3,36 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the options for the pane which contains the treelist section.
+ * Represents the options for the pane that contains the treelist section.
  */
 export interface TreeListPaneOptions {
     /**
-     * Specifies if the user is allowed to hide the pane.
+     * Specifies if the user can hide the pane.
      */
     collapsible?: boolean;
     /**
-     * Specifies if the pane is initially collapsed.
+     * Specifies if the pane is collapsed initially.
      */
     collapsed?: boolean;
 }
 /**
- * Represents the options for the pane which contains the timeline section.
+ * Represents the options for the pane that contains the timeline section.
  */
 export interface TimelinePaneOptions extends TreeListPaneOptions {
     /**
-     * Sets the initial size of the pane. Has to be between the `min` and `max` properties.
+     * Sets the initial size of the pane. The value must be between the `min` and `max` properties.
      */
     size?: string;
     /**
-     * Sets the minimum possible size of the pane.
+     * Sets the minimum size of the pane.
      */
     min?: string;
     /**
-     * Sets the maximum possible size of the pane.
+     * Sets the maximum size of the pane.
      */
     max?: string;
     /**
-     * Specifies if the user is allowed to resize the pane.
+     * Specifies if the user can resize the pane.
      */
     resizable?: boolean;
 }

package/models/timeline-header-date-format.d.ts

@@ -4,15 +4,16 @@
 *-------------------------------------------------------------------------------------------*/
 import { DateFormatOptions } from "@progress/kendo-intl";
 /**
- * Represents the options for formatting the Group Headers and Column Headers in each individual Timeline Header.
+ * Represents the options for formatting the group headers and column headers in each Timeline Header.
+ *
  */
 export interface TimelineHeaderDateFormat {
     /**
-     * Specifies the date format for the group header in the Timeline Header.
+     * Sets the date format for the group header in the Timeline Header.
      */
     groupHeaderDateFormat?: string | DateFormatOptions;
     /**
-     * Specifies the date format for the column header in the Timeline Header.
+     * Sets the date format for the column header in the Timeline Header.
      */
     columnHeaderDateFormat?: string | DateFormatOptions;
 }

package/models/timeline-view.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines all possible Timeline view types.
+ * Lists all possible `TimelineViewType` values.
  */
 export type TimelineViewType = 'day' | 'week' | 'month' | 'year';

package/models/toolbar-settings.d.ts

@@ -3,26 +3,25 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The position at which the Gantt toolbar or any of its inner tools is rendered. Defaults to `'top'`.
- * The possible values are `'top'`, `'bottom'`, `'both'`, and `'none'`.
+ * Defines the possible positions where the Gantt toolbar or its tools render.
  */
 export type ToolbarPosition = 'top' | 'bottom' | 'both' | 'none';
 /**
- * The configuration of the toolbar position and content.
+ * Configures the toolbar's position and content.
  */
 export interface ToolbarSettings {
     /**
-     * The position of the toolbar(s).
+     * Sets the position of the toolbar(s).
      * @default 'top'
      */
     position?: ToolbarPosition;
     /**
-     * The position of the toolbar(s) where the [`AddTaskComponent`](slug:api_gantt_ganttaddtaskcomponent) is rendered.
+     * Sets the position of the toolbar(s) where the [`AddTaskComponent`](slug:api_gantt_ganttaddtaskcomponent) renders.
      * @default 'none'
      */
     addTaskTool?: ToolbarPosition;
     /**
-     * The position of the toolbar(s) where the [`ViewSelectorComponent`](slug:api_gantt_viewselectorcomponent) is rendered.
+     * Sets the position of the toolbar(s) where the [`ViewSelectorComponent`](slug:api_gantt_viewselectorcomponent) renders.
      * @default 'top'
      */
     viewSelectorTool?: ToolbarPosition;

package/models/tooltip-options.interface.d.ts

@@ -4,23 +4,23 @@
 *-------------------------------------------------------------------------------------------*/
 import { Position } from '@progress/kendo-angular-tooltip';
 /**
- * The options of the tooltip shown when a task is hovered.
+ * Configures the options for the tooltip that appears when you hover over a task.
  */
 export interface TaskTooltipOptions {
     /**
-     * Specifies the position of the Tooltip or Popover in relation to the anchor element.
+     * Sets the `position` of the Tooltip or Popover relative to the anchor element.
      *
      * @default 'left'
      */
     position: Position;
     /**
-     * Specifies if the Тooltip will display a callout arrow.
+     * Shows a callout arrow on the Tooltip when set to `true`.
      *
      * @default true
      */
     callout: boolean;
     /**
-     * Specifies the delay in milliseconds before the Tooltip is shown.
+     * Sets the delay in milliseconds before the Tooltip appears.
      *
      * @default 100
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-gantt",
-  "version": "19.1.2-develop.4",
+  "version": "19.1.2-develop.5",
   "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": 1750157264,
+      "publishDate": 1750431176,
       "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": "16 - 20",
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.1.2-develop.4",
-    "@progress/kendo-angular-common": "19.1.2-develop.4",
-    "@progress/kendo-angular-dialog": "19.1.2-develop.4",
-    "@progress/kendo-angular-dropdowns": "19.1.2-develop.4",
-    "@progress/kendo-angular-grid": "19.1.2-develop.4",
-    "@progress/kendo-angular-icons": "19.1.2-develop.4",
-    "@progress/kendo-angular-inputs": "19.1.2-develop.4",
-    "@progress/kendo-angular-intl": "19.1.2-develop.4",
-    "@progress/kendo-angular-l10n": "19.1.2-develop.4",
-    "@progress/kendo-angular-label": "19.1.2-develop.4",
-    "@progress/kendo-angular-layout": "19.1.2-develop.4",
-    "@progress/kendo-angular-popup": "19.1.2-develop.4",
-    "@progress/kendo-angular-tooltip": "19.1.2-develop.4",
-    "@progress/kendo-angular-treelist": "19.1.2-develop.4",
+    "@progress/kendo-angular-buttons": "19.1.2-develop.5",
+    "@progress/kendo-angular-common": "19.1.2-develop.5",
+    "@progress/kendo-angular-dialog": "19.1.2-develop.5",
+    "@progress/kendo-angular-dropdowns": "19.1.2-develop.5",
+    "@progress/kendo-angular-grid": "19.1.2-develop.5",
+    "@progress/kendo-angular-icons": "19.1.2-develop.5",
+    "@progress/kendo-angular-inputs": "19.1.2-develop.5",
+    "@progress/kendo-angular-intl": "19.1.2-develop.5",
+    "@progress/kendo-angular-l10n": "19.1.2-develop.5",
+    "@progress/kendo-angular-label": "19.1.2-develop.5",
+    "@progress/kendo-angular-layout": "19.1.2-develop.5",
+    "@progress/kendo-angular-popup": "19.1.2-develop.5",
+    "@progress/kendo-angular-tooltip": "19.1.2-develop.5",
+    "@progress/kendo-angular-treelist": "19.1.2-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.1.2-develop.4",
+    "@progress/kendo-angular-schematics": "19.1.2-develop.5",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-date-math": "^1.5.2",
     "@progress/kendo-draggable": "^3.0.0"

package/schematics/ngAdd/index.js

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

package/scrolling/drag-scroll-settings.d.ts

@@ -7,25 +7,25 @@
  */
 export interface DragScrollSettings {
     /**
-     * Specifies whether auto-scrolling during drag editing operations is enabled.
+     * Enables or disables auto-scrolling during drag editing operations.
      *
      * @default true
      */
     enabled?: boolean;
     /**
-     * Specifies the scrolling step in pixels.
+     * Sets the scrolling step in pixels.
      *
      * @default 3
      */
     step?: number;
     /**
-     * Specifies the scrolling interval in milliseconds.
+     * Sets the scrolling interval in milliseconds.
      *
      * @default 1
      */
     interval?: number;
     /**
-     * Specifies the threshold (in pixels) at each end of the scrollable container which when reached will trigger scrolling.
+     * Sets the threshold in pixels at each end of the scrollable container. When the pointer reaches this threshold, scrolling starts.
      *
      * @default 10
      */

package/selection/selectable.directive.d.ts

@@ -6,8 +6,16 @@ import { OnDestroy, EventEmitter } from '@angular/core';
 import { GanttComponent } from '../gantt.component';
 import * as i0 from "@angular/core";
 /**
- * A directive which handles the [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event of the Gantt
- * ([see example]({% slug selection_gantt %}#toc-built-in-directive))
+ * Handles the [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event of the Gantt component.
+ * ([See example]({% slug selection_gantt %}#toc-built-in-directive)).
+ *
+ * @example
+ * ```html
+ * <kendo-gantt kendoGanttSelectable [(selectedKeys)]="selectedKeys"></kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export declare class SelectableDirective implements OnDestroy {
     private gantt;
@@ -20,12 +28,12 @@ export declare class SelectableDirective implements OnDestroy {
      */
     set selectedKeys(value: any[]);
     /**
-     * Fires when the selected keys are changed.
+     * Emits when the selected keys change.
      */
     selectedKeysChange: EventEmitter<any[]>;
     /**
-     * The field name or a function that specifies the data item unique key identifier.
-     * By default, the string field `id` is used.
+     * Sets the field name or function that identifies the unique key for a data item.
+     * Uses the string field `id` by default.
      */
     set itemKey(value: string | ((dataItem: any) => any));
     private get keyGetter();

package/selection/selection-change-event.d.ts

@@ -4,22 +4,21 @@
 *-------------------------------------------------------------------------------------------*/
 import { GanttComponent } from '../gantt.component';
 /**
- * Arguments for the Gantt [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event.
+ * Provides the arguments for the Gantt [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event.
  */
 export interface SelectionChangeEvent {
     /**
-     * Specifies how was the selection changed.
-     *
-     * - `select` - All specified `items` should be selected, all other persisted ones should be removed.
-     * - `remove` - Only the specified `items` should be removed, all others should be left untouched.
+     * Describes how the selection was changed.
+     * - `select`—Selects all specified `items` and removes all other persisted ones.
+     * - `remove`—Removes only the specified `items` and leaves all others unchanged.
      */
     action: 'select' | 'remove';
     /**
-     * Specifies which items were changed.
+     * Lists the items that change.
      */
     items: any[];
     /**
-     * The Gantt component that triggered the event.
+     * The Gantt component that triggers the event.
      */
     sender: GanttComponent;
 }

package/template-directives/summary-task-template.directive.d.ts

@@ -5,32 +5,23 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the whole content of the summary task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttSummaryTaskTemplate` directive inside the `<kendo-gantt>` tag.
+ * Defines a template for the entire summary task component.
+ * Place an `<ng-template>` tag with the `kendoGanttSummaryTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
  *
- * The template context is set to the current data item. The following additional field is passed:
- * - `elementWidth`&mdash;The current summary task wrapper element's calculated width in pixels based on its start and end date.
- * Use it as an alias for a template variable by utilizing the `let-elementWidth="elementWidth"` syntax.
- * Useful for calculations related to rendering custom elements representing the task progress.
+ * The template context uses the current data item. The following field is also available:
+ * - `elementWidth`&mdash;The calculated width in pixels of the current summary task wrapper element, based on its start and end date.
+ * Use `let-elementWidth="elementWidth"` to access it in the template.
+ * This helps you render custom elements for summary task progress.
  *
  * @example
- * ```ts-preview
- * _@Component({
- *      selector: 'my-app',
- *      template: `
- *          <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *              <ng-template kendoGanttSummaryTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *                  <div [style]="'color: white; font-size: 8px;'">
- *                      {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete; width: {{ elementWidth }}
- *                  </div>
- *              </ng-template>
- *          </kendo-gantt>
- *      `
- * })
- * class AppComponent {
- *     public data: any[] = sampleTasks;
- * }
+ * ```html
+ * <kendo-gantt [kendoGanttHierarchyBinding]="data">
+ *    <ng-template kendoGanttSummaryTaskTemplate let-dataItem let-elementWidth="elementWidth">
+ *      <div [style]="'color: white; font-size: 8px;'">
+ *          {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete; width: {{ elementWidth }}
+ *      </div>
+ *    </ng-template>
+ * </kendo-gantt>
  * ```
  */
 export declare class GanttSummaryTaskTemplateDirective {

package/template-directives/task-content-template.directive.d.ts

@@ -5,11 +5,10 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the text content section of the task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttTaskContentTemplate` directive inside the `<kendo-gantt>` tag.
+ * Defines a template for the text content section of the task component.
+ * Place an `<ng-template>` tag with the `kendoGanttTaskContentTemplate` directive inside the `<kendo-gantt>` tag to set the template.
  *
- * The template context is set to the current data item.
+ * The template context uses the current data item.
  *
  * @example
  * ```ts-preview

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

@@ -5,30 +5,21 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the whole content of the task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttTaskTemplate` directive inside the `<kendo-gantt>` tag.
+ * Defines a template for the entire task component.
+ * Place an `<ng-template>` tag with the `kendoGanttTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
  *
- * The template context is set to the current data item. The following additional field is passed:
- * - `elementWidth`&mdash;The current task wrapper element's calculated width in pixels based on its start and end date.
- * Use it as an alias for a template variable by utilizing the `let-elementWidth="elementWidth"` syntax.
- * Useful for calculations related to rendering custom elements representing the task progress.
+ * The template context uses the current data item. The following field is also available:
+ * - `elementWidth`&mdash;The calculated width in pixels of the current task wrapper element, based on its start and end date.
+ * Use `let-elementWidth="elementWidth"` to access it in the template.
+ * This helps you render custom elements for task progress.
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *            <ng-template kendoGanttTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *                {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
- *            </ng-template>
- *        </kendo-gantt>
- *    `
- * })
- * class AppComponent {
- *    public data: any[] = sampleTasks;
- * }
+ * ```html
+ * <kendo-gantt [kendoGanttHierarchyBinding]="data">
+ *   <ng-template kendoGanttTaskTemplate let-dataItem let-elementWidth="elementWidth">
+ *     {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
+ *   </ng-template>
+ * </kendo-gantt>
  * ```
  */
 export declare class GanttTaskTemplateDirective {