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

package/binding-directives/flat-binding.directive.d.ts

@@ -5,14 +5,26 @@
 import { FlatBindingDirective } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
- * A directive which binds the Gantt to an array of objects by using
- * an ID and parent ID field to define the hierarchy.
+ * Binds the Gantt to an array of objects by using an ID and parent ID field to define the hierarchy.
  *
- * The directive encapsulates the in-memory handling of data operations such as sorting and filtering.
+ * Use this directive to handle in-memory data operations such as sorting and filtering. [See example](slug:directives_databinding_gantt#binding-to-flat-data).
+ *
+ * @example
+ * ```html
+ * <kendo-gantt
+ *   [kendoGanttFlatBinding]="data"
+ *   parentIdField="parentTaskId"
+ *   idField="id"
+ *   [dependencies]="dependencies">
+ * </kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export declare class GanttFlatBindingDirective extends FlatBindingDirective {
     /**
-     * The array of data which will be used to populate the Gantt.
+     * Sets the array of data to populate the Gantt.
      */
     data: any[];
     /**

package/binding-directives/hierarchy-binding.directive.d.ts

@@ -5,12 +5,25 @@
 import { HierarchyBindingDirective } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
- * A directive which binds the Gantt to a tree of objects,
- * which encapsulates the in-memory handling of data operations such as sorting and filtering.
+ * Binds the Gantt to a tree of objects.
+ *
+ * Use this directive to handle in-memory data operations such as sorting and filtering. [See example](slug:directives_databinding_gantt#binding-to-hierarchical-data).
+ *
+ * @example
+ * ```html
+ * <kendo-gantt
+ *   [kendoGanttHierarchyBinding]="data"
+ *   childrenField="subtasks"
+ *   [dependencies]="dependencies">
+ * </kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export declare class GanttHierarchyBindingDirective extends HierarchyBindingDirective {
     /**
-     * The array of data which will be used to populate the Gantt.
+     * Sets the array of data to populate the Gantt.
      */
     data: any[];
     /**

package/columns/cell-template.directive.d.ts

@@ -5,20 +5,28 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the column cell template of the Gantt.
- * Helps to customize the content of the cells. To define the cell template, nest an `<ng-template>` tag
- * with the `kendoGanttCellTemplate` directive inside the respective column tag.
+ * Customizes the content of Gantt column cells. Place an `<ng-template>` tag
+ * with the `kendoGanttCellTemplate` directive inside a `<kendo-gantt-column>` tag to define the cell template.
  *
- * The template context is set to the current data item and the following additional fields are passed:
- * - `dataItem`&mdash;The current data item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-dataItem`.
- * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
- * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
- * - `cellContext`&mdash;An object used to pass context information to built-in directives.
- * - `hasChildren`&mdash;Specifies if the item has children.
- * - `isExpanded`&mdash;Specifies if the item is expanded.
+ * The template context provides these fields:
+ * - `dataItem`&mdash;The current data item. Represents the default context that will be assigned to any template variable using the `let-x` syntax, for example, `let-dataItem`.
+ * - `columnIndex`&mdash;The current column index. Use it as a template variable with the `let-columnIndex="columnIndex"` syntax.
+ * - `column`&mdash;The current column instance. Use it as a template variable with the `let-column="column"` syntax.
+ * - `cellContext`&mdash;An object for passing context information to built-in directives.
+ * - `hasChildren`&mdash;Indicates if the item has children.
+ * - `isExpanded`&mdash;Indicates if the item is expanded.
  * - `level`&mdash;The hierarchy level of the item.
- * - `loading`&mdash;Specifies if the item children are currently loading.
- * - `rowIndex`&mdash;The current row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
+ * - `loading`&mdash;Indicates if the item children are loading.
+ * - `rowIndex`&mdash;The current row index. Use it as a template variable with the `let-rowIndex="rowIndex"` syntax.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column field="title">
+ *   <ng-template kendoGanttCellTemplate let-dataItem>
+ *     <strong>{{ dataItem.title }}</strong>
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export declare class CellTemplateDirective {
     templateRef: TemplateRef<any>;

package/columns/column-base.component.d.ts

@@ -5,7 +5,8 @@
 import { ColumnBase } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
- * The base class for the column components of the Gantt.
+ * Serves as the base class for Gantt column components.
+ *
  */
 export declare class GanttColumnBase extends ColumnBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttColumnBase, never>;

package/columns/column-group.component.d.ts

@@ -8,6 +8,20 @@ import { OptionChangesService } from '../common/option-changes.service';
 import { GanttColumnBase } from './column-base.component';
 import { HeaderTemplateDirective } from './header-template.directive';
 import * as i0 from "@angular/core";
+/**
+ * Represents a group of columns in the Gantt. Use this component to organize columns under a common header.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column-group title="Details">
+ *   <kendo-gantt-column field="start"></kendo-gantt-column>
+ *   <kendo-gantt-column field="end"></kendo-gantt-column>
+ * </kendo-gantt-column-group>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link GanttColumnComponent}, {@link GanttSpanColumnComponent}.
+ */
 export declare class GanttColumnGroupComponent extends ColumnGroupComponent {
     private options;
     /**

package/columns/column-menu-template.directive.d.ts

@@ -5,14 +5,21 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template for the column menu in the Gantt. Provides an option for
- * customizing the content of the column menu for all or for specific columns.
- * To define the content template, nest an `<ng-template>` tag with the
- * `kendoGanttColumnMenuTemplate` directive inside the `<kendo-gantt-column>` component.
+ * Customizes the column menu content in the Gantt. Place an `<ng-template>` tag with the
+ * `kendoGanttColumnMenuTemplate` directive inside a `<kendo-gantt-column>` component to define the template.
  *
- *  The column menu service and the current column are available as context variables:
- * - `service`&mdash;Represents the ColumnMenuService.
- * - `column`&mdash;Represents the Gantt column.
+ * The template context provides the following fields:
+ * - `service`&mdash;The `ColumnMenuService` instance.
+ * - `column`&mdash;The Gantt column instance.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column>
+ *   <ng-template kendoGanttColumnMenuTemplate let-service="service" let-column="column">
+ *     <button (click)="service.close()">Close Menu</button>
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export declare class ColumnMenuTemplateDirective {
     templateRef: TemplateRef<any>;

package/columns/column.component.d.ts

@@ -15,6 +15,14 @@ import { HeaderTemplateDirective } from './header-template.directive';
 import { CellContentType } from '../models/cell-content-type.interface';
 import { EditTemplateDirective } from './edit-template.directive';
 import * as i0 from "@angular/core";
+/**
+ * Represents a column in the Gantt. Use this component to define columns and customize their behavior and appearance.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column field="title" title="Task"></kendo-gantt-column>
+ * ```
+ */
 export declare class GanttColumnComponent extends ColumnComponent {
     private options;
     headerTemplates: QueryList<HeaderTemplateDirective>;
@@ -25,11 +33,13 @@ export declare class GanttColumnComponent extends ColumnComponent {
     filterCellTemplate: FilterCellTemplateDirective;
     filterMenuTemplate: FilterMenuTemplateDirective;
     /**
-     * Defines the filter type that is displayed inside the filter row. The default value is `text`.
+     * Sets the filter type for the filter row. The default value is `text`.
+     * @default 'text'
      */
     filter: CellContentType;
     /**
-     * Defines if a filter UI will be displayed for this column. The default value is `true`.
+     * Shows or hides the filter UI for this column. The default value is `true`.
+     * @default true
      */
     filterable: boolean;
     /**

package/columns/edit-template.directive.d.ts

@@ -5,18 +5,27 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the column edit-cell template of the Gantt.
- * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
+ * Represents the column template for edited cells in the Gantt.
+ *
+ * Use this directive to customize the content of edited cells. To define the cell template, nest an `<ng-template>`
  * tag with the `kendoGanttEditTemplate` directive inside a `<kendo-gantt-column>` tag.
  *
- * The template context contains the following fields:
+ * The template context provides the following fields:
  * - `column`&mdash;The current column instance.
  * - `dataItem`&mdash;The current data item.
- * - `cellContext`&mdash;An object used to pass context information to built-in directives.
- * - `formGroup`&mdash;The current [`FormGroup`](link:site.data.urls.angular['formgroupapi']).
- * If you use the Gantt inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it will be `undefined`.
+ * - `cellContext`&mdash;An object for passing context information to built-in directives.
+ * - `formGroup`&mdash;The current [`FormGroup`](link:site.data.urls.angular['formgroupapi']). If you use the Gantt inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it is `undefined`.
  * - `isNew`&mdash;The state of the current item.
  * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column>
+ *   <ng-template kendoGanttEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
+ *     <input [formControl]="formGroup.get('field')" />
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export declare class EditTemplateDirective {
     templateRef: TemplateRef<any>;

package/columns/filter-menu-template.directive.d.ts

@@ -5,12 +5,22 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the filter-menu template.
+ * Represents the filter-menu template for the Gantt column.
  *
- * The column, current filter and the filter service are available as context variables:
- * - `column`—The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * Use this directive to customize the filter menu for a column.
+ * The template context provides:
+ * - `column`—The current column instance. Use as an alias for a template variable with the `let-column="column"` syntax.
  * - `filter`—The filter descriptor.
- * - `cellContext`—An object used to pass context information to built-in directives.
+ * - `cellContext`—An object for passing context information to built-in directives.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column>
+ *   <ng-template kendoGanttFilterMenuTemplate let-column let-filter="filter">
+ *     Custom filter for {{ column.field }}
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export declare class FilterMenuTemplateDirective {
     templateRef: TemplateRef<any>;

package/columns/footer-template.directive.d.ts

@@ -5,16 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the column footer cell template of the Gantt.
+ * Represents the footer cell template of the Gantt columns.
  *
- * Helps to customize the table footer cell for the column.
+ * Use this directive to customize the table footer cell for a column.
  * To define a footer template, nest an `<ng-template>` tag with the
  * [`kendoGanttFooterTemplate`]({% slug api_gantt_footertemplatedirective %}) directive inside the `<kendo-gantt-column>` tag.
  *
- *  The current column, column index and field are available as context variables:
- * * `column`&mdash;Points to the instance of the current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
- * * `columnIndex`&mdash;Defines the current column index.
+ * The template context provides:
+ * * `column`&mdash;The current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
+ * * `columnIndex`&mdash;The current column index.
  * * `field`&mdash;The name of the column field, if set.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column>
+ *   <ng-template kendoGanttFooterTemplate let-column let-columnIndex="columnIndex" let-field="field">
+ *     Footer for {{ field }}
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export declare class FooterTemplateDirective {
     templateRef: TemplateRef<any>;

package/columns/header-template.directive.d.ts

@@ -5,14 +5,24 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the column header cell template of the Gantt.
- * Helps to customize the table header cell for the column.
+ * Represents the header cell template of the Gantt columns.
+ *
+ * Use this directive to customize the table header cell for a column.
  * To define a header template, nest an `<ng-template>` tag with the
  * [`kendoGanttHeaderTemplate`]({% slug api_gantt_headertemplatedirective %}) directive inside the `<kendo-gantt-column>` tag.
  *
- *  The current column and column index are available as context variables:
- * * `column`&mdash;Points to the instance of the current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
- * * `columnIndex`&mdash;Defines the current column index.
+ * The template context provides:
+ * * `column`&mdash;The current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
+ * * `columnIndex`&mdash;The current column index.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column>
+ *   <ng-template kendoGanttHeaderTemplate let-column let-columnIndex="columnIndex">
+ *     Custom Header for {{ column.field }} ({{ columnIndex }})
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export declare class HeaderTemplateDirective {
     templateRef: TemplateRef<any>;

package/columns/span-column.component.d.ts

@@ -10,6 +10,22 @@ import { GanttColumnBase } from './column-base.component';
 import { GanttColumnComponent } from './column.component';
 import { EditTemplateDirective } from './edit-template.directive';
 import * as i0 from "@angular/core";
+/**
+ * Represents the Gantt span column.
+ *
+ * Use this component to span row content over multiple column cells.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-span-column>
+ *   <kendo-gantt-column field="id"></kendo-gantt-column>
+ *   <kendo-gantt-column field="name"></kendo-gantt-column>
+ * </kendo-gantt-span-column>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link GanttColumnComponent}.
+ */
 export declare class GanttSpanColumnComponent extends SpanColumnComponent {
     private options;
     /**

package/directives.d.ts

@@ -26,6 +26,6 @@ import { ToolbarTemplateDirective } from "./toolbar/toolbar-template.directive";
 import { TaskDragDirective } from "./dragging/task-drag.directive";
 import { GanttTaskTooltipTemplateDirective } from "./template-directives/task-tooltip-template.directive";
 /**
-* Utility array that contains all `@progress/kendo-angular-gantt` related components and directives
+* 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];

package/dragging/dependency-drag-create.directive.d.ts

@@ -9,7 +9,14 @@ import { MappingService } from '../common/mapping.service';
 import { TimelineScrollService } from '../scrolling/timeline-scroll.service';
 import * as i0 from "@angular/core";
 /**
- * A directive which enables the creation of new dependencies via dragging.
+ * Enables creating new dependencies by dragging.
+ *
+ * ```html
+ * <kendo-gantt kendoGanttDependencyDragCreate></kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export declare class DependencyDragCreateDirective implements AfterViewInit, OnDestroy {
     private gantt;
@@ -19,7 +26,7 @@ export declare class DependencyDragCreateDirective implements AfterViewInit, OnD
     private popupService;
     private timelineScrollService;
     /**
-     * Specifies whether the validation tooltip will be displayed during drag operations.
+     * Shows the validation tooltip during drag operations.
      *
      * @default true
      */

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

@@ -10,15 +10,28 @@ import { TaskDragEvent } from '../models/events';
 import { MappingService } from '../common/mapping.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-utils";
+/**
+ * Represents the Gantt task drag directive.
+ *
+ * Use this directive to enable dragging of tasks in the Gantt. The directive listens and emits events with information about the dragged task.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt [data]="tasks" kendoGanttTaskDrag (taskDrag)="onTaskDrag($event)" (taskDragEnd)="onTaskDragEnd($event)">
+ * </kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
+ */
 export declare class TaskDragDirective {
     /**
-     * Emitted while the end user is resizing or moving a task through dragging.
+     * Emits while the user resizes or moves a task by dragging.
      */
     taskDrag: EventEmitter<TaskDragEvent>;
     /**
-     * Triggered when the dragging action associated with resizing or moving an event is finished.
-     * The event data contains all necessary information to update the task and all related tasks
-     * accordingly.
+     * Fires when the user finishes dragging to resize or move a task.
+     * The event data gives you all information needed to update the task and related tasks.
      */
     taskDragEnd: EventEmitter<TaskDragEvent>;
     private subs;

package/editing/add-task.component.d.ts

@@ -9,26 +9,26 @@ import { EditService } from './edit.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * The UI for adding new items to the Gantt.
- * Use it within a toolbar template to provide a custom icon or list of options.
+ * Displays the UI for adding new items to the Gantt.
+ * Use this in a toolbar template to show a custom icon or a list of options.
  */
 export declare class GanttAddTaskComponent {
     private localizationService;
     private editService;
     private ngZone;
     /**
-     * Sets the data of the DropDownButton.
-     * > The data has to be provided in an array-like list.
+     * Sets the data for the DropDownButton.
+     * Provide the data as an array-like list.
      */
     data: GanttAddTaskActionItem[];
     /**
-     * Defines the name of an existing icon in a Kendo UI theme.
+     * Sets the name of an existing icon in a Kendo UI theme.
      * @default 'plus'
      */
     icon: string;
     /**
-     * Defines an [`SVGIcon`](slug:api_icons_svgicon) icon to be rendered inside the `GanttAddTaskComponent` using
-     * a [`KendoSVGIcon`](slug:api_icons_svgiconcomponent) component.
+     * Sets an [`SVGIcon`](slug:api_icons_svgicon) to render inside the `GanttAddTaskComponent` using
+     * an [`SVGIconComponent`](slug:api_icons_svgiconcomponent).
      */
     svgIcon: SVGIcon;
     constructor(localizationService: LocalizationService, editService: EditService, ngZone: NgZone);

package/esm2022/binding-directives/flat-binding.directive.mjs

@@ -6,14 +6,26 @@ import { Directive, Input } from '@angular/core';
 import { FlatBindingDirective } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
- * A directive which binds the Gantt to an array of objects by using
- * an ID and parent ID field to define the hierarchy.
+ * Binds the Gantt to an array of objects by using an ID and parent ID field to define the hierarchy.
  *
- * The directive encapsulates the in-memory handling of data operations such as sorting and filtering.
+ * Use this directive to handle in-memory data operations such as sorting and filtering. [See example](slug:directives_databinding_gantt#binding-to-flat-data).
+ *
+ * @example
+ * ```html
+ * <kendo-gantt
+ *   [kendoGanttFlatBinding]="data"
+ *   parentIdField="parentTaskId"
+ *   idField="id"
+ *   [dependencies]="dependencies">
+ * </kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export class GanttFlatBindingDirective extends FlatBindingDirective {
     /**
-     * The array of data which will be used to populate the Gantt.
+     * Sets the array of data to populate the Gantt.
      */
     data;
     /**

package/esm2022/binding-directives/hierarchy-binding.directive.mjs

@@ -6,12 +6,25 @@ import { Directive, Input } from '@angular/core';
 import { HierarchyBindingDirective } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
- * A directive which binds the Gantt to a tree of objects,
- * which encapsulates the in-memory handling of data operations such as sorting and filtering.
+ * Binds the Gantt to a tree of objects.
+ *
+ * Use this directive to handle in-memory data operations such as sorting and filtering. [See example](slug:directives_databinding_gantt#binding-to-hierarchical-data).
+ *
+ * @example
+ * ```html
+ * <kendo-gantt
+ *   [kendoGanttHierarchyBinding]="data"
+ *   childrenField="subtasks"
+ *   [dependencies]="dependencies">
+ * </kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export class GanttHierarchyBindingDirective extends HierarchyBindingDirective {
     /**
-     * The array of data which will be used to populate the Gantt.
+     * Sets the array of data to populate the Gantt.
      */
     data;
     /**

package/esm2022/columns/cell-template.directive.mjs

@@ -5,20 +5,28 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the column cell template of the Gantt.
- * Helps to customize the content of the cells. To define the cell template, nest an `<ng-template>` tag
- * with the `kendoGanttCellTemplate` directive inside the respective column tag.
+ * Customizes the content of Gantt column cells. Place an `<ng-template>` tag
+ * with the `kendoGanttCellTemplate` directive inside a `<kendo-gantt-column>` tag to define the cell template.
  *
- * The template context is set to the current data item and the following additional fields are passed:
- * - `dataItem`&mdash;The current data item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-dataItem`.
- * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
- * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
- * - `cellContext`&mdash;An object used to pass context information to built-in directives.
- * - `hasChildren`&mdash;Specifies if the item has children.
- * - `isExpanded`&mdash;Specifies if the item is expanded.
+ * The template context provides these fields:
+ * - `dataItem`&mdash;The current data item. Represents the default context that will be assigned to any template variable using the `let-x` syntax, for example, `let-dataItem`.
+ * - `columnIndex`&mdash;The current column index. Use it as a template variable with the `let-columnIndex="columnIndex"` syntax.
+ * - `column`&mdash;The current column instance. Use it as a template variable with the `let-column="column"` syntax.
+ * - `cellContext`&mdash;An object for passing context information to built-in directives.
+ * - `hasChildren`&mdash;Indicates if the item has children.
+ * - `isExpanded`&mdash;Indicates if the item is expanded.
  * - `level`&mdash;The hierarchy level of the item.
- * - `loading`&mdash;Specifies if the item children are currently loading.
- * - `rowIndex`&mdash;The current row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
+ * - `loading`&mdash;Indicates if the item children are loading.
+ * - `rowIndex`&mdash;The current row index. Use it as a template variable with the `let-rowIndex="rowIndex"` syntax.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column field="title">
+ *   <ng-template kendoGanttCellTemplate let-dataItem>
+ *     <strong>{{ dataItem.title }}</strong>
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export class CellTemplateDirective {
     templateRef;

package/esm2022/columns/column-base.component.mjs

@@ -6,7 +6,8 @@ import { Component } from '@angular/core';
 import { ColumnBase } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
- * The base class for the column components of the Gantt.
+ * Serves as the base class for Gantt column components.
+ *
  */
 export class GanttColumnBase extends ColumnBase {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GanttColumnBase, deps: null, target: i0.ɵɵFactoryTarget.Component });

package/esm2022/columns/column-group.component.mjs

@@ -10,6 +10,20 @@ import { HeaderTemplateDirective } from './header-template.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
 import * as i2 from "./column-base.component";
+/**
+ * Represents a group of columns in the Gantt. Use this component to organize columns under a common header.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column-group title="Details">
+ *   <kendo-gantt-column field="start"></kendo-gantt-column>
+ *   <kendo-gantt-column field="end"></kendo-gantt-column>
+ * </kendo-gantt-column-group>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link GanttColumnComponent}, {@link GanttSpanColumnComponent}.
+ */
 export class GanttColumnGroupComponent extends ColumnGroupComponent {
     options;
     /**

package/esm2022/columns/column-menu-template.directive.mjs

@@ -5,14 +5,21 @@
 import { Directive, Optional, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template for the column menu in the Gantt. Provides an option for
- * customizing the content of the column menu for all or for specific columns.
- * To define the content template, nest an `<ng-template>` tag with the
- * `kendoGanttColumnMenuTemplate` directive inside the `<kendo-gantt-column>` component.
+ * Customizes the column menu content in the Gantt. Place an `<ng-template>` tag with the
+ * `kendoGanttColumnMenuTemplate` directive inside a `<kendo-gantt-column>` component to define the template.
  *
- *  The column menu service and the current column are available as context variables:
- * - `service`&mdash;Represents the ColumnMenuService.
- * - `column`&mdash;Represents the Gantt column.
+ * The template context provides the following fields:
+ * - `service`&mdash;The `ColumnMenuService` instance.
+ * - `column`&mdash;The Gantt column instance.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-column>
+ *   <ng-template kendoGanttColumnMenuTemplate let-service="service" let-column="column">
+ *     <button (click)="service.close()">Close Menu</button>
+ *   </ng-template>
+ * </kendo-gantt-column>
+ * ```
  */
 export class ColumnMenuTemplateDirective {
     templateRef;