@progress/kendo-angular-grid 12.0.0-develop.9 → 12.0.1-develop.1

package/columns/column.component.d.ts

@@ -19,51 +19,15 @@ import * as i0 from "@angular/core";
  */
 export declare function isColumnComponent(column: any): column is ColumnComponent;
 /**
- * Represents the columns of the [Angular Data Grid]({% slug overview_grid %}).
+ * Represents the column of the Grid. [See example](slug:columns_config#toc-using-the-column-component)
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid [data]="gridData">
- *          <kendo-grid-column field="ProductID" title="Product ID" [width]="120">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="ProductName" title="Product Name">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="Discontinued" [width]="120">
- *              <ng-template kendoGridCellTemplate let-dataItem>
- *                  <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
- *              </ng-template>
- *          </kendo-grid-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *    public gridData: any[];
- *
- *    constructor() {
- *        this.gridData = products;
- *    }
- * }
- *
- * const products = [{
- *    "ProductID": 1,
- *    "ProductName": "Chai",
- *    "UnitPrice": 18.0000,
- *    "Discontinued": true
- *  }, {
- *    "ProductID": 2,
- *    "ProductName": "Chang",
- *    "UnitPrice": 19.0000,
- *    "Discontinued": false
- *  }
- * ];
- *
+ * ```html
+ * <kendo-grid [data]="gridData">
+ *   <kendo-grid-column field="ProductID" title="Product ID"></kendo-grid-column>
+ *   <kendo-grid-column field="ProductName" title="Product Name"></kendo-grid-column>
+ *   <kendo-grid-column field="UnitPrice" title="Unit Price"></kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnComponent extends ColumnBase {
@@ -72,96 +36,46 @@ export declare class ColumnComponent extends ColumnBase {
      */
     field: string;
     /**
-     * The format that is applied to the value before it is displayed.
-     * Takes the `{0:format}` form where `format` is a standard number format, a custom number format,
-     * a standard date format, a custom date format or a format object. For more information on the supported date and number formats,
+     * The format that is applied to the value before it is displayed. [See example](slug:filtering_grid#toc-date-filter). For more information on the supported date and number formats,
      * refer to the [kendo-intl](https://github.com/telerik/kendo-intl/blob/develop/docs/index.md) documentation.
-     *
-     * Standard format:
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" format="{0:c}">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
-     *
-     * Format object for currency:
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" [format]="{ style: 'currency', currency: 'EUR' }">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
-     *
-     * Format object for dates:
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-column field="FirstOrderedOn" [format]="{ date: 'short' }">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
      */
     format: any;
     /**
-     * Allows the column headers to be clicked and the `sortChange` event emitted.
-     * You have to handle the `sortChange` event yourself and sort the data.
+     * Allows the user to click the column headers and emits the `sortChange` event. [See example](slug:sorting_grid).
+     *
+     * @default true
      */
     sortable: boolean | ColumnSortSettings;
     /**
-     * Determines if the column can be dragged to the group panel. The default value is `true`.
+     * Determines if the column can be dragged to the group panel.
      * If set to `false`, you can group the columns by the column field by using the API of the Grid.
+     *
+     * @default true
      */
     groupable: boolean;
     /**
-     * Defines the editor type ([see example]({% slug inline_editing_grid %}#toc-using-reactive-forms)).
-     * Used when the column enters the edit mode. The default value is `text`.
+     * Defines the editor type. [See example](slug:inline_editing_grid#toc-using-reactive-forms).
+     * Used when the column enters the edit mode.
      *
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" editor="numeric">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
+     * @default 'text'
      */
     editor: 'text' | 'numeric' | 'date' | 'boolean';
     /**
-     * Defines the filter type that is displayed inside the filter row. The default value is `text`.
+     * Defines the filter type that is displayed inside the filter row. [See example](slug:filtering_grid#toc-filter-data-types).
      *
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" filter="numeric">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
+     * @default 'text'
      */
     filter: 'text' | 'numeric' | 'boolean' | 'date';
     /**
-     * Defines if a filter UI will be displayed for this column. The default value is `true`.
+     * Defines if a filter UI will be displayed for this column. [See example](slug:filtering_grid).
      *
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" [filterable]="false">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
+     * @default true
      */
     filterable: boolean;
     /**
-     * Defines whether the column is editable. The default value is `true`.
+     * Defines whether the column is editable. [See example](slug:make_fields_uneditable_grid).
      *
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" [editable]="false">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
+     * @default true
      */
     editable: boolean;
     template: CellTemplateDirective;

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

