@progress/kendo-angular-grid 19.1.2-develop.3 → 19.1.2-develop.5

package/data/group-footer-item.interface.d.ts

@@ -5,27 +5,27 @@
 import { GroupResult } from '@progress/kendo-data-query';
 import { GroupItem } from './group-item.interface';
 /**
- * Represents a group footer item of the Grid.
+ * Represents a group footer item in the Grid.
  */
 export interface GroupFooterItem {
     /**
-     * The type of the Grid item.
+     * Sets the type of the Grid item.
      */
     type: 'footer';
     /**
-     * The group data.
+     * Holds the group data.
      */
     data: GroupResult;
     /**
-     * The index of the group item.
+     * Sets the index of the group item.
      */
     groupIndex: string;
     /**
-     * The nesting level of the group. The root group is at level 0.
+     * Sets the nesting level of the group. The root group is at level 0.
      */
     level: number;
     /**
-     * The current footer group item.
+     * Holds the current footer group item.
      */
     group: GroupItem;
 }

package/data/group-item.interface.d.ts

@@ -8,23 +8,23 @@ import { GroupResult } from '@progress/kendo-data-query';
  */
 export interface GroupItem {
     /**
-     * The type of the Grid item.
+     * Sets the type of the Grid item.
      */
     type: 'group';
     /**
-     * The group data.
+     * Holds the group data.
      */
     data: GroupResult;
     /**
-     * The index of the group item.
+     * Sets the index of the group item.
      */
     index: string;
     /**
-     * The nesting level of the group. The root group is at level 0.
+     * Sets the nesting level of the group. The root group is at level 0.
      */
     level: number;
     /**
-     * The parent group item.
+     * Holds the parent group item.
      */
     parentGroup: GroupItem;
 }

package/databinding.directive.d.ts

