@progress/kendo-angular-grid 20.0.4-develop.2 → 20.1.0-develop.10

package/adaptiveness/adaptive-renderer.component.d.ts

@@ -9,7 +9,6 @@ import { FilterMenuContainerComponent } from '../filtering/menu/filter-menu-cont
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { FilterService } from '../filtering/filter.service';
 import { ColumnMenuService } from '../column-menu/column-menu.service';
-import { ColumnListComponent } from '../column-menu/column-list.component';
 import { ContextService } from '../common/provider.service';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { SortService } from '../common/sort.service';
@@ -18,6 +17,7 @@ import { ColumnInfoService } from '../common/column-info.service';
 import { ColumnBase } from '../columns/column-base';
 import { SortDescriptor } from '@progress/kendo-data-query';
 import { GroupToolbarToolComponent } from '../rendering/toolbar/tools/group-toolbar-tool.component';
+import { ColumnChooserContentComponent } from '../column-menu/column-chooser-content.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -39,7 +39,6 @@ export declare class AdaptiveRendererComponent {
     cancelIcon: SVGIcon;
     saveIcon: SVGIcon;
     columns: Array<ColumnBase>;
-    actionsClass: string;
     externalEditingSettings: any;
     get hasSort(): boolean;
     get hasColumnChooser(): boolean;
