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

package/filtering/operators/lt-filter-operator.component.d.ts

@@ -5,6 +5,11 @@
 import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
+/**
+ * Represents the `Less` (**Is less than**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ *
+ * [See example](slug:filter_row#toc-default-filter-operator).
+ */
 export declare class LessFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<LessFilterOperatorComponent, never>;

package/filtering/operators/lte-filter-operator.component.d.ts

@@ -5,6 +5,11 @@
 import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
+/**
+ * Represents the `LessOrEqualTo` (**Is less than or equal to**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ *
+ * [See example](slug:filter_row#toc-default-filter-operator).
+ */
 export declare class LessOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<LessOrEqualToFilterOperatorComponent, never>;

package/filtering/operators/neq-filter-operator.component.d.ts

@@ -6,11 +6,9 @@ import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * Represents the `NotEqual` (**Is not equal to**) filter operator.
+ * Represents the `NotEqual` (**Is not equal to**) filter operator. [See exmaple](slug:filtering_grid#toc-using-the-built-in-directive).
  *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
+ * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 export declare class NotEqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization: LocalizationService);

package/filtering/operators/not-contains-filter-operator.component.d.ts

@@ -6,11 +6,9 @@ import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * Represents the `DoesNotContain` (**Does not contain**) filter operator.
+ * Represents the `DoesNotContain` (**Does not contain**) filter operator. [See exmaple](slug:filtering_grid#toc-using-the-built-in-directive).
  *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
+ * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 export declare class DoesNotContainFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization: LocalizationService);

package/filtering/operators/starts-with-filter-operator.component.d.ts

@@ -6,11 +6,9 @@ import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * Represents the `StartsWith` (**Starts with**) filter operator.
+ * Represents the `StartsWith` (**Starts with**) filter operator. [See exmaple](slug:filtering_grid#toc-using-the-built-in-directive).
  *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
+ * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 export declare class StartsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization: LocalizationService);

package/filtering/string-filter.component.d.ts