@@ -12,14 +12,18 @@ import { RowReorderEvent } from './row-reordering/types';
 import { RowReorderService } from './row-reordering/row-reorder.service';
 import * as i0 from "@angular/core";
 /**
- * A directive which encapsulates the in-memory handling of data operations such as [paging]({% slug paging_grid %}),
- * [sorting]({% slug sorting_grid %}), and [grouping]({% slug grouping_grid %})
- * ([more information and examples]({% slug local_data_grid %}#toc-using-the-data-binding-directive)).
+ * A directive that handles in-memory data operations like [paging]({% slug paging_grid %}),
+ * [sorting]({% slug sorting_grid %}), and [grouping]({% slug grouping_grid %}).
+ *
+ * Use this directive with local data and enable the Grid data operations with minimal configuration.
+ * ([More information and examples]({% slug local_data_grid %}#toc-using-the-data-binding-directive)).
  *
  * @example
  * ```html
- * <kendo-grid [kendoGridBinding]="gridData" ...></kendo-grid>
+ * <kendo-grid [kendoGridBinding]="gridData"></kendo-grid>
  * ```
+ * @remarks
+ * Applied to: {@link GridComponent}.
  */
 export declare class DataBindingDirective implements OnInit, OnDestroy, DoCheck, OnChanges {
     protected grid: GridComponent;
@@ -27,28 +31,34 @@ export declare class DataBindingDirective implements OnInit, OnDestroy, DoCheck,
     protected localDataChangesService?: LocalDataChangesService;
     private rowReorderService?;
     /**
-     * Defines the number of records that will be skipped by the pager.
+     * Sets the number of records to skip in the Grid.
+     *
      * @default 0
      */
     set skip(value: number);
     /**
-     * Defines the descriptors by which the data will be sorted.
+     * Sets the sort descriptors for the Grid data.
+     *
      */
     set sort(value: SortDescriptor[]);
     /**
-     * Defines the descriptor by which the data will be filtered.
+     * Sets the filter descriptor for the Grid data.
+     *
      */
     set filter(value: CompositeFilterDescriptor);
     /**
-     * Defines the page size used by the Grid pager.
+     * Sets the page size for the Grid pager.
+     *
      */
     set pageSize(value: number);
     /**
-     * The descriptors by which the data will be grouped.
+     * Sets the group descriptors for the Grid data.
+     *
      */
     set group(value: GroupDescriptor[]);
     /**
-     * The array of data which will be used to populate the Grid.
+     * Sets the data array for the Grid.
+     *
      */
     set data(value: any[]);
     protected state: State;

package/directives.d.ts

@@ -257,6 +257,15 @@ export declare const KENDO_GRID_EXCEL_EXPORT: readonly [typeof ExcelComponent, t
  */
 export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
 /**
- * Utility array that contains all `Grid` related components and directives
+ * Contains all Grid-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_GRID } from '@progress/kendo-angular-grid';
+ * @NgModule({
+ *   imports: [KENDO_GRID]
+ * })
+ * export class AppModule {}
+ * ```
  */
 export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof EditCommandToolbarDirective, typeof SaveCommandToolbarDirective, typeof RemoveCommandToolbarDirective, typeof CancelCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof SortCommandToolbarDirective, typeof FilterCommandToolbarDirective, typeof GroupCommandToolbarDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnChooserToolbarDirective, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof UndoRedoDirective, typeof UndoCommandToolbarDirective, typeof RedoCommandToolbarDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof ExcelColumnComponent, typeof ExcelColumnGroupComponent, typeof ExcelFooterTemplateDirective, typeof ExcelGroupFooterTemplateDirective, typeof ExcelGroupHeaderColumnTemplateDirective, typeof ExcelGroupHeaderTemplateDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];

package/dragdrop/column-reorder-config.d.ts

@@ -3,11 +3,11 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Additional configuration for the [`reorderColumn`](slug:api_grid_gridcomponent#toc-reordercolumn) method.
+ * Provides extra configuration for the [`reorderColumn`](slug:api_grid_gridcomponent#toc-reordercolumn) method.
  */
 export interface ColumnReorderConfig {
     /**
-     * Indicates whether the reordered column will be positioned before or after the destination index.
+     * Indicates if the reordered column is placed before or after the destination index.
      */
     before: boolean;
 }

package/dragdrop/column-reorder-event.d.ts

@@ -5,21 +5,19 @@
 import { PreventableEvent } from '../common/preventable-event';
 import { ColumnBase } from '../columns/column-base';
 /**
- * Arguments for the `columnReorder` event.
+ * Provides the arguments for the `columnReorder` event.
  */
 export declare class ColumnReorderEvent extends PreventableEvent {
     /**
-     * The reordered column.
+     * Represents the reordered column.
      */
     readonly column: ColumnBase;
     /**
-     * The new index of the column.
-     * Relative to the collection of columns.
+     * Represents the new index of the column. This index is relative to the collection of columns.
      */
     readonly newIndex: number;
     /**
-     * The original index of the column before reordering.
-     * Relative to the collection of columns.
+     * Represents the original index of the column before reordering. This index is relative to the collection of columns.
      */
     readonly oldIndex: number;
     /**

package/editing/add-command-tool.directive.d.ts

@@ -10,21 +10,19 @@ import { ToolbarEditingToolBase } from './toolbar-editing-tool-base.directive';
 import * as i0 from "@angular/core";
 /**
  * Represents the command for adding a new item to the Grid.
- * You can apply this directive to any `kendo-toolbar-button` element inside a
- * ToolbarComponent used in the Grid.
- *
- * When the user clicks the toolbar button that is associated with the directive, , the
- * [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
- * ([see example]({% slug basics_editing_grid %})).
+ * You can apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the Grid.
+ * When you click the toolbar button associated with the directive, the [`add`]({% slug api_grid_gridcomponent %}#toc-add) event triggers ([see example]({% slug basics_editing_grid %})).
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-grid>
  *      <kendo-toolbar>
  *         <kendo-toolbar-button text="Add new" kendoGridAddTool></kendo-toolbar-button>
  *      </kendo-toolbar>
  * </kendo-grid>
  * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
  */
 export declare class AddCommandToolbarDirective extends ToolbarEditingToolBase {
     editService: EditService;

package/editing/add-command.directive.d.ts

@@ -8,19 +8,14 @@ import { ContextService } from '../common/provider.service';
 import { EditService } from './edit.service';
 import * as i0 from "@angular/core";
 /**
- * Represents the command for adding a new item to the Grid. You can apply this directive to any
+ * Represents the command for adding a new item to the Grid. Apply this directive to any
  * `button` element inside a [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
- * When an associated button with the directive is clicked, the
- * [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
+ * When you click the button with this directive, the [`add`]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
  * ([see example]({% slug basics_editing_grid %})).
  *
  * @example
  * ```html
- * <kendo-grid>
- *    <ng-template kendoGridToolbarTemplate>
- *       <button kendoGridAddCommand>Add new</button>
- *    </ng-template>
- * </kendo-grid>
+ * <button kendoGridAddCommand>Add new item</button>
  * ```
  */
 export declare class AddCommandDirective extends Button {

package/editing/add-event-args.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EditEvent } from "./edit-event-args.interface";
 /**
- * Arguments for the [`add`](slug:api_grid_gridcomponent#toc-add) event. [See example](slug:inline_editing_grid#toc-adding-records).
+ * Provides the arguments for the [`add`](slug:api_grid_gridcomponent#toc-add) event. [See example](slug:inline_editing_grid#toc-adding-records).
  */
 export interface AddEvent extends EditEvent {
 }

package/editing/cancel-command-tool.directive.d.ts

@@ -11,20 +11,20 @@ import { ToolbarEditingToolBase } from './toolbar-editing-tool-base.directive';
 import * as i0 from "@angular/core";
 /**
  * Represents the `cancel` command in the Grid.
- * You can apply this directive to any `kendo-toolbar-button` element inside a
- * ToolbarComponent used in the Grid.
+ * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent in the Grid.
  *
- * When the user clicks the toolbar button that is associated with the directive, the
- * [cancel]({% slug api_grid_gridcomponent %}#toc-cancel) event is triggered.
+ * When you click the toolbar button with this directive, the [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event triggers.
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-grid>
  *      <kendo-toolbar>
  *         <kendo-toolbar-button text="Cancel" kendoGridCancelTool></kendo-toolbar-button>
  *      </kendo-toolbar>
  * </kendo-grid>
  * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
  */
 export declare class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
     editService: EditService;

package/editing/cancel-command.directive.d.ts

@@ -9,14 +9,15 @@ import { CellContext } from '../rendering/common/cell-context';
 import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 /**
- * Represents the `cancel` command of the Grid. You can apply this directive to any `button`
+ * Represents the `cancel` command of the Grid. Apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
  * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
- * When an associated button with the directive is clicked, the
- * [cancel]({% slug api_grid_gridcomponent %}#toc-cancel) event
- * is triggered. When the row is not in the edit mode, the button with the `kendoGridCancelCommand` is automatically hidden.
  *
- * You can control the content of the button based on the state of the row.
+ * When a button with this directive is clicked, the
+ * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event
+ * is triggered. If the row is not in edit mode, the button is automatically hidden.
+ *
+ * You can customize the button content based on the row's state.
  *
  * @example
  * ```html

package/editing/cancel-event-args.interface.d.ts

@@ -4,7 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import { SaveEvent } from "./save-event-args.interface";
 /**
- * Arguments for the [`cancel`](slug:api_grid_gridcomponent#toc-cancel) event. [See example](slug:inline_editing_grid#toc-canceling-editing).
+ * Arguments for the [`cancel`](slug:api_grid_gridcomponent#toc-cancel) event.
+ *
+ * This event is emitted when the user cancels editing of a row or cell.
+ *
+ * The event exposes the same properties as the `SaveEvent`, allowing access to the data item, form group, and row or cell context being canceled.
+ *
+ * [See example](slug:inline_editing_grid#toc-canceling-editing).
  */
 export interface CancelEvent extends SaveEvent {
 }

package/editing/cell-close-event.d.ts

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from '../common/preventable-event';
-import { EditEvent } from "./edit-event-args.interface";
-import type { GridComponent } from "../grid.component";
+import { EditEvent } from './edit-event-args.interface';
+import type { GridComponent } from '../grid.component';
 /**
- * Arguments for the `cellClose` event.
+ * Arguments for the [`cellClose`](slug:api_grid_gridcomponent#toc-cellclose) event.
  */
 export declare class CellCloseEvent extends PreventableEvent implements EditEvent {
     isNew: boolean;
@@ -22,13 +22,16 @@ export declare class CellCloseEvent extends PreventableEvent implements EditEven
      */
     column: any;
     /**
-     * The [FormGroup](link:site.data.urls.angular['formgroupapi']) that is used to edit the cell which will be closed.
+     * The [FormGroup](link:site.data.urls.angular['formgroupapi']) used to edit the cell.
      */
     formGroup: any;
     /**
-     * The DOM event that caused the `cellClose` event.
-     * May not be present if `cellClose` was caused by an API call.
+     * The DOM event that triggered the `cellClose` event.
+     * May be undefined if the event was triggered programmatically.
      */
     originalEvent: any;
+    /**
+     * @hidden
+     */
     constructor(options: any);
 }

package/editing/edit-command-tool.directive.d.ts

@@ -10,21 +10,22 @@ import { ContextService } from '../common/provider.service';
 import { ToolbarEditingToolBase } from './toolbar-editing-tool-base.directive';
 import * as i0 from "@angular/core";
 /**
- * Represents the `edit` command in the Grid.
- * You can apply this directive to any `kendo-toolbar-button` element inside a
- * ToolbarComponent used in the Grid.
+ * Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
+ * element inside a ToolbarComponent used in the Grid.
  *
- * When the user clicks the toolbar button that is associated with the directive, the
- * [edit]({% slug api_grid_gridcomponent %}#toc-edit) event is triggered.
+ * When you click the toolbar button with this directive, the
+ * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event fires.
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Edit" kendoGridEditTool></kendo-toolbar-button>
- *      </kendo-toolbar>
+ *   <kendo-toolbar>
+ *     <kendo-toolbar-button text="Edit" kendoGridEditTool></kendo-toolbar-button>
+ *   </kendo-toolbar>
  * </kendo-grid>
  * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
  */
 export declare class EditCommandToolbarDirective extends ToolbarEditingToolBase {
     editService: EditService;

package/editing/edit-command.directive.d.ts

@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
  * Represents the `edit` command of the Grid. You can apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
  * When an associated button with the directive is clicked, the
- * [edit]({% slug api_grid_gridcomponent %}#toc-edit) event
+ * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event
  * is triggered ([see example]({% slug basics_editing_grid %})).
  *
  * When the row is in the `edit` mode, the button with `kendoGridEditCommand` is automatically hidden.

package/editing/edit-event-args.interface.d.ts

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import type { GridComponent } from "../grid.component";
 /**
- * Arguments for the [`edit`](slug:api_grid_gridcomponent#toc-edit) event.
+ * Provides the arguments for the [`edit`](slug:api_grid_gridcomponent#toc-edit) event.
  */
 export interface EditEvent {
     /**
-     * The data item.
+     * The data item for the row.
      */
     dataItem: any;
     /**
@@ -20,7 +20,7 @@ export interface EditEvent {
      */
     rowIndex: number;
     /**
-     * The `GridComponent` instance.
+     * The `GridComponent` instance that triggered the event.
      */
     sender: GridComponent;
 }

package/editing/edit-row-options.interface.d.ts

@@ -3,16 +3,22 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Additional options for the [editRow]({% slug api_grid_gridcomponent %}#toc-editrow) method. [See example.]({% slug editing_rowclick_grid %}#toc-managing-focus)
+ * Provides additional options for the [`editRow`]({% slug api_grid_gridcomponent %}#toc-editrow) method. [See example]({% slug editing_rowclick_grid %}#toc-managing-focus).
+ *
+ * @example
+ * ```typescript
+ * public onEdit(grid: GridComponent): void {
+ *   grid.editRow(2, { skipFocus: true, columnIndex: 1 });
+ * }
+ * ```
  */
 export interface EditRowOptions {
     /**
-     * Determines if focusing the row's edit element should be skipped. Defaults to `false`.
+     * If set to `true`, skips focusing the row's edit element. Defaults to `false`.
      */
     skipFocus?: boolean;
     /**
-     * Specifies which particular column should be focused after the row editor opens.
-     * By default, the first column receives focus.
+     * Sets which column receives focus after the row editor opens. The first column receives focus by default.
      */
     columnIndex?: number;
 }

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

@@ -5,16 +5,24 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the column edit-cell template of the Grid ([see example](slug:custom_reactive_editing_grid#toc-setting-up-custom-inputs)).
- * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
- * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
+ * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_reactive_editing_grid#toc-setting-up-custom-inputs)).
+ * Place an `<ng-template>` tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag to define the template.
  *
- * The template context is set to the current form group and the following additional fields are passed:
- * - `formGroup`&mdash;The current [FormGroup](link:site.data.urls.angular['formgroupapi']). Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax, for example, `let-formGroup`. If you use the Grid inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it will be `undefined`.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
- * - `dataItem`&mdash;The current data item. Use it as an alias for a template variable by utilizing the `let-dataItem="dataItem"` syntax.
- * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
- * - `isNew`&mdash;The state of the current item. Use it as an alias for a template variable by utilizing the `let-isNew="isNew"` syntax.
+ * The template context includes:
+ * - `formGroup`&mdash;The current [FormGroup](link:site.data.urls.angular['formgroupapi']). This is the default context for template variables using `let-x`, such as `let-formGroup`. If you use the Grid in [Template-Driven Forms](link:site.data.urls.angular['forms']), this is `undefined`.
+ * - `rowIndex`&mdash;The current data row index. For a new item row, `rowIndex` is `-1`. Use `let-rowIndex="rowIndex"` to access it.
+ * - `dataItem`&mdash;The current data item. Use `let-dataItem="dataItem"` to access it.
+ * - `column`&mdash;The current column instance. Use `let-column="column"` to access it.
+ * - `isNew`&mdash;The state of the current item. Use `let-isNew="isNew"` to access it.
+ *
+ * @example
+ * ```html
+ * <kendo-grid-column>
+ *   <ng-template kendoGridEditTemplate let-formGroup="formGroup" let-dataItem="dataItem">
+ *     <kendo-textbox [formControl]="formGroup.get('field')"></kendo-textbox>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export declare class EditTemplateDirective {
     templateRef: TemplateRef<any>;