@progress/kendo-angular-grid 22.1.0-develop.8 → 23.0.0-develop.1

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

@@ -15,10 +15,10 @@ import * as i0 from "@angular/core";
 export declare function isSpanColumnComponent(column: any): column is SpanColumnComponent;
 /**
  * Represents a column that spans multiple data cells while keeping the individual
- * header and footer cells ([see example]({% slug spanned_columns_grid %})).
+ * header and footer cells ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/spanned)).
  * Use this column to create flexible layouts and keep built-in UI for
- * [sorting]({% slug sorting_grid %}), [filtering]({% slug filtering_grid %}), and
- * [grouping]({% slug grouping_grid %}). Wrap the columns you want to merge inside the `<kendo-grid-span-column>` tag.
+ * [sorting](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/basics), [filtering](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics), and
+ * [grouping](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/basics). Wrap the columns you want to merge inside the `<kendo-grid-span-column>` tag.
  *
  * @example
  * ```html
@@ -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_editors_grid#setting-up-custom-editors)).
+     * To enable editing for a spanned column, set an edit template for it ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/custom-editors#setting-up-custom-editors)).
      * @default false
      */
     set editable(value: boolean);
@@ -104,7 +104,7 @@ export declare class SpanColumnComponent extends ColumnBase {
      */
     get colspan(): number;
     /**
-     * Toggles the locked (frozen) state of the columns ([see example](slug:locked_columns_grid)).
+     * Toggles the locked (frozen) state of the columns ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked)).
      * @default false
      */
     set locked(value: boolean);

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { GridComponent } from "../grid.component";
 /**
- * Provides arguments for the [`cellClick`](slug:api_grid_gridcomponent#toc-cellclick) event.
+ * Provides arguments for the [`cellClick`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#cellclick) event.
  * Use this event to get details about the clicked cell in the Grid.
  *
  */

package/common/clipboard-types.d.ts

@@ -7,7 +7,7 @@
  */
 export type GridClipboardTargetType = 'selection' | 'activeCell';
 /**
- * Defines the possible values for the `type` property of [`GridClipboardEvent`]({% slug api_grid_gridclipboardevent %}).
+ * Defines the possible values for the `type` property of [`GridClipboardEvent`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridclipboardevent).
  */
 export type GridClipboardEventType = 'copy' | 'cut' | 'paste';
 /**

package/common/clipboard.directive.d.ts

@@ -23,7 +23,7 @@ export declare class GridClipboardDirective implements AfterViewInit, OnDestroy
     private renderer;
     private zone;
     /**
-     * Sets the clipboard operation target. Possible values are `'activeCell'` and `'selection'`.([See example]({% slug clipboard_grid %}#toc-clipboard-target))
+     * Sets the clipboard operation target. Possible values are `'activeCell'` and `'selection'`.([See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/clipboard#clipboard-target))
      *
      * @default 'selection'
      */

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

@@ -7,7 +7,7 @@ import { Observable } from "rxjs";
 import { GridComponent } from "../grid.component";
 /**
  * Defines a function that returns the exported data options for the Grid.
- * Use this callback to provide custom data for export. [See example](slug:excelexport_grid#toc-controlling-the-exported-data).
+ * Use this callback to provide custom data for export. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export#controlling-the-exported-data).
  * @param component The Grid component.
  * @returns The exported data.
  */

package/common/pager-settings.d.ts

@@ -35,7 +35,7 @@ export type PagerType = 'numeric' | 'input';
  */
 export type PagerPosition = 'top' | 'bottom' | 'both';
 /**
- * Configures the pager settings of the Grid ([see example](slug:paging_grid_settings)).
+ * Configures the pager settings of the Grid ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/paging/pager-settings)).
  *
  * @example
  * ```typescript
@@ -77,7 +77,7 @@ export interface PagerSettings {
     responsive?: boolean;
     /**
      * Sets the Pager position relative to the Grid data table.
-     * The possible values are `'top'`, `'bottom'`, and `'both'` ([see example](slug:paging_grid_settings)).
+     * The possible values are `'top'`, `'bottom'`, and `'both'` ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/paging/pager-settings)).
      */
     position?: PagerPosition;
 }