@@ -25,8 +25,9 @@ export declare abstract class StringFilterComponent extends BaseFilterCellCompon
      */
     filter: CompositeFilterDescriptor;
     /**
-     * The default filter operator. Defaults to `contains`.
+     * The default filter operator.
      * @type {string}
+     * @default 'contains'
      */
     operator: string;
     /**

package/grid.component.d.ts

@@ -81,33 +81,11 @@ import { DragTargetContainerDirective, DragTargetDataFn, DropTargetContainerDire
 import { RowReorderService } from './row-reordering/row-reorder.service';
 import * as i0 from "@angular/core";
 /**
- * Represents the Kendo UI Grid component for Angular.
+ * Represents the Kendo UI for Angular Data Grid component.
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid [data]="gridData">
- *        </kendo-grid>
- *    `
- * })
- * class AppComponent {
- *    public gridData: any[] = 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>
  * ```
  */
 export declare class GridComponent implements AfterContentInit, AfterViewInit, OnDestroy, OnChanges, OnInit {
@@ -158,13 +136,15 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     height: number;
     /**
-     * Defines the row height that is used when the `scrollable` option of the Grid is set to `virtual`.
+     * Represent the actual height of each Grid row (`tr`) element in the DOM.
      * Required by the [virtual scrolling functionality]({% slug scrollmmodes_grid %}).
+     * Set the `rowHeight` option to the exact pixels as the height of the `tr` element appears in the DOM.
      */
     rowHeight: number;
     /**
-     * Defines the detail row height that is used when the `scrollable` option of the Grid is set to `virtual`.
+     * Represent the actual height of each Grid detail row (`tr`) element in the DOM.
      * Required by the [virtual scrolling functionality]({% slug scrollmmodes_grid %}).
+     * Set the `detailRowHeight` option to the exact pixels as the height of the detail Grid `tr` element appears in the DOM.
      */
     detailRowHeight: number;
     /**
@@ -176,14 +156,13 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     /**
      * Defines the scroll mode used by the Grid.
      *
-     * The available options are:
-     *  - `none`&mdash;Renders no scrollbar.
-     *  - `scrollable`&mdash;The default scroll mode. It requires the setting of the `height` option.
-     *  - `virtual`&mdash;Displays no pager and renders a portion of the data (optimized rendering) while the user is scrolling the content.
+     * @default 'scrollable'
      */
     scrollable: ScrollMode;
     /**
-     * Enables the single-row [selection]({% slug selection_grid %}) of the Grid.
+     * Enables the [single-row selection](slug:grid_row_selection) of the Grid.
+     *
+     * @default false
      */
     selectable: SelectableSettings | boolean;
     /**
@@ -199,48 +178,9 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     get size(): GridSize;
     /**
      * A function that defines how to track changes for the data rows.
-     *
      * By default, the Grid tracks changes by the index of the data item.
      * Edited rows are tracked by reference.
-     * In some cases, you might need to override the default behavior,
-     * for example, when you implement editing with immutable data items.
-     *
-     * The following example demonstrates how to track items only by index.
-     *
-     * @example
-     * ```ts
-     * import { Component } from '@angular/core';
-     * import { GridItem } from '@progress/kendo-angular-grid';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" [trackBy]="trackBy">
-     *        </kendo-grid>
-     *    `
-     * })
-     * class AppComponent {
-     *    public gridData: any[] = products;
-     *
-     *    public trackBy(index: number, item: GridItem): any {
-     *        console.log(item);
-     *        return index;
-     *    }
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
+     * [See exmpale](slug:track_changes_grid)
      */
     trackBy: TrackByFunction<GridItem>;
     /**
@@ -256,6 +196,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     get group(): Array<GroupDescriptor> | null | undefined;
     /**
      * If set to `true`, the grid will render only the columns in the current viewport.
+     * @default false
      */
     virtualColumns: boolean;
     /**
@@ -300,27 +241,22 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     gridData: DragTargetDataFn;
     /**
      * Enables the [filtering]({% slug filtering_grid %}) of the Grid columns that have their `field` option set.
+     * @default false
      */
     filterable: FilterableSettings;
     /**
      * Enables the [sorting]({% slug sorting_grid %}) of the Grid columns that have their `field` option set.
+     * @default false
      */
     sortable: SortSettings;
     /**
-     * Configures the pager of the Grid ([see example]({% slug paging_grid %})).
-     *
-     * The available options are:
-     * - `buttonCount: Number`&mdash;Sets the maximum numeric buttons count before the buttons are collapsed. Defaults to `10`.
-     * - `info: Boolean`&mdash;Toggles the information about the current page and the total number of records. Defaults to `true`.
-     * - `type: PagerType`&mdash;Accepts the `numeric` (buttons with numbers) and `input` (input for typing the page number) values. Defaults to `'numeric'`.
-     * - `pageSizes: Boolean` or `Array<number>`&mdash;Shows a menu for selecting the page size. Defaults to `false`.
-     * - `previousNext: Boolean`&mdash;Toggles the **Previous** and **Next** buttons. Defaults to `true`.
-     * - `responsive: Boolean`&mdash;Toggles the built-in responsive behavior of the Pager. Defaults to `true`.
+     * Configures the pager of the Grid ([see example](slug:paging_grid_settings)).
+     * @default false
      */
     pageable: PagerSettings | boolean;
     /**
-     * If set to `true`, the user can group the Grid by dragging the column header cells.
-     * By default, grouping is disabled ([see example]({% slug grouping_grid %})).
+     * If set to `true`, the user can group the Grid by dragging the column header cells ([see example]({% slug grouping_grid %})).
+     * @default false
      */
     groupable: GroupableSettings | boolean;
     /**
@@ -348,57 +284,16 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     get navigatable(): GridNavigableSettings;
     /**
      * Indicates whether the Grid columns will be resized during initialization so that
-     * they fit their headers and row content. Defaults to `false`.
+     * they fit their headers and row content.
      * Columns with `autoSize` set to `false` are excluded.
      * To dynamically update the column width to match the new content,
      * refer to [this example]({% slug resizing_columns_grid %}).
+     * @default false
      */
     autoSize: boolean;
     /**
-     * Defines a function that is executed for every data row in the component.
-     *
-     * @example
-     * ```ts
-     * import { Component, ViewEncapsulation } from '@angular/core';
-     * import { RowClassArgs } from '@progress/kendo-angular-grid';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    encapsulation: ViewEncapsulation.None,
-     *    styles: [`
-     *        .k-grid tr.even { background-color: #f45c42; }
-     *        .k-grid tr.odd { background-color: #41f4df; }
-     *    `],
-     *    template: `
-     *        <kendo-grid [data]="gridData" [rowClass]="rowCallback">
-     *        </kendo-grid>
-     *    `
-     * })
-     * class AppComponent {
-     *    public gridData: any[] = products;
-     *
-     *    public rowCallback(context: RowClassArgs) {
-     *        const isEven = context.index % 2 === 0;
-     *        return {
-     *            even: isEven,
-     *            odd: !isEven
-     *        };
-     *    }
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
+     * Defines a function that is executed for every data row in the component
+     * ([see example](slug:styling_grid_rows)).
      */
     set rowClass(fn: RowClassFn);
     get rowClass(): RowClassFn;
@@ -462,8 +357,8 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     columnMenu: boolean | ColumnMenuSettings;
     /**
      * Specifies if the header of the grid will be hidden. The header is visible by default.
-     *
-     * > The header includes column headers and the [filter row]({% slug filtering_grid %}#toc-filter-row).
+     * The header includes column headers and the [filter row](slug:filter_row).
+     * @default false
      */
     hideHeader: boolean;
     /**
@@ -744,9 +639,9 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * This method is provided only for backwards-compatibility with legacy versions.
      * These versions tracked the expanded group state internally using the hierarchical group index.
      *
-     * > * When you use the [kendoGridGroupBinding]({% slug api_grid_groupbindingdirective %}) directive,
-     * > the `expandGroup` method is not supported.
-     * > * When a Grid is pageable, the indexes of the groups are offset by the current Grid [skip]({% slug api_grid_gridcomponent %}#toc-skip).
+     * The `expandGroup` method is not supported when you use the [kendoGridGroupBinding]({% slug api_grid_groupbindingdirective %}) directive.
+     *
+     * When a Grid is pageable, the indexes of the groups are offset by the current Grid [skip]({% slug api_grid_gridcomponent %}#toc-skip).
      *
      * @param {string} index - The underscore separated hierarchical index of the group.
      */
@@ -758,9 +653,9 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * This method is provided only for backwards-compatibility with legacy versions.
      * These versions tracked the expanded group state internally using the hierarchical group index.
      *
-     * > * When you use the [kendoGridGroupBinding]({% slug api_grid_groupbindingdirective %}) directive,
-     * > the `collapseGroup` method is not supported.
-     * > * When a Grid is pageable, the indexes of the groups are offset by the current Grid [skip]({% slug api_grid_gridcomponent %}#toc-skip).
+     * The `collapseGroup` method is not supported when you use the [kendoGridGroupBinding]({% slug api_grid_groupbindingdirective %}) directive.
+     *
+     * When a Grid is pageable, the indexes of the groups are offset by the current Grid [skip]({% slug api_grid_gridcomponent %}#toc-skip).
      *
      * @param {string} index - The underscore separated hierarchical index of the group.
      */
@@ -821,7 +716,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     addRow(group: any): void;
     /**
-     * Puts the cell that is specified by the table row and column in edit mode.
+     * Puts the cell that is specified by the table row and column in edit mode ([see example](slug:editing_incell_grid)).
      *
      * @param {number} rowIndex - The data row index that will be switched in the edit mode.
      * @param {number|string|any} column - The leaf column index, or the field name or the column instance that should be edited.
@@ -862,7 +757,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * Exports the Grid element to a Drawing [Group]({% slug api_kendo-drawing_group %}) by using the `kendo-grid-pdf` component options.
      * ([see example]({% slug pdfexport_grid %}#toc-exporting-multiple-grids-to-the-same-pdf)).
      *
-     * @return {Promise} - A promise that will be resolved with the Drawing `Group`.
+     * @return {Promise} A promise that will be resolved with the Drawing `Group`.
      */
     drawPDF(): Promise<any>;
     /**
@@ -872,136 +767,17 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     /**
      * Applies the minimum possible width for the specified column,
      * so that the whole text fits without wrapping. This method expects the Grid
-     * to be resizable (set `resizable` to `true`).
-     * Makes sense to execute this method only
+     * to be [resizable](slug:resizing_columns_grid). The method must be executed
      * after the Grid is already populated with data.
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid
-     *            #grid
-     *            [data]="gridData"
-     *            [resizable]="true"
-     *            style="height: 300px">
-     *            <ng-template kendoGridToolbarTemplate>
-     *                 <button kendoButton (click)="grid.autoFitColumn(groupColumn)">
-     *                     Auto-fit the group column
-     *                 </button>
-     *            </ng-template>
-     *            <kendo-grid-column-group #groupColumn title="Product Info">
-     *                <kendo-grid-column
-     *                    field="ProductID"
-     *                    [width]="50"
-     *                    [minResizableWidth]="30"
-     *                    title="ID">
-     *                </kendo-grid-column>
-     *
-     *                <kendo-grid-column
-     *                    field="ProductName"
-     *                    title="Product Name">
-     *                </kendo-grid-column>
-     *            </kendo-grid-column-group>
-     *
-     *            <kendo-grid-column
-     *                field="UnitPrice"
-     *                title="Unit Price"
-     *                [width]="180"
-     *                filter="numeric"
-     *                format="{0:c}">
-     *            </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     * class AppComponent {
-     *    public gridData: any[] = products;
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
+     * [See example](slug:resizing_columns_grid#toc-auto-fitting-the-content)
      */
     autoFitColumn(column: ColumnBase): void;
     /**
      * Adjusts the width of the specified columns to fit the entire content, including headers, without wrapping.
-     * If no columns are specified, `autoFitColumns` is applied to all columns.
-     *
-     * This method requires the Grid to be resizable (set `resizable` to `true`).
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *      <kendo-grid
-     *          #grid
-     *          [data]="gridData"
-     *          [resizable]="true"
-     *          style="height: 300px">
-     *          <ng-template kendoGridToolbarTemplate>
-     *              <button kendoButton (click)="grid.autoFitColumns([firstColumn, lastColumn])">
-     *                  Auto-fit the first and last column
-     *              </button>
-     *              <button kendoButton (click)="grid.autoFitColumns()">
-     *                  Auto-fit all columns
-     *              </button>
-     *          </ng-template>
-     *          <kendo-grid-column-group title="Product Info">
-     *              <kendo-grid-column
-     *                  #firstColumn
-     *                  field="ProductID"
-     *                  [width]="50"
-     *                  [minResizableWidth]="30"
-     *                  title="ID">
-     *              </kendo-grid-column>
-     *
-     *              <kendo-grid-column
-     *                  field="ProductName"
-     *                  title="Product Name"
-     *                  >
-     *              </kendo-grid-column>
-     *          </kendo-grid-column-group>
-     *
-     *          <kendo-grid-column
-     *              #lastColumn
-     *              field="UnitPrice"
-     *              title="Unit Price"
-     *              [width]="180"
-     *              filter="numeric"
-     *              format="{0:c}">
-     *          </kendo-grid-column>
-     *      </kendo-grid>
-     *    `
-     * })
-     * class AppComponent {
-     *    public gridData: any[] = products;
-     * }
+     * If no columns are specified, `autoFitColumns` is applied to all columns.The method must be executed
+     * after the Grid is already populated with data.
+     * [See example](slug:resizing_columns_grid#toc-auto-fitting-the-content)
      *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
      */
     autoFitColumns(columns?: Array<ColumnBase> | QueryList<ColumnBase>): void;
     /**
@@ -1025,10 +801,10 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     /**
      * Focuses the cell with the specified row and column index.
      *
-     * The row index is based on the logical structure of the Grid and does not correspond to the data item index:
-     * * Header rows are included, starting at index 0.
-     * * Group headers and footers are included.
-     * * The row indexing is absolute and does not change with paging.
+     * The row index is based on the logical structure of the Grid and does not correspond to the data item index.
+     * Header rows are included, starting at index 0.
+     * Group headers and footers are included.
+     * The row indexing is absolute and does not change with paging.
      *
      * If the Grid is configured for scrolling, including virtual scrolling, the scroll position will be updated.
      * If the row is not present on the current page, the method will have no effect.
@@ -1068,67 +844,6 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * @param {number} destIndex - The new position of the column.
      * @param {ColumnReorderConfig} options - Additional options.
      *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid
-     *            #grid
-     *            [data]="gridData"
-     *            [reorderable]="true"
-     *            style="height: 300px">
-     *            <ng-template kendoGridToolbarTemplate>
-     *                 <button kendoButton
-     *                     (click)="grid.reorderColumn(groupColumn, 2, { before: true })">
-     *                     Move the group column before the last one.
-     *                 </button>
-     *            </ng-template>
-     *            <kendo-grid-column-group #groupColumn title="Product Info">
-     *                <kendo-grid-column
-     *                    field="ProductID"
-     *                    [width]="50"
-     *                    title="ID">
-     *                </kendo-grid-column>
-     *
-     *                <kendo-grid-column
-     *                    field="ProductName"
-     *                    title="Product Name">
-     *                </kendo-grid-column>
-     *            </kendo-grid-column-group>
-     *
-     *            <kendo-grid-column
-     *                field="UnitPrice"
-     *                title="Unit Price"
-     *                [width]="180"
-     *                format="{0:c}">
-     *            </kendo-grid-column>
-     *
-     *            <kendo-grid-column
-     *                field="Discontinued"
-     *                title="Discontinued"
-     *                [width]="100">
-     *            </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     * class AppComponent {
-     *    public gridData: any[] = products;
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
      */
     reorderColumn(source: ColumnBase, destIndex: number, options?: ColumnReorderConfig): void;
     /**

package/grouping/group-key.interface.d.ts

@@ -19,20 +19,8 @@ export interface GroupKey {
     value: any;
     /**
      * An array of `{ field: string, value: any }` items indicating all parent groups of the current one,
-     * staring from the direct parent group all the way to the root level one.
+     * staring from the direct parent group all the way to the root level one. [See example](slug:groups_expanded_state_grid#toc-default-configuration).
      *
-     * The following example demonstrates how to provide [expandedGroupKeys]({% slug api_grid_expandgroupdirective %}#toc-expandedgroupkeys).
-     * The `productCategory` group provides as `parentGroupKeys` first the group descriptor for its direct parent group,
-     * and then the group descriptors for the ancestor groups.
-     *
-     * @example
-     * ```ts-no-run
-     * public expandedGroupKeys: Array<GroupKey> = [
-     *    { field: 'location', value: 'Sofia' },
-     *    { field: 'inStock', value: true, parentGroupKeys: [{ field: 'location', value: 'Sofia' }] },
-     *    { field: 'productCategory', value: 'Bevarages', parentGroupKeys: [{ field: 'inStock', value: true }, { field: 'location', value: 'Sofia' }] }
-     * ];
-     * ```
      */
     parentGroupKeys?: Array<{
         field: string;

package/grouping/group-rows-args.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { GroupResult } from "@progress/kendo-data-query";
 /**
- * Represents a group row on a specific position in the Grid.
+ * Represents a group row on a specific position in the Grid. [See example](slug:groups_expanded_state_grid#toc-custom-group-key-format).
  */
 export interface GroupRowArgs {
     /**

package/localization/custom-messages.component.d.ts

@@ -7,7 +7,7 @@ import { GridMessages } from './messages';
 import * as i0 from "@angular/core";
 /**
  * Custom component messages override default component messages
- * ([see example]({% slug globalization_grid %}#toc-localization)).
+ * ([see example](slug:globalization_grid#toc-custom-messages)).
  */
 export declare class CustomMessagesComponent extends GridMessages {
     protected service: LocalizationService;