@@ -58,7 +57,7 @@ export declare class AdaptiveRendererComponent {
     get filterLabel(): string;
     get hasXCloseIcon(): boolean;
     get hasCheckCloseIcon(): boolean;
-    columnList: ColumnListComponent;
+    columnChooserContent: ColumnChooserContentComponent;
     filterToolbarToolTemplate: ViewContainerRef;
     filterMenuContainer: FilterMenuContainerComponent;
     actionSheet: ActionSheetComponent;

package/column-menu/column-chooser-content.component.d.ts

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnInit, ChangeDetectorRef, EventEmitter, ElementRef } from '@angular/core';
+import { ColumnInfoService } from '../common/column-info.service';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ColumnListComponent } from './column-list.component';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { ColumnMenuService } from './column-menu.service';
+import { ContextService } from '../common/provider.service';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class ColumnChooserContentComponent implements OnInit {
+    cdr: ChangeDetectorRef;
+    columnInfoService: ColumnInfoService;
+    ctx: ContextService;
+    resetButton: ElementRef;
+    private applyButton;
+    columnList: ColumnListComponent;
+    filterInput: TextBoxComponent;
+    filterable: boolean;
+    showSelectAll: boolean;
+    showCheckedCount: boolean;
+    allowHideAll: boolean;
+    autoSync: boolean;
+    actionsClass: string;
+    closeOnReset: boolean;
+    set columns(value: any[]);
+    get columns(): any[];
+    isLast: boolean;
+    isExpanded: boolean;
+    service: ColumnMenuService;
+    close: EventEmitter<undefined>;
+    get selectedItemsText(): string;
+    get actionSheetOpened(): boolean;
+    searchIcon: SVGIcon;
+    checkIcon: SVGIcon;
+    arrowRotateCcwIcon: SVGIcon;
+    applyText: string;
+    resetText: string;
+    filteredColumns: any[];
+    isFiltered: boolean;
+    private _columns;
+    constructor(cdr: ChangeDetectorRef, columnInfoService: ColumnInfoService, ctx: ContextService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    onFilter(value: string): void;
+    messageFor: (token: string) => string;
+    onChange(changed: any[]): void;
+    applyChanges(): void;
+    cancelChanges(): void;
+    onTab(e: KeyboardEvent): void;
+    onApplyButtonKeydown(e: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnChooserContentComponent, [null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnChooserContentComponent, "kendo-grid-column-chooser-content", never, { "filterable": { "alias": "filterable"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "showCheckedCount": { "alias": "showCheckedCount"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; "autoSync": { "alias": "autoSync"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; "closeOnReset": { "alias": "closeOnReset"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
+}

package/column-menu/column-chooser.component.d.ts

@@ -37,6 +37,18 @@ export declare class ColumnChooserComponent implements OnDestroy {
      * @default false
      */
     autoSync: boolean;
+    /**
+     * Specifies if the column chooser displays a search box.
+     *
+     * @default true
+     */
+    filterable: boolean;
+    /**
+     * Specifies if the column chooser displays a select all checkbox.
+     *
+     * @default true
+     */
+    showSelectAll: boolean;
     /**
      * Specifies if all columns can be hidden.
      *
@@ -64,13 +76,12 @@ export declare class ColumnChooserComponent implements OnDestroy {
     /**
      * @hidden
      */
-    onApply(changed: any[]): void;
+    onChange(changed: any[]): void;
     /**
      * @hidden
      */
-    onChange(changed: any[]): void;
-    private close;
+    close(focusAnchor?: boolean): void;
     private detachClose;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnChooserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnChooserComponent, "kendo-grid-column-chooser", never, { "autoSync": { "alias": "autoSync"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnChooserComponent, "kendo-grid-column-chooser", never, { "autoSync": { "alias": "autoSync"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; }, {}, never, never, true, never>;
 }

package/column-menu/column-list-kb-nav.service.d.ts

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2 } from '@angular/core';
-import { ColumnMenuChooserItemCheckedDirective } from './column-chooser-item-checked.directive';
+import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class ColumnListKeyboardNavigation {
     private renderer;
-    items: ColumnMenuChooserItemCheckedDirective[];
+    items: CheckBoxComponent[];
     activeIndex: number;
     constructor(renderer: Renderer2);
     next(): void;

package/column-menu/column-list.component.d.ts

@@ -2,11 +2,13 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, NgZone, Renderer2, EventEmitter, OnInit, OnDestroy, SimpleChanges } from '@angular/core';
+import { ElementRef, NgZone, Renderer2, EventEmitter, OnInit, OnDestroy, SimpleChanges, QueryList, ChangeDetectorRef } from '@angular/core';
 import { ColumnMenuService } from './column-menu.service';
 import { ColumnListKeyboardNavigation } from './column-list-kb-nav.service';
+import { CheckBoxComponent, TextBoxComponent } from '@progress/kendo-angular-inputs';
 import { ContextService } from '../common/provider.service';
 import { AdaptiveGridService } from '../common/adaptiveness.service';
+import { ColumnInfoService } from '../common/column-info.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -15,11 +17,11 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     private element;
     private ngZone;
     private renderer;
-    private listNavigationService;
+    listNavigationService: ColumnListKeyboardNavigation;
+    private cdr;
+    columnInfoService: ColumnInfoService;
     private adaptiveGridService;
     private ctx;
-    checkIcon: import("@progress/kendo-svg-icons").SVGIcon;
-    arrowRotateCcwIcon: import("@progress/kendo-svg-icons").SVGIcon;
     className: boolean;
     get listSizeMd(): boolean;
     get listSizeLg(): boolean;
@@ -28,42 +30,47 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     columnChange: EventEmitter<any>;
     set columns(value: any[]);
     get columns(): any[];
-    showActions: boolean;
+    get checkedCheckboxesLength(): number;
+    filteredColumns: any[];
     autoSync: boolean;
+    showSelectAll: boolean;
+    isFiltered: boolean;
     ariaLabel: string;
     allowHideAll: boolean;
     applyText: string;
     resetText: string;
-    actionsClass: string;
     isLast: boolean;
     isExpanded: boolean;
     service: ColumnMenuService;
+    filterable: boolean;
+    checkboxes: QueryList<CheckBoxComponent>;
+    get columnCheckboxes(): CheckBoxComponent[];
+    get lockedColumnCheckboxes(): CheckBoxComponent[];
+    get unlockedColumnCheckboxes(): CheckBoxComponent[];
+    get checkedCheckboxes(): number;
     resetButton: ElementRef;
-    private applyButton;
-    private options;
-    private checkboxes;
-    private hasLocked;
-    private hasVisibleLocked;
-    private unlockedCount;
-    private hasUnlockedFiltered;
-    private hasFiltered;
+    applyButton: ElementRef;
+    filterInput: TextBoxComponent;
     private _columns;
-    private allColumns;
     private domSubscriptions;
-    constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, listNavigationService: ColumnListKeyboardNavigation, adaptiveGridService: AdaptiveGridService, ctx: ContextService);
+    private lastDisabledCheckbox;
+    constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, listNavigationService: ColumnListKeyboardNavigation, cdr: ChangeDetectorRef, columnInfoService: ColumnInfoService, adaptiveGridService: AdaptiveGridService, ctx: ContextService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    onSelectAllCheckboxChange(checkedState: any): void;
     ngOnDestroy(): void;
-    isDisabled(column: any): boolean;
     cancelChanges(): void;
     applyChanges(): void;
+    focusActiveColumn(e: Event): void;
     onTab(e: Event): void;
     onKeydown: (e: KeyboardEvent) => void;
     private updateDisabled;
-    private updateColumnState;
+    private disableFirstUnlockedCheckedCheckbox;
+    private enableLastDisabledColumn;
     private setDisabledState;
-    private handleCheckBoxClick;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnListComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnListComponent, "kendo-grid-columnlist", never, { "columns": { "alias": "columns"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "autoSync": { "alias": "autoSync"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; "resetText": { "alias": "resetText"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "reset": "reset"; "apply": "apply"; "columnChange": "columnChange"; }, never, never, true, never>;
+    onCheckboxChange(checkedState: any, column: any, _index: number): void;
+    private setTabindex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnListComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnListComponent, "kendo-grid-columnlist", never, { "columns": { "alias": "columns"; "required": false; }; "filteredColumns": { "alias": "filteredColumns"; "required": false; }; "autoSync": { "alias": "autoSync"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "isFiltered": { "alias": "isFiltered"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; "resetText": { "alias": "resetText"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; }, { "reset": "reset"; "apply": "apply"; "columnChange": "columnChange"; }, never, never, true, never>;
 }

package/column-menu/column-menu-chooser.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { EventEmitter, ElementRef } from '@angular/core';
 import { ColumnInfoService } from '../common/column-info.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import { SVGIcon } from '@progress/kendo-svg-icons';
@@ -35,7 +35,6 @@ import * as i0 from "@angular/core";
 export declare class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     ctx: ContextService;
     private columnInfoService;
-    private changeDetector;
     private hostElement;
     /**
      * Fires when the content expands.
@@ -60,11 +59,7 @@ export declare class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     actionsClass: string;
     get columns(): any;
     columnsIcon: SVGIcon;
-    constructor(ctx: ContextService, columnInfoService: ColumnInfoService, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
-    /**
-     * @hidden
-     */
-    onApply(changed: any[]): void;
+    constructor(ctx: ContextService, columnInfoService: ColumnInfoService, hostElement: ElementRef);
     /**
      * @hidden
      */

package/column-menu/column-menu.component.d.ts

@@ -142,10 +142,6 @@ export declare class ColumnMenuComponent implements AfterViewInit, OnChanges, On
      * @hidden
      */
     get hasColumnChooser(): boolean;
-    /**
-     * @hidden
-     */
-    onApply(changed: any[]): void;
     /**
      * @hidden
      */

package/columns/column-base.d.ts

@@ -40,6 +40,14 @@ export declare class ColumnBase implements AfterViewInit {
      * @hidden
      */
     initialMinResizableWidth: number;
+    /**
+     * @hidden
+     */
+    initiallyChecked: boolean;
+    /**
+     * @hidden
+     */
+    currentlyChecked: boolean;
     /**
      * @hidden
      */

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

@@ -10,7 +10,7 @@ import { CellRowspanFn } from './cell-rowspan';
 import * as i0 from "@angular/core";
 /**
  * Represents the command columns of the Grid. Define the content of the column inside an `<ng-template>` tag.
- * For more information and examples, see the [Command Column Directives](slug:editing_directives_grid#toc-command-column-directives) article.
+ * For more information and examples, see the [Editing Action Buttons](slug:basics_editing_grid#editing-action-buttons) article.
  *
  * @example
  * ```html

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

@@ -74,7 +74,7 @@ export declare class SpanColumnComponent extends ColumnBase {
     includeInChooser: boolean;
     /**
      * Sets whether the edit template of the column is rendered.
-     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_reactive_editing_grid)).
+     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
      * @default false
      */
     set editable(value: boolean);

package/directives.d.ts

@@ -66,7 +66,6 @@ import { FilterCellComponent } from "./filtering/cell/filter-cell.component";
 import { NumericFilterCellComponent } from "./filtering/cell/numeric-filter-cell.component";
 import { StringFilterCellComponent } from "./filtering/cell/string-filter-cell.component";
 import { FilterRowComponent } from "./filtering/filter-row.component";
-import { ColumnMenuChooserItemCheckedDirective } from "./column-menu/column-chooser-item-checked.directive";
 import { ColumnChooserComponent } from "./column-menu/column-chooser.component";
 import { ColumnChooserToolbarDirective } from "./rendering/toolbar/tools/column-chooser-tool.directive";
 import { ColumnListComponent } from "./column-menu/column-list.component";
@@ -211,7 +210,7 @@ export declare const KENDO_GRID_FILTER_ROW: readonly [typeof FilterRowComponent,
  *
  * Utility array that contains the former ColumnMenu module declarations
  */
-export declare const KENDO_GRID_COLUMN_MENU_DECLARATIONS: readonly [typeof ColumnMenuChooserItemCheckedDirective, typeof ColumnListComponent, typeof ColumnChooserComponent, typeof ColumnChooserToolbarDirective, typeof ColumnMenuChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent];
+export declare const KENDO_GRID_COLUMN_MENU_DECLARATIONS: readonly [typeof ColumnListComponent, typeof ColumnChooserComponent, typeof ColumnChooserToolbarDirective, typeof ColumnMenuChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent];
 /**
  * @hidden
  *

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

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 /**
  * 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)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  *
  * When a button with this directive is clicked, the
  * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Provides 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:inline_editing_grid#managing-focus).
  *
  * @example
  * ```typescript

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

@@ -5,7 +5,7 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * 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)).
+ * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
  * Place an `<ng-template>` tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag to define the template.
  *
  * The template context includes:

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

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the `remove` 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)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
  * The button with `kendoGridRemoveCommand` is automatically hidden when the row is in edit mode.

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

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the `save` 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)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
  * The button with `kendoGridSaveCommand` is automatically hidden when the row is not in edit mode.

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

@@ -5,8 +5,8 @@
 /**
  * The interface which must be extended when creating custom edit service.
  * This interface defines the methods that a custom editing service should implement to handle create, update, and remove operations on grid items.
- * Set the custom edit service to the `editService` input of the respective editing directive.
- * [See exampe](slug:editing_directives_grid#toc-custom-editing-service).
+ * Set the custom edit service to the `editService` input of the respective editing directive
+ * [See example](slug:custom_editing_service_grid).
  */
 export interface EditService {
     /**

package/editing-directives/external-editing.directive.d.ts

@@ -13,7 +13,7 @@ import { AdaptiveGridService } from '../common/adaptiveness.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI Grid external editing directive. The directive manages editing operations in the Grid when using the
- * External Form ([see example](slug:editing_directives_grid#external-editing)).
+ * External Form ([see example](slug:external_editing_grid#quick-setup)).
  *
  * @example
  * ```typescript

package/editing-directives/in-cell-editing.directive.d.ts

@@ -9,7 +9,7 @@ import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { CreateFormGroup } from '../common/create-form-group';
 import * as i0 from "@angular/core";
 /**
- * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
+ * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example](slug:editing_incell_grid#quick-setup)).
  *
  * @example
  * ```html

package/editing-directives/reactive-editing.directive.d.ts

@@ -8,7 +8,7 @@ import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { CreateFormGroup } from '../common/create-form-group';
 import * as i0 from "@angular/core";
 /**
- * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:editing_directives_grid#toc-reactive-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:inline_editing_grid#using-reactive-forms)).
  *
  * @example
  * ```html

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

@@ -7,7 +7,7 @@ import { GridComponent } from '../grid.component';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import * as i0 from "@angular/core";
 /**
- * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example](slug:inline_editing_grid#using-template-driven-forms)).
  *
  * @example
  * ```html