@@ -9,68 +9,20 @@ import { IdService } from '../common/id.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the command columns of the Grid. You have to define the content of the
- * column inside an `<ng-template>` tag. The template context is set to the current
- * data item. For more information and examples on using the passed fields
- * and the command directives, refer to the article on
- * [editing the Grid in Angular Reactive Forms]({% slug inline_editing_grid %}#toc-using-reactive-forms).
- *
- * The following additional fields are passed:
- * - `columnIndex`&mdash;The current column index.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex`is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
- *
- * Usually, the template contains CRUD command directives such as:
- * - [EditCommandDirective]({% slug api_grid_editcommanddirective %})
- * - [RemoveCommandDirective]({% slug api_grid_removecommanddirective %})
- * - [CancelCommandDirective]({% slug api_grid_cancelcommanddirective %})
- * - [SaveCommandDirective]({% slug api_grid_savecommanddirective %})
+ * column inside an `<ng-template>` tag.
+ * For more information and examples, refer to the [Command Column Directives](slug:editing_directives_grid#toc-command-column-directives) article.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid [data]="gridData">
- *          <kendo-grid-column field="ProductID" title="Product ID" [width]="120">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="ProductName" title="Product Name">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
- *          </kendo-grid-column>
- *          <kendo-grid-command-column title="command" [width]="220">
- *               <ng-template kendoGridCellTemplate>
- *                   <button kendoGridEditCommand class="k-primary">Edit</button>
- *                   <button kendoGridRemoveCommand>Remove</button>
- *               </ng-template>
- *           </kendo-grid-command-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *    public gridData: any[];
- *
- *    constructor() {
- *        this.gridData = products;
- *    }
- * }
- *
- * const products = [{
- *    "ProductID": 1,
- *    "ProductName": "Chai",
- *    "UnitPrice": 18.0000,
- *    "Discontinued": true
- *  }, {
- *    "ProductID": 2,
- *    "ProductName": "Chang",
- *    "UnitPrice": 19.0000,
- *    "Discontinued": false
- *  }
- * ];
- *
+ * ```html
+ * <kendo-grid [data]="gridData">
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ *   <kendo-grid-command-column title="command" [width]="220">
+ *      <ng-template kendoGridCellTemplate>
+ *         <button kendoGridEditCommand class="k-primary">Edit</button>
+ *         <button kendoGridRemoveCommand>Remove</button>
+ *      </ng-template>
+ *   </kendo-grid-command-column>
+ * </kendo-grid>
  * ```
  */
 export declare class CommandColumnComponent extends ColumnBase {

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

@@ -7,7 +7,7 @@ import { IdService } from '../common/id.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the drag handle for reordering rows in the Grid.
+ * Represents the drag handle for reordering rows in the Grid ([see example](slug:reordering_rows_grid))
  */
 export declare class RowReorderColumnComponent extends ColumnBase {
     parent?: ColumnBase;

package/columns/sort-settings.d.ts

@@ -13,9 +13,7 @@ export interface ColumnSortSettings {
     /**
      * Determines the initial (from the unsorted to the sorted state) sort direction.
      *
-     * The available values for setting the initial sort direction are:
-     * - `asc` (default)
-     * - `desc`
+     * The available values for setting the initial sort direction.
      */
     initialDirection?: 'asc' | 'desc';
 }
@@ -29,11 +27,19 @@ export interface SingleSortSettings extends ColumnSortSettings {
     mode?: 'single';
 }
 /**
- * Specifies a modifier key.
+ * Specifies a modifier key when multiple sort. [See example](slug:multi_sort_grid#toc-sort-key-modifier).
+ *
+ * @example
+ * ```html
+ * <kendo-grid [sortable]="{ mode: 'multiple', multiSortKey: 'shift' }">
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ *   ...
+ * </kendo-grid>
+ * ```
  */
 export declare type ModifierKey = 'none' | 'ctrl' | 'shift' | 'alt';
 /**
- * Specifies settings for sorting by multiple columns.
+ * Specifies settings for sorting by multiple columns. [See example](slug:multi_sort_grid).
  */
 export interface MultipleSortSettings extends ColumnSortSettings {
     /**
@@ -47,22 +53,28 @@ export interface MultipleSortSettings extends ColumnSortSettings {
     /**
      * Specifies the modifier key for sorting by 2nd or more columns.
      *
-     * The default value is 'none', meaning that clicking a column will add it to the sort order.
+     * By default, clicking a column adds it to the sort order (corresponds to `'none'`).
      * Selecting a key modifier along with the click will remove sorting from all other columns.
      *
      * If the key is set to 'ctrl', 'shift' or 'alt', clicking a column will remove sorting from all other columns.
      * The specified key must be pressed to add the column to the sort order instead.
+     * The `ctrl` value corresponds to the `Command` key in a macOS environment. [See example](slug:multi_sort_grid#toc-sort-key-modifier).
      *
-     * > The `ctrl` value corresponds to the `Command` key in a macOS environment.
-     *
-     * @default 'none'
      */
     multiSortKey?: ModifierKey;
 }
 /**
- * Defines the settings for sorting the Grid.
- * Can be of type `boolean`, [SingleSortSettings]({% slug api_grid_singlesortsettings %}),
- * or [MultipleSortSettings]({% slug api_grid_multiplesortsettings %}).
+ * Defines the settings for sorting the Grid. [See example](slug:multi_sort_grid).
+ *
+ * The available options are:
+ * * `boolean`
+ * * [SingleSortSettings]({% slug api_grid_singlesortsettings %})
+ * * [MultipleSortSettings]({% slug api_grid_multiplesortsettings %})
+ *
+ * @example
+ * ```html
+ * <kendo-grid [sorting]="true"></kendo-grid>
+ * ```
  */
 export declare type SortSettings = boolean | SingleSortSettings | MultipleSortSettings;
 /**

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

@@ -21,62 +21,15 @@ export declare function isSpanColumnComponent(column: any): column is SpanColumn
  * [grouping]({% slug grouping_grid %}). Wrap the columns that will be
  * merged inside the `<kendo-grid-span-column>` tag.
  *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid
- *              [sortable]="true"
- *              [filterable]="true"
- *              [kendoGridBinding]="products">
- *          <kendo-grid-column field="ProductID" title="Product ID" [width]="120">
- *          </kendo-grid-column>
- *          <kendo-grid-span-column>
- *              <kendo-grid-column field="ProductName" title="Product Name">
- *              </kendo-grid-column>
- *              <kendo-grid-column field="UnitPrice" title="Unit Price" filter="numeric" [width]="180" format="{0:c}">
- *              </kendo-grid-column>
- *          </kendo-grid-span-column>
- *          <kendo-grid-column field="Discontinued" [width]="120" filter="boolean">
- *              <ng-template kendoGridCellTemplate let-dataItem>
- *                  <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
- *              </ng-template>
- *          </kendo-grid-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *   public products = [{
- *      "ProductID": 1,
- *      "ProductName": "Chai",
- *      "UnitPrice": 18.0000,
- *      "Discontinued": true
- *    }, {
- *      "ProductID": 2,
- *      "ProductName": "Chang",
- *      "UnitPrice": 19.0000,
- *      "Discontinued": false
- *    }
- *   ];
- * }
- *
- * ```
- *
- * By default, the data cell displays the data for the specified fields. To further customize
- * the span-column functionality, use a [cell template]({% slug api_grid_celltemplatedirective %}).
- *
- * ```html-no-run
+ * ```html
  * <kendo-grid-span-column>
- *  <kendo-grid-column field="field1" title="Field 1"></kendo-grid-column>
- *  <kendo-grid-column field="field2" title="Field 2"></kendo-grid-column>
- *    <ng-template kendoGridCellTemplate let-dataItem>
- *        <h5>{{ dataItem.field1 }}</h5>
- *        <p>{{ dataItem.field2 }}</p>
- *    </ng-template>
- *  </kendo-grid-span-column>
+ *   <kendo-grid-column field="field1"></kendo-grid-column>
+ *   <kendo-grid-column field="field2"></kendo-grid-column>
+ *   <ng-template kendoGridCellTemplate let-dataItem>
+ *     <h5>{{ dataItem.field1 }}</h5>
+ *     <p>{{ dataItem.field2 }}</p>
+ *   </ng-template>
+ * </kendo-grid-span-column>
  * ```
  */
 export declare class SpanColumnComponent extends ColumnBase {
@@ -120,24 +73,9 @@ export declare class SpanColumnComponent extends ColumnBase {
      */
     includeInChooser: boolean;
     /**
-     * Defines whether the edit template of the column will be rendered. The default value is `false`.
-     *
-     * > To enable the editing functionality for a spanned column, set an edit template for it.
-     *
-     * @example
-     * ```html-no-run
-     * <kendo-grid>
-     *    <kendo-grid-span-column [editable]="false">
-     *      <kendo-grid-column field="UnitPrice">
-     *      </kendo-grid-column>
-     *      <kendo-grid-column field="ProductName">
-     *      </kendo-grid-column>
-     *      <ng-template kendoGridEditTemplate>
-     *         .....
-     *      </ng-template>
-     *    </kendo-grid-span-column>
-     * </kendo-grid>
-     * ```
+     * Defines whether the edit template of the column will be rendered.
+     * To enable the editing functionality for a spanned column, set an edit template for it ([see exmaple](slug:custom_reactive_editing_grid)).
+     * @default false
      */
     set editable(value: boolean);
     get editable(): boolean;
@@ -166,57 +104,8 @@ export declare class SpanColumnComponent extends ColumnBase {
      */
     get colspan(): number;
     /**
-     * Toggles the locked (frozen) state of the columns. Locked columns are visible
-     * at all times during the horizontal scrolling of the Grid.
-     *
-     * For the option to work properly, make sure that:
-     * - Scrolling is enabled.
-     * - The `height` option of the Grid is set.
-     * - The widths of all Grid columns are explicitly set in pixels. In this way,
-     * the Grid adjusts the layout of the locked and unlocked columns.
-     *
+     * Toggles the locked (frozen) state of the columns ([see example](slug:locked_columns_grid)).
      * @default false
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" [scrollable]="scrollable" style="height: 200px">
-     *          <kendo-grid-span-column [locked]="true">
-     *             <kendo-grid-column field="ProductID" title="Product ID" [width]="120">
-     *             </kendo-grid-column>
-     *             <kendo-grid-column field="ProductName" title="Product Name" [width]="200">
-     *             </kendo-grid-column>
-     *          </kendo-grid-span-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public gridData: any[];
-     *
-     *    constructor() {
-     *        this.gridData = products;
-     *    }
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     *
-     * ```
      */
     set locked(value: boolean);
     get locked(): boolean;

package/common/cell-click-event-args.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { GridComponent } from "../grid.component";
 /**
- * Arguments for the `cellClick` event([see example]({% slug editing_incell_grid %}#toc-basic-concepts)).
+ * Arguments for the [`cellClick`](slug:api_grid_gridcomponent#toc-cellclick) event ([see example]({% slug editing_incell_grid %}#toc-basic-concepts)).
  */
 export interface CellClickEvent {
     /**

package/common/fetch-data-callback.d.ts

@@ -7,6 +7,6 @@ import { Observable } from "rxjs";
 import { GridComponent } from "../grid.component";
 /**
  * The function that is used to get the exported data options. By default, uses the current data and group of the Grid.
- * To export data that is different from the current Grid data, provide a custom function.
+ * To export data that is different from the current Grid data, provide a custom function. [See example](slug:excelexport_grid#toc-exporting-specific-data)
  */
 export declare type FetchDataCallback = (component: GridComponent) => ExcelExportData | Promise<ExcelExportData> | Observable<ExcelExportData>;

package/common/preventable-event.d.ts

@@ -14,7 +14,7 @@ export declare abstract class PreventableEvent {
      */
     preventDefault(): void;
     /**
-     * Returns `true` if the event was prevented
+     * Returns a respective boolean if the event was prevented
      * by any of its subscribers.
      *
      * @returns `true` if the default action was prevented.

package/common/single-popup.service.d.ts

@@ -21,7 +21,7 @@ export declare class PopupCloseEvent extends PreventableEvent {
 }
 /**
  * The service that is used for the popups of the filter and column menus
- * ([see example]({% slug filter_menu %}#toc-custom-filter-row-components)#toc-filter-menu-with-popup).
+ * ([see example]({% slug filter_menu %}#toc-filter-menu-with-popup)).
  */
 export declare class SinglePopupService implements OnDestroy {
     private popupService;

package/common/size-options.d.ts

@@ -3,7 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible size options of the Grid.
- * @default `medium`
+ * Represents the possible size options of the Grid. [See example](slug:sizing_grid).
  */
 export declare type GridSize = 'small' | 'medium' | 'none';

package/data/change-event-args.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { SortDescriptor, GroupDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
 /**
- * Arguments for the `pageChange` event.
+ * Arguments for the `pageChange` event. [See example](slug:manual_paging_grid#toc-paging-local-data).
  */
 export interface PageChangeEvent {
     /**
@@ -18,7 +18,7 @@ export interface PageChangeEvent {
 }
 /**
  * Arguments for the `dataStateChange` event
- * ([more information and examples]({% slug local_data_grid %}#toc-using-the-data-binding-directive)).
+ * ([more information and examples](slug:data_operations_grid#toc-handling-multiple-data-operations)).
  */
 export interface DataStateChangeEvent {
     /**

package/data/data.collection.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { DataResult } from '@progress/kendo-data-query';
 /**
- * The data type that is expected by the Grid.
+ * The data type that is expected by the Grid. [See example](slug:local_data_grid#toc-binding-to-a-griddataresult-object).
  */
 export interface GridDataResult extends DataResult {
 }

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

@@ -6,8 +6,11 @@ import { DataItem } from './data-item.interface';
 import { GroupItem } from './group-item.interface';
 import { GroupFooterItem } from './group-footer-item.interface';
 /**
- * Represents an item that will be rendered by the Grid.
- * Can be a [DataItem]({% slug api_grid_dataitem %}), a [GroupItem]({% slug api_grid_groupitem %}),
- * or a [GroupFooterItem]({% slug api_grid_groupfooteritem %}). ([See example]({% slug api_grid_gridcomponent %}#toc-trackby))
+ * Represents the item by which the Grid tracks changes. [See example](slug:track_changes_grid).
+ *
+ * The possible values are:
+ * * [`DataItem`]({% slug api_grid_dataitem %}).
+ * * [`GroupItem`]({% slug api_grid_groupitem %}).
+ * * [`GroupFooterItem`]({% slug api_grid_groupfooteritem %}).
  */
 export declare type GridItem = DataItem | GroupItem | GroupFooterItem;

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Additional configuration for the `reorderColumn` method.
+ * Additional configuration for the [`reorderColumn`](slug:api_grid_gridcomponent#toc-reordercolumn) method.
  */
 export interface ColumnReorderConfig {
     /**

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EditEvent } from "./edit-event-args.interface";
 /**
- * Arguments for the `add` event.
+ * 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-event-args.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { SaveEvent } from "./save-event-args.interface";
 /**
- * Arguments for the `cancel` event.
+ * Arguments for the [`cancel`](slug:api_grid_gridcomponent#toc-cancel) event. [See example](slug:inline_editing_grid#toc-canceling-editing).
  */
 export interface CancelEvent extends SaveEvent {
 }

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import type { GridComponent } from "../grid.component";
 /**
- * Arguments for the `remove` event.
+ * Arguments for the [`edit`](slug:api_grid_gridcomponent#toc-edit) event.
  */
 export interface EditEvent {
     /**

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

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

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

@@ -5,7 +5,7 @@
 import { EditEvent } from "./edit-event-args.interface";
 import { FormGroup } from "@angular/forms";
 /**
- * Arguments for the `save` event.
+ * Arguments for the `save` event. [See example](slug:inline_editing_grid#toc-saving-records).
  */
 export interface SaveEvent extends EditEvent {
     /**

package/editing-directives/edit-service.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * The interface of the `editService` that can be set to the
- * [editing directives]({% slug editing_directives_grid %}#toc-custom-service) of the Grid.
+ * [editing directives](slug:editing_directives_grid#toc-custom-editing-service) of the Grid.
  */
 export interface EditService {
     /**