package/common/provider.service.d.ts

@@ -10,6 +10,7 @@ import type { DataBindingDirective } from '../databinding.directive';
 import type { ScrollerService } from '../scrolling/scroller.service';
 import { HighlightDirective } from '../highlight/highlight.directive';
 import type { ExcelComponent } from '../excel/excel.component';
+import type { CSVComponent } from '../csv/csv.component';
 import type { PDFComponent } from '../pdf/pdf.component';
 import * as i0 from "@angular/core";
 /**
@@ -32,6 +33,7 @@ export declare class ContextService {
     dataBindingDirective: DataBindingDirective;
     highlightDirective: HighlightDirective;
     excelComponent?: ExcelComponent;
+    csvComponent?: CSVComponent;
     pdfComponent?: PDFComponent;
     constructor(renderer: Renderer2, localization: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextService, never>;

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

@@ -25,7 +25,7 @@ export declare class PopupCloseEvent extends PreventableEvent {
 }
 /**
  * Provides popup management for filter and column menus.
- * Use this service to open and close popups for the Grid filter and column menus ([see example]({% slug filter_menu %}#toc-filter-menu-with-popup)).
+ * Use this service to open and close popups for the Grid filter and column menus ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu#filter-menu-with-popup)).
  */
 export declare class SinglePopupService implements OnDestroy {
     private popupService;

package/common/size-options.d.ts

@@ -6,4 +6,4 @@
  * Specifies the size options for the Grid.
  * Use this type to set the Grid size.
  */
-export type GridSize = 'small' | 'medium' | 'none';
+export type GridSize = 'small' | 'medium';

package/csv/csv-command-tool.directive.d.ts

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectorRef, NgZone } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { CSVService } from './csv.service';
+import { ContextService } from '../common/provider.service';
+import { ToolbarToolBase } from '../common/toolbar-tool-base.directive';
+import * as i0 from "@angular/core";
+/**
+ * Represents the **Export to CSV** toolbar tool of the Grid.
+ * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the Grid.
+ * When the user clicks the button, the [`csvExport`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#csvexport) event fires ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/csv-export)).
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *   <kendo-toolbar>
+ *     <kendo-toolbar-button text="CSV Export" kendoGridCSVTool></kendo-toolbar-button>
+ *   </kendo-toolbar>
+ *   <kendo-grid-csv fileName="Grid.csv"></kendo-grid-csv>
+ * </kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}.
+ */
+export declare class CSVCommandToolbarDirective extends ToolbarToolBase {
+    private csvService;
+    constructor(csvService: CSVService, host: ToolBarButtonComponent, ctx: ContextService, zone: NgZone, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /**
+     * @hidden
+     */
+    onClick(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CSVCommandToolbarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CSVCommandToolbarDirective, "[kendoGridCSVTool]", never, {}, {}, never, never, true, never>;
+}

package/csv/csv-command.directive.d.ts

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
+import { Button } from '@progress/kendo-angular-buttons';
+import { ContextService } from '../common/provider.service';
+import { CSVService } from './csv.service';
+import * as i0 from "@angular/core";
+/**
+ * Represents the `csvExport` command of the Grid. Apply this
+ * directive to any `button` element inside a [`ToolbarTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/toolbartemplatedirective).
+ * When the user clicks the button, the [`csvExport`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#csvexport) event fires ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/csv-export)).
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *   <ng-template kendoGridToolbarTemplate>
+ *     <button kendoGridCSVCommand>Export to CSV</button>
+ *   </ng-template>
+ *   <kendo-grid-csv fileName="Grid.csv"></kendo-grid-csv>
+ * </kendo-grid>
+ * ```
+ */
+export declare class CSVCommandDirective extends Button {
+    private csvService;
+    /**
+     * @hidden
+     */
+    onClick(e: any): void;
+    /**
+     * @hidden
+     */
+    csvClass: boolean;
+    constructor(csvService: CSVService, element: ElementRef, renderer: Renderer, ctx: ContextService, ngZone: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CSVCommandDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CSVCommandDirective, "[kendoGridCSVCommand]", never, {}, {}, never, ["*"], true, never>;
+}

package/csv/csv-export-event.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '../common/preventable-event';
+/**
+ * Provides arguments for the `csvExport` event.
+ */
+export declare class CSVExportEvent extends PreventableEvent {
+    csv: string;
+    /**
+     * @hidden
+     */
+    constructor(csv: string);
+}

package/csv/csv.component.d.ts

@@ -0,0 +1,131 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnDestroy, NgZone } from '@angular/core';
+import { Observable } from 'rxjs';
+import { type CSVExportOptions, type CSVRow } from '@progress/kendo-csv';
+import { DataResult } from '@progress/kendo-data-query';
+import { GridComponent } from '../grid.component';
+import { CSVService } from './csv.service';
+import { ContextService } from '../common/provider.service';
+import * as i0 from "@angular/core";
+/**
+ * Defines a function that returns the data for CSV export.
+ * @param component The Grid component.
+ * @returns The data to export - can be an array of rows, a DataResult, or a Promise/Observable of the same types.
+ */
+export type CSVFetchDataCallback = (component: GridComponent) => CSVRow[] | DataResult | Promise<CSVRow[] | DataResult> | Observable<CSVRow[] | DataResult>;
+/**
+ * The component is required when exporting the data to a CSV file. The component provides different options to customize the exported file and its content.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *   <kendo-grid-csv fileName="Export.csv"></kendo-grid-csv>
+ * </kendo-grid>
+ * ```
+ */
+export declare class CSVComponent implements OnDestroy {
+    private ctx;
+    private zone;
+    /**
+     * Sets the file name for the exported CSV file.
+     * @default "Export.csv"
+     */
+    fileName: string;
+    /**
+     * Provides a function to get the exported data. By default, uses the data displayed in the Grid in accordance with the currently applied `State`. Supply a custom function to export a different data set. Typically used to export all data, not just the current page.
+     */
+    fetchData: CSVFetchDataCallback;
+    /**
+     * Sets optional column headers to render on the first line. By default, column names are extracted from each column's `title` or `field` properties.
+     */
+    names: string[] | null;
+    /**
+     * Sets property names to extract from object or Map rows, in order. By default, these are the properties used as `field` binding values in the Grid's column definitions.
+     */
+    keys: string[] | null;
+    /**
+     * Sets the character used to separate values in a row. Must be a single character.
+     * @default ","
+     */
+    delimiter: string;
+    /**
+     * Sets the string used to terminate each line.
+     * @default "\r\n"
+     */
+    lineSeparator: string;
+    /**
+     * When `true`, prefixes potentially dangerous formula characters (`=`, `+`, `-`, `@`, tab, `\r`) with a single quote (`'`) to prevent formula injection attacks in spreadsheet applications.
+     * @default true
+     */
+    preventFormulaInjection: boolean;
+    /**
+     * Sets the maximum number of characters allowed per cell. Values exceeding this limit are truncated.
+     * @default 32767
+     */
+    maxCellLength: number;
+    /**
+     * Maximum number of rows to export.
+     * Data exceeding this limit is automatically truncated.
+     * Default: 1000000 (prevents memory exhaustion and DoS attacks).
+     *
+     * @default 1000000
+     */
+    maxRows: number;
+    /**
+     * Maximum number of columns to export.
+     * Keys/columns exceeding this limit are automatically truncated.
+     * Default: 1000 (prevents memory exhaustion and DoS attacks).
+     *
+     * @default 1000
+     */
+    maxColumns: number;
+    /**
+     * When `true`, adds a UTF-8 Byte Order Mark (BOM) at the beginning of the file. Helps applications like Microsoft Excel correctly recognize UTF-8 encoding.
+     * @default false
+     */
+    includeUTF8BOM: boolean;
+    /**
+     * Provides a custom formatter for group headers in grouped data exports. Receives the display names of grouped fields and returns the formatted header.
+     * @default Joins display names with '/' separator
+     */
+    groupHeaderFormatter: ((displayNames: string[]) => string) | undefined;
+    /**
+     * Provides a custom formatter for group value rows in grouped data exports. Receives the values and field names, and returns the formatted group value.
+     * @default Joins values with '/' separator
+     */
+    groupValueFormatter: ((values: any[], groupNames: string[]) => string) | undefined;
+    /**
+     * Forwards the content to [`proxyURL`](#toc-proxyurl) even if the browser supports local file saving when set to `true`.
+     */
+    forceProxy: boolean;
+    /**
+     * Sets the URL of the server-side proxy that streams the file to the user. Use a proxy if the browser cannot save files locally.
+     * Set [`forceProxy`](#toc-forceproxy) to `true` to skip client-side saving.
+     * The proxy receives a POST request with specific parameters and returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.csv>"`.
+     * For more details, see the [File Saver](https://www.telerik.com/kendo-angular-ui/components/file-saver) documentation.
+     */
+    proxyURL: string;
+    private saveSubscription;
+    private dataSubscription;
+    constructor(csvService: CSVService, ctx: ContextService, zone: NgZone);
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    toCSVString(component: GridComponent): string | Promise<string>;
+    /**
+     * @hidden
+     */
+    saveAsCSV(component: GridComponent): void;
+    protected save(component: GridComponent): void;
+    protected exportData(component: GridComponent, result: any): void;
+    protected getCSVOptions(component: GridComponent): Omit<CSVExportOptions, 'data'>;
+    protected extractColumnNames(component: GridComponent): string[];
+    protected extractColumnKeys(component: GridComponent): string[];
+    protected saveFile(csvString: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CSVComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CSVComponent, "kendo-grid-csv", never, { "fileName": { "alias": "fileName"; "required": false; }; "fetchData": { "alias": "fetchData"; "required": false; }; "names": { "alias": "names"; "required": false; }; "keys": { "alias": "keys"; "required": false; }; "delimiter": { "alias": "delimiter"; "required": false; }; "lineSeparator": { "alias": "lineSeparator"; "required": false; }; "preventFormulaInjection": { "alias": "preventFormulaInjection"; "required": false; }; "maxCellLength": { "alias": "maxCellLength"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "maxColumns": { "alias": "maxColumns"; "required": false; }; "includeUTF8BOM": { "alias": "includeUTF8BOM"; "required": false; }; "groupHeaderFormatter": { "alias": "groupHeaderFormatter"; "required": false; }; "groupValueFormatter": { "alias": "groupValueFormatter"; "required": false; }; "forceProxy": { "alias": "forceProxy"; "required": false; }; "proxyURL": { "alias": "proxyURL"; "required": false; }; }, {}, never, never, true, never>;
+}

package/csv/csv.module.d.ts

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-icons";
+import * as i2 from "./csv.component";
+import * as i3 from "./csv-command.directive";
+import * as i4 from "./csv-command-tool.directive";
+/**
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the CSV component of the Grid.
+ *
+ * @example
+ * ```ts
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from "@angular/platform-browser";
+ * import { GridModule, CSVModule } from '@progress/kendo-angular-grid';
+ * import { AppComponent } from './app.component';
+ *
+ * _@NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, GridModule, CSVModule],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+export declare class CSVModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CSVModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CSVModule, never, [typeof i1.IconComponent, typeof i1.SVGIconComponent, typeof i2.CSVComponent, typeof i3.CSVCommandDirective, typeof i4.CSVCommandToolbarDirective], [typeof i2.CSVComponent, typeof i3.CSVCommandDirective, typeof i4.CSVCommandToolbarDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CSVModule>;
+}

package/csv/csv.service.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class CSVService {
+    saveToCSV: EventEmitter<any>;
+    exportClick: EventEmitter<any>;
+    save(component: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CSVService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CSVService>;
+}

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { SortDescriptor, GroupDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
 /**
- * Provides the arguments for the `pageChange` event. [See example](slug:manual_paging_grid#toc-paging-local-data).
+ * Provides the arguments for the `pageChange` event. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/paging/manual-paging#paging-local-data).
  */
 export interface PageChangeEvent {
     /**
@@ -18,7 +18,7 @@ export interface PageChangeEvent {
 }
 /**
  * Provides the arguments for the `dataStateChange` event
- * ([more information and examples](slug:data_operations_grid#toc-handling-multiple-data-operations)).
+ * ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/grid/data-operations#handling-multiple-data-operations)).
  */
 export interface DataStateChangeEvent {
     /**

package/data/data.collection.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { DataResult } from '@progress/kendo-data-query';
 /**
- * Describes the data type that the Grid expects. [See example](slug:local_data_grid#toc-binding-to-a-griddataresult-object).
+ * Describes the data type that the Grid expects. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/local-data#binding-to-a-griddataresult-object).
  */
 export interface GridDataResult extends DataResult {
 }

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

@@ -6,11 +6,11 @@ import { DataItem } from './data-item.interface';
 import { GroupItem } from './group-item.interface';
 import { GroupFooterItem } from './group-footer-item.interface';
 /**
- * Represents the item that the Grid uses to track changes. [See example](slug:track_changes_grid).
+ * Represents the item that the Grid uses to track changes. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/track-changes).
  *
  * The possible values are:
- * * [`DataItem`]({% slug api_grid_dataitem %}).
- * * [`GroupItem`]({% slug api_grid_groupitem %}).
- * * [`GroupFooterItem`]({% slug api_grid_groupfooteritem %}).
+ * * [`DataItem`](https://www.telerik.com/kendo-angular-ui/components/grid/api/dataitem).
+ * * [`GroupItem`](https://www.telerik.com/kendo-angular-ui/components/grid/api/groupitem).
+ * * [`GroupFooterItem`](https://www.telerik.com/kendo-angular-ui/components/grid/api/groupfooteritem).
  */
 export type GridItem = DataItem | GroupItem | GroupFooterItem;

package/databinding.directive.d.ts

@@ -13,11 +13,11 @@ import { RowReorderService } from './row-reordering/row-reorder.service';
 import { ContextService } from './common/provider.service';
 import * as i0 from "@angular/core";
 /**
- * A directive that handles in-memory data operations like [paging]({% slug paging_grid %}),
- * [sorting]({% slug sorting_grid %}), and [grouping]({% slug grouping_grid %}).
+ * A directive that handles in-memory data operations like [paging](https://www.telerik.com/kendo-angular-ui/components/grid/paging/basics),
+ * [sorting](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/basics), and [grouping](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/basics).
  *
  * Use this directive with local data and enable the Grid data operations with minimal configuration.
- * ([More information and examples]({% slug local_data_grid %}#toc-automatic-data-processing)).
+ * ([More information and examples](https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/local-data#automatic-data-processing)).
  *
  * @example
  * ```html

package/directives.d.ts

@@ -86,6 +86,9 @@ import { ColumnMenuComponent } from "./column-menu/column-menu.component";
 import { ExcelComponent } from "./excel/excel.component";
 import { ExcelCommandDirective } from "./excel/excel-command.directive";
 import { ColumnComponent as ExcelColumnComponent, ColumnGroupComponent as ExcelColumnGroupComponent, FooterTemplateDirective as ExcelFooterTemplateDirective, GroupFooterTemplateDirective as ExcelGroupFooterTemplateDirective, GroupHeaderTemplateDirective as ExcelGroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective as ExcelGroupHeaderColumnTemplateDirective } from '@progress/kendo-angular-excel-export';
+import { CSVComponent } from "./csv/csv.component";
+import { CSVCommandDirective } from "./csv/csv-command.directive";
+import { CSVCommandToolbarDirective } from "./csv/csv-command-tool.directive";
 import { PDFComponent } from "./pdf/pdf.component";
 import { PDFMarginComponent } from "./pdf/pdf-margin.component";
 import { PDFCommandDirective } from "./pdf/pdf-command.directive";
@@ -251,6 +254,12 @@ export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof
  * Utility array that contains the ExcelExport module exports
  */
 export declare const KENDO_GRID_EXCEL_EXPORT: readonly [typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof ExcelColumnComponent, typeof ExcelColumnGroupComponent, typeof ExcelFooterTemplateDirective, typeof ExcelGroupFooterTemplateDirective, typeof ExcelGroupHeaderColumnTemplateDirective, typeof ExcelGroupHeaderTemplateDirective];
+/**
+ * @hidden
+ *
+ * Utility array that contains the CSVExport module exports
+ */
+export declare const KENDO_GRID_CSV_EXPORT: readonly [typeof CSVComponent, typeof CSVCommandDirective, typeof CSVCommandToolbarDirective];
 /**
  * @hidden
  *
@@ -269,4 +278,4 @@ export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeo
  * export class AppModule {}
  * ```
  */
-export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof HighlightDirective, typeof CustomMessagesComponent, 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 AIAssistantToolbarDirective, typeof GroupCommandToolbarDirective, typeof SelectAllToolbarToolComponent, 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];
+export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof HighlightDirective, typeof CustomMessagesComponent, 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 AIAssistantToolbarDirective, typeof GroupCommandToolbarDirective, typeof SelectAllToolbarToolComponent, 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 CSVComponent, typeof CSVCommandDirective, typeof CSVCommandToolbarDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];

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
 *-------------------------------------------------------------------------------------------*/
 /**
- * Provides extra configuration for the [`reorderColumn`](slug:api_grid_gridcomponent#toc-reordercolumn) method.
+ * Provides extra configuration for the [`reorderColumn`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#reordercolumn) method.
  */
 export interface ColumnReorderConfig {
     /**

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

@@ -11,7 +11,7 @@ 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 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 %})).
+ * When you click the toolbar button associated with the directive, the [`add`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#add) event triggers ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/basics)).
  *
  * @example
  * ```html

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

@@ -9,9 +9,9 @@ import { EditService } from './edit.service';
 import * as i0 from "@angular/core";
 /**
  * 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 you click the button with this directive, the [`add`]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
- * ([see example]({% slug basics_editing_grid %})).
+ * `button` element inside a [ToolbarTemplate](https://www.telerik.com/kendo-angular-ui/components/grid/api/commandcolumncomponent).
+ * When you click the button with this directive, the [`add`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#add) event is triggered
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/basics)).
  *
  * @example
  * ```html

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EditEvent } from "./edit-event-args.interface";
 /**
- * Provides the 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`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#add) event. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#adding-records).
  */
 export interface AddEvent extends EditEvent {
 }

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

@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
  * Represents the `cancel` command in the Grid.
  * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent in the Grid.
  *
- * When you click the toolbar button with this directive, the [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event triggers.
+ * When you click the toolbar button with this directive, the [`cancel`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#cancel) event triggers.
  *
  * @example
  * ```html

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

@@ -10,11 +10,11 @@ import { ContextService } from '../common/provider.service';
 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:basics_editing_grid#editing-action-buttons)).
+ * element inside a [CommandColumnComponent](https://www.telerik.com/kendo-angular-ui/components/grid/api/commandcolumncomponent)
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/basics#editing-action-buttons)).
  *
  * When a button with this directive is clicked, the
- * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event
+ * [`cancel`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#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.

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

@@ -4,13 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import { SaveEvent } from "./save-event-args.interface";
 /**
- * Arguments for the [`cancel`](slug:api_grid_gridcomponent#toc-cancel) event.
+ * Arguments for the [`cancel`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#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).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#canceling-editing).
  */
 export interface CancelEvent extends SaveEvent {
 }

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

@@ -6,7 +6,7 @@ import { PreventableEvent } from '../common/preventable-event';
 import { EditEvent } from './edit-event-args.interface';
 import type { GridComponent } from '../grid.component';
 /**
- * Arguments for the [`cellClose`](slug:api_grid_gridcomponent#toc-cellclose) event.
+ * Arguments for the [`cellClose`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#cellclose) event.
  */
 export declare class CellCloseEvent extends PreventableEvent implements EditEvent {
     isNew: boolean;

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

@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
  * element inside a ToolbarComponent used in the Grid.
  *
  * When you click the toolbar button with this directive, the
- * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event fires.
+ * [`edit`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#edit) event fires.
  *
  * @example
  * ```html