@progress/kendo-angular-grid 22.1.0-develop.9 → 23.0.0-develop.2

package/grid.component.d.ts

@@ -35,6 +35,8 @@ import { PDFExportEvent } from './pdf/pdf-export-event';
 import { ResponsiveService } from "./layout/responsive.service";
 import { ExcelService } from './excel/excel.service';
 import { ExcelExportEvent } from './excel/excel-export-event';
+import { CSVService } from './csv/csv.service';
+import { CSVExportEvent } from './csv/csv-export-event';
 import { ColumnList } from './columns/column-list';
 import { RowClassFn, RowSelectedFn, RowStickyFn, RowSelectableFn } from './rendering/common/row-class';
 import { ToolbarTemplateDirective } from "./rendering/toolbar/toolbar-template.directive";
@@ -144,6 +146,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private responsiveService;
     private renderer;
     private excelService;
+    private csvService;
     private ngZone;
     private scrollSyncService;
     private domEvents;
@@ -164,7 +167,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private idService;
     /**
      * Sets the data of the Grid. If you provide an array, the Grid gets the total count automatically.
-     * ([more information and example]({% slug binding_grid %})).
+     * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/basics)).
      */
     set data(value: Array<any> | GridDataResult | null);
     get data(): Array<any> | GridDataResult | null;
@@ -179,7 +182,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     get hintContext(): any;
     /**
      * Defines the page size used by the Grid pager.
-     * Required for the [`paging`]({% slug paging_grid %}) feature.
+     * Required for the [`paging`](https://www.telerik.com/kendo-angular-ui/components/grid/paging/basics) feature.
      */
     pageSize: number | null | undefined;
     /**
@@ -205,7 +208,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     detailRowHeight: number;
     /**
      * Defines the number of records to skip in the pager.
-     * Required for the [`paging`]({% slug paging_grid %}) feature.
+     * Required for the [`paging`](https://www.telerik.com/kendo-angular-ui/components/grid/paging/basics) feature.
      */
     get skip(): number | null | undefined;
     set skip(value: number | null | undefined);
@@ -217,20 +220,20 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     scrollable: ScrollMode;
     /**
      * Enables the selection feature of the Grid. The `selectable` property can be set to `true`, `false`, or an object with additional settings.
-     * [See example](slug:grid_row_selection).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/row-selection).
      *
      * @default false
      */
     selectable: SelectableSettings | boolean;
     /**
-     * Sets the descriptors for sorting the data ([see example](slug:manual_sorting_grid)).
+     * Sets the descriptors for sorting the data ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/manual-sorting)).
      */
     set sort(value: Array<SortDescriptor> | null | undefined);
     get sort(): Array<SortDescriptor> | null | undefined;
     /**
      * Specifies the sizing for Grid elements like tables, buttons, and inputs.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: GridSize);
     get size(): GridSize;
@@ -238,15 +241,15 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * 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.
-     * [See example](slug:track_changes_grid).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/track-changes).
      */
     trackBy: TrackByFunction<GridItem>;
     /**
-     * Sets the filter descriptor for the data ([see examples](slug:manual_filtering_grid)).
+     * Sets the filter descriptor for the data ([see examples](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/manual-filtering)).
      */
     filter: CompositeFilterDescriptor | null | undefined;
     /**
-     * Sets the descriptors for grouping the data ([see example](slug:manual_grouping_grid)).
+     * Sets the descriptors for grouping the data ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/manual-grouping)).
      */
     set group(value: Array<GroupDescriptor> | null | undefined);
     get group(): Array<GroupDescriptor> | null | undefined;
@@ -315,24 +318,24 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     gridData: DragTargetDataFn;
     /**
-     * Enables the [filtering](slug:filtering_grid) feature of the Grid for columns with a `field` option.
+     * Enables the [filtering](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics) feature of the Grid for columns with a `field` option.
      *
      * @default false
      */
     filterable: FilterableSettings;
     /**
-     * Enables [sorting]({% slug sorting_grid %}) feature of the Grid for columns with a `field` option.
+     * Enables [sorting](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/basics) feature of the Grid for columns with a `field` option.
      * @default false
      */
     sortable: SortSettings;
     /**
-     * Configures the Grid pager ([see example](slug:paging_grid_settings)).
+     * Configures the Grid pager ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/paging/pager-settings)).
      * @default false
      */
     pageable: PagerSettings | boolean;
     get normalizedPageableSettings(): any;
     /**
-     * If `true`, allows grouping by dragging column headers ([see example]({% slug grouping_grid %})).
+     * If `true`, allows grouping by dragging column headers ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/basics)).
      *
      * @default false
      */
@@ -344,7 +347,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     gridResizable: GridResizableSettings | boolean;
     /**
-     * Enables row reordering feature of the Grid ([see example]({% slug reordering_rows_grid %})).
+     * Enables row reordering feature of the Grid ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/rows/reordering)).
      *
      * @default false
      */
@@ -352,20 +355,20 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     get rowReorderable(): boolean;
     /**
      * By default, navigation is enabled. To disable, set to `false`.
-     * To enable navigation for specific sections, provide a [`GridNavigableSection`](slug:api_grid_gridnavigablesection).
+     * To enable navigation for specific sections, provide a [`GridNavigableSection`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridnavigablesection).
      */
     set navigable(value: GridNavigableSettings);
     get navigable(): GridNavigableSettings;
     /**
      * If `true`, resizes columns during initialization to fit headers and content.
      * Columns with `autoSize` set to `false` are excluded.
-     * [See example](slug:resizing_columns_grid).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing).
      *
      * @default false
      */
     autoSize: boolean;
     /**
-     * Sets a function to apply custom CSS classes to each data row ([see example](slug:styling_grid_rows)).
+     * Sets a function to apply custom CSS classes to each data row ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/rows)).
      */
     set rowClass(fn: RowClassFn);
     get rowClass(): RowClassFn;
@@ -375,7 +378,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     set rowSticky(fn: RowStickyFn);
     get rowSticky(): RowStickyFn;
     /**
-     * Sets a function to determine if a data row is selected ([see example]({% slug grid_selection_custom %}#toc-setting-the-selected-rows)).
+     * Sets a function to determine if a data row is selected ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/custom-selection#setting-the-selected-rows)).
      */
     set rowSelected(fn: RowSelectedFn);
     get rowSelected(): RowSelectedFn;
@@ -386,7 +389,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     get isRowSelectable(): RowSelectableFn;
     /**
      * Sets a function to determine if a data cell is selected.
-     * The function returns an object with `selected` and `item` properties ([see example]({% slug grid_selection_custom %}#toc-setting-the-selected-cells)).
+     * The function returns an object with `selected` and `item` properties ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/custom-selection#setting-the-selected-cells)).
      */
     set cellSelected(fn: CellSelectedFn);
     get cellSelected(): CellSelectedFn;
@@ -410,33 +413,33 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     get currentState(): GridState;
     /**
-     * If `true`, allows resizing columns by dragging header cell edges ([see example]({% slug resizing_columns_grid %})).
+     * If `true`, allows resizing columns by dragging header cell edges ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing)).
      *
      * @default false
      */
     resizable: boolean | ResizeMode;
     /**
-     * If `true`, allows reordering columns by dragging header cells ([see example]({% slug reordering_columns_grid %})).
+     * If `true`, allows reordering columns by dragging header cells ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/reordering)).
      *
      * @default false
      */
     reorderable: boolean;
     /**
-     * If `true`, displays the Grid loading indicator ([see example]({% slug binding_grid %})).
+     * If `true`, displays the Grid loading indicator ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/basics)).
      *
      * @default false
      */
     set loading(value: boolean);
     get loading(): boolean;
     /**
-     * If `true`, displays the column menu for columns ([see example]({% slug columnmenu_grid %})).
+     * If `true`, displays the column menu for columns ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu)).
      *
      * @default false
      */
     columnMenu: boolean | ColumnMenuSettings;
     /**
      * If `true`, hides the Grid header. The header is visible by default.
-     * The header includes column headers and the [filter row](slug:filter_row).
+     * The header includes column headers and the [filter row](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row).
      *
      * @default false
      */
@@ -468,15 +471,15 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     filterChange: EventEmitter<CompositeFilterDescriptor>;
     /**
-     * Fires when the page is changed through the UI ([see example]({% slug paging_grid %})).
+     * Fires when the page is changed through the UI ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/paging/basics)).
      */
     pageChange: EventEmitter<PageChangeEvent>;
     /**
-     * Fires when the Grid data is grouped through the UI and the group descriptors change ([see example]({% slug grouping_grid %})).
+     * Fires when the Grid data is grouped through the UI and the group descriptors change ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/basics)).
      */
     groupChange: EventEmitter<Array<GroupDescriptor>>;
     /**
-     * Fires when the Grid data is sorted through the UI and the sort descriptors change ([see example]({% slug sorting_grid %})).
+     * Fires when the Grid data is sorted through the UI and the sort descriptors change ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/basics)).
      */
     sortChange: EventEmitter<Array<SortDescriptor>>;
     /**
@@ -512,31 +515,31 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     detailCollapse: EventEmitter<DetailCollapseEvent>;
     /**
-     * Fires when a row enters edit mode ([see example](slug:inline_editing_grid#editing-records-1)).
+     * Fires when a row enters edit mode ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#editing-records-1)).
      */
     edit: EventEmitter<EditEvent>;
     /**
-     * Fires when editing is canceled by clicking the **Cancel** command button ([see example]({% slug inline_editing_grid %}#toc-canceling-editing-1)).
+     * Fires when editing is canceled by clicking the **Cancel** command button ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#canceling-editing-1)).
      */
     cancel: EventEmitter<CancelEvent>;
     /**
-     * Fires when a row is saved by clicking the **Save** command button ([see example]({% slug inline_editing_grid %}#toc-saving-records-1)).
+     * Fires when a row is saved by clicking the **Save** command button ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#saving-records-1)).
      */
     save: EventEmitter<SaveEvent>;
     /**
-     * Fires when a row is removed by clicking the **Remove** command button ([see example]({% slug inline_editing_grid %}#toc-removing-records-1)).
+     * Fires when a row is removed by clicking the **Remove** command button ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#removing-records-1)).
      */
     remove: EventEmitter<RemoveEvent>;
     /**
-     * Fires when a new row is added by clicking the **Add** command button ([see example]({% slug inline_editing_grid %}#toc-adding-records-1)).
+     * Fires when a new row is added by clicking the **Add** command button ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#adding-records-1)).
      */
     add: EventEmitter<AddEvent>;
     /**
-     * Fires when a cell edit is closed ([see example](slug:editing_incell_grid)).
+     * Fires when a cell edit is closed ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/in-cell-editing)).
      */
     cellClose: EventEmitter<CellCloseEvent>;
     /**
-     * Fires when a cell is clicked ([see example](slug:editing_incell_grid)).
+     * Fires when a cell is clicked ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/in-cell-editing)).
      */
     cellClick: EventEmitter<CellClickEvent>;
     /**
@@ -547,6 +550,10 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * Fires when the Excel export command is triggered.
      */
     excelExport: EventEmitter<ExcelExportEvent>;
+    /**
+     * Fires when the CSV export command is triggered.
+     */
+    csvExport: EventEmitter<CSVExportEvent>;
     /**
      * Fires when columns are resized.
      */
@@ -568,7 +575,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     columnStickyChange: EventEmitter<ColumnStickyChangeEvent>;
     /**
-     * Fires when the last record is scrolled into view ([see example]({% slug scrollmmodes_grid %}#toc-endless-scrolling)).
+     * Fires when the last record is scrolled into view ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes#endless-scrolling)).
      */
     scrollBottom: EventEmitter<ScrollBottomEvent>;
     /**
@@ -733,6 +740,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private columnsChangeSubscription;
     private pdfSubscription;
     private excelSubscription;
+    private csvSubscription;
     private columnsContainerChangeSubscription;
     private cellClickSubscription;
     private footerChangeSubscription;
@@ -748,23 +756,23 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private rowReorderSubscription;
     private rtl;
     private _rowSticky;
-    constructor(supportService: BrowserSupportService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService, ctx: ContextService, sizingService: SizingOptionsService, adaptiveGridService: AdaptiveGridService, rowReorderService: RowReorderService, dataMappingService: DataMappingService, aiRequestResponseService: GridAIRequestResponseService, idService: IdService);
+    constructor(supportService: BrowserSupportService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, csvService: CSVService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService, ctx: ContextService, sizingService: SizingOptionsService, adaptiveGridService: AdaptiveGridService, rowReorderService: RowReorderService, dataMappingService: DataMappingService, aiRequestResponseService: GridAIRequestResponseService, idService: IdService);
     /**
-     * Expands the master row at the specified data row index ([see example]({% slug hierarchy_grid %})).
+     * Expands the master row at the specified data row index ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail)).
      *
      * This method is for backwards compatibility with legacy versions that track expanded state by row index.
-     * For new development, use the [`kendoGridDetailsExpandBy` directive]({% slug api_grid_expanddetailsdirective %})
-     * or provide an `isDetailExpanded` callback. See [Controlling the Expanded State]({% slug master_detail_expanded_state_grid %}) for examples.
+     * For new development, use the [`kendoGridDetailsExpandBy` directive](https://www.telerik.com/kendo-angular-ui/components/grid/api/expanddetailsdirective)
+     * or provide an `isDetailExpanded` callback. See [Controlling the Expanded State](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/expanded-state) for examples.
      *
      * @param index The data row index of the master row.
      */
     expandRow(index: number): void;
     /**
-     * Collapses the master row at the specified data row index ([see example]({% slug hierarchy_grid %})).
+     * Collapses the master row at the specified data row index ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail)).
      *
      * This method is for backwards compatibility with legacy versions that track expanded state by row index.
-     * For new development, use the [`kendoGridDetailsExpandBy` directive]({% slug api_grid_expanddetailsdirective %})
-     * or provide an `isDetailExpanded` callback. See [Controlling the Expanded State]({% slug master_detail_expanded_state_grid %}) for examples.
+     * For new development, use the [`kendoGridDetailsExpandBy` directive](https://www.telerik.com/kendo-angular-ui/components/grid/api/expanddetailsdirective)
+     * or provide an `isDetailExpanded` callback. See [Controlling the Expanded State](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/expanded-state) for examples.
      *
      * @param index The data row index of the master row.
      */
@@ -773,7 +781,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * Expands a group header at the given hierarchical index, such as `0_1` for the second inner group of the first master group.
      *
      * This method is for backwards compatibility with legacy versions that track expanded group state by hierarchical group index.
-     * If the Grid is pageable, the group indexes are offset by the current Grid [skip]({% slug api_grid_gridcomponent %}#toc-skip).
+     * If the Grid is pageable, the group indexes are offset by the current Grid [skip](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#skip).
      *
      * @param {string} index The underscore-separated hierarchical index of the group.
      */
@@ -782,7 +790,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * Collapses a group header at the given hierarchical index, such as `0_1` for the second inner group of the first master group.
      *
      * This method is for backwards compatibility with legacy versions that track expanded group state by hierarchical group index.
-     * If the Grid is pageable, the group indexes are offset by the current Grid [skip]({% slug api_grid_gridcomponent %}#toc-skip).
+     * If the Grid is pageable, the group indexes are offset by the current Grid [skip](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#skip).
      *
      * @param {string} index The underscore-separated hierarchical index of the group.
      */
@@ -857,7 +865,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     messageFor: (token: string) => string;
     /**
-     * Switches the specified table row to edit mode ([see example]({% slug inline_editing_grid %}#toc-editing-records-1)).
+     * Switches the specified table row to edit mode ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#editing-records-1)).
      *
      * @param rowIndex The data row index to switch to edit mode.
      * @param group The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes the edit form.
@@ -869,19 +877,19 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     handleReorderEvents(ev: any, evType: string): void;
     /**
-     * Closes the editor for the specified row ([see example]({% slug inline_editing_grid %}#toc-canceling-editing-1)).
+     * Closes the editor for the specified row ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#canceling-editing-1)).
      *
      * @param {number} index The row index to switch out of edit mode. If you do not provide an index, the new item editor closes.
      */
     closeRow(index?: number): void;
     /**
-     * Creates a new row editor ([see example]({% slug inline_editing_grid %}#toc-adding-records-1)).
+     * Creates a new row editor ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#adding-records-1)).
      *
      * @param {FormGroup} group The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes the edit form. If you pass a data item, the method builds the `FormGroup` from the data item fields.
      */
     addRow(group: any): void;
     /**
-     * Puts the specified cell in edit mode ([see example](slug:editing_incell_grid)).
+     * Puts the specified cell in edit mode ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/in-cell-editing)).
      *
      * @param {number} rowIndex The data row index to switch to edit mode.
      * @param {number|string|any} column The leaf column index, field name, or column instance to edit.
@@ -889,9 +897,9 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     editCell(rowIndex: number, column: number | string | any, group?: any): void;
     /**
-     * Closes the current cell in edit mode and fires the [`cellClose`]({% slug api_grid_gridcomponent %}#toc-cellclose) event.
+     * Closes the current cell in edit mode and fires the [`cellClose`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#cellclose) event.
      *
-     * @returns {boolean} `true` if the cell closed. Returns `false` if the [`cellClose`]({% slug api_grid_gridcomponent %}#toc-cellclose) event was prevented.
+     * @returns {boolean} `true` if the cell closed. Returns `false` if the [`cellClose`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#cellclose) event was prevented.
      */
     closeCell(): boolean;
     /**
@@ -911,20 +919,30 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     isEditingCell(): boolean;
     /**
-     * Initiates the PDF export ([see example]({% slug pdfexport_grid %})).
+     * Initiates the PDF export ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export)).
      */
     saveAsPDF(): void;
     /**
-     * Exports the Grid element to a Drawing [Group]({% slug api_kendo-drawing_group %}) using the `kendo-grid-pdf` component options
-     * ([see example]({% slug pdfexport_grid %}#toc-exporting-multiple-grids-to-the-same-pdf)).
+     * Exports the Grid element to a Drawing [Group](https://www.telerik.com/kendo-angular-ui/components/drawing/api/group) using the `kendo-grid-pdf` component options
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export#exporting-multiple-grids-to-the-same-pdf)).
      *
      * @returns {Promise} A promise that resolves with the Drawing `Group`.
      */
     drawPDF(): Promise<any>;
     /**
-     * Initiates the Excel export ([see example]({% slug excelexport_grid %})).
+     * Initiates the Excel export ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export)).
      */
     saveAsExcel(): void;
+    /**
+     * Initiates the CSV export ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/csv-export)).
+     */
+    saveAsCSV(): void;
+    /**
+     * Generates and returns the CSV-formatted string without triggering file download ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/csv-export)).
+     *
+     * @returns {string | Promise<string>} The CSV-formatted string representation of the Grid data, or a Promise that resolves to the string if async data is used.
+     */
+    toCSVString(): string | Promise<string>;
     /**
      * Applies the given `GridState` object to the Grid.
      */
@@ -932,14 +950,14 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private traverseColumns;
     /**
      * Applies the minimum possible width for the specified column so the whole text fits without wrapping.
-     * This method expects the Grid to be [`resizable`](slug:resizing_columns_grid). Run this method after the Grid is populated with data.
-     * [See example](slug:resizing_columns_grid#toc-auto-fitting-the-content)
+     * This method expects the Grid to be [`resizable`](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing). Run this method after the Grid is populated with data.
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing#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 you do not specify columns, `autoFitColumns` applies to all columns. Run this method after the Grid is populated with data.
-     * [See example](slug:resizing_columns_grid#toc-auto-fitting-the-content)
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing#auto-fitting-the-content)
      */
     autoFitColumns(columns?: Array<ColumnBase> | QueryList<ColumnBase>): void;
     /**
@@ -1004,11 +1022,11 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     focusPrevCell(wrap?: boolean): NavigationCell;
     /**
-     * Scrolls to the specified row and column ([see example](slug:scrollmmodes_grid#toc-scrolling-to-a-specific-row-and-column)).
+     * Scrolls to the specified row and column ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes#scrolling-to-a-specific-row-and-column)).
      */
     scrollTo(request: ScrollRequest): void;
     /**
-     * Scrolls to the specified data item and column ([see example](slug:scrollmmodes_grid#toc-scrolling-to-a-specific-item)).
+     * Scrolls to the specified data item and column ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes#scrolling-to-a-specific-item)).
      */
     scrollToItem(request: ScrollToItemRequest): void;
     /**
@@ -1064,5 +1082,5 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private shouldResetSelection;
     private notifyReorderContainers;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kendo-grid", ["kendoGrid"], { "data": { "alias": "data"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "size": { "alias": "size"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "group": { "alias": "group"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "gridResizable": { "alias": "gridResizable"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "rowSticky": { "alias": "rowSticky"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "isRowSelectable": { "alias": "isRowSelectable"; "required": false; }; "cellSelected": { "alias": "cellSelected"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "showInactiveTools": { "alias": "showInactiveTools"; "required": false; }; "isDetailExpanded": { "alias": "isDetailExpanded"; "required": false; }; "isGroupExpanded": { "alias": "isGroupExpanded"; "required": false; }; "dataLayoutMode": { "alias": "dataLayoutMode"; "required": false; }; }, { "filterChange": "filterChange"; "pageChange": "pageChange"; "groupChange": "groupChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowReorder": "rowReorder"; "dataStateChange": "dataStateChange"; "gridStateChange": "gridStateChange"; "groupExpand": "groupExpand"; "groupCollapse": "groupCollapse"; "detailExpand": "detailExpand"; "detailCollapse": "detailCollapse"; "edit": "edit"; "cancel": "cancel"; "save": "save"; "remove": "remove"; "add": "add"; "cellClose": "cellClose"; "cellClick": "cellClick"; "pdfExport": "pdfExport"; "excelExport": "excelExport"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockedChange": "columnLockedChange"; "columnStickyChange": "columnStickyChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; }, ["columns", "detailTemplateChildren", "cellLoadingTemplateChildren", "loadingTemplateChildren", "statusBarTemplateChildren", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], ["kendo-toolbar"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kendo-grid", ["kendoGrid"], { "data": { "alias": "data"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "size": { "alias": "size"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "group": { "alias": "group"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "gridResizable": { "alias": "gridResizable"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "rowSticky": { "alias": "rowSticky"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "isRowSelectable": { "alias": "isRowSelectable"; "required": false; }; "cellSelected": { "alias": "cellSelected"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "showInactiveTools": { "alias": "showInactiveTools"; "required": false; }; "isDetailExpanded": { "alias": "isDetailExpanded"; "required": false; }; "isGroupExpanded": { "alias": "isGroupExpanded"; "required": false; }; "dataLayoutMode": { "alias": "dataLayoutMode"; "required": false; }; }, { "filterChange": "filterChange"; "pageChange": "pageChange"; "groupChange": "groupChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowReorder": "rowReorder"; "dataStateChange": "dataStateChange"; "gridStateChange": "gridStateChange"; "groupExpand": "groupExpand"; "groupCollapse": "groupCollapse"; "detailExpand": "detailExpand"; "detailCollapse": "detailCollapse"; "edit": "edit"; "cancel": "cancel"; "save": "save"; "remove": "remove"; "add": "add"; "cellClose": "cellClose"; "cellClick": "cellClick"; "pdfExport": "pdfExport"; "excelExport": "excelExport"; "csvExport": "csvExport"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockedChange": "columnLockedChange"; "columnStickyChange": "columnStickyChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; }, ["columns", "detailTemplateChildren", "cellLoadingTemplateChildren", "loadingTemplateChildren", "statusBarTemplateChildren", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], ["kendo-toolbar"], true, never>;
 }

package/grouping/group-header-column-template.directive.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the group-header column template of the Grid, allowing customization of group header content.
  * To define the group header template, nest an `<ng-template>` tag with the `kendoGridGroupHeaderColumnTemplate`
- * directive inside a `<kendo-grid-column>`. [See example](slug:grouping_grid_templates#toc-header-column-template).
+ * directive inside a `<kendo-grid-column>`. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/templates#header-column-template).
  *
  * The template context is set to the current data item and provides the following fields:
  * - `group`&mdash;The current group item.

package/grouping/group-header-template.directive.d.ts

@@ -6,7 +6,7 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * The directive allows customizing the content of the group header cell in the Grid.
- * Place an `<ng-template>` with the `kendoGridGroupHeaderTemplate` directive inside `<kendo-grid-column>` to set the group header template. ([See example](slug:grouping_grid_templates#toc-header-template)).
+ * Place an `<ng-template>` with the `kendoGridGroupHeaderTemplate` directive inside `<kendo-grid-column>` to set the group header template. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/templates#header-template)).
  *
  * The template context uses the current data item and provides these fields:
  * - `group`&mdash;The current group item.

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

@@ -3,8 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Shows the default format for the [`kendoGridExpandGroupBy`]({% slug api_grid_expandgroupdirective %}) directive.
- * The directive saves the expanded group keys. ([See example]({% slug groups_expanded_state_grid %}#toc-built-in-directive)).
+ * Shows the default format for the [`kendoGridExpandGroupBy`](https://www.telerik.com/kendo-angular-ui/components/grid/api/expandgroupdirective) directive.
+ * The directive saves the expanded group keys. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/expanded-state#built-in-directive)).
  *
  * The Grid checks if a group is expanded or collapsed by comparing all of these field values.
  */
@@ -19,7 +19,7 @@ export interface GroupKey {
     value: any;
     /**
      * Represents an array of `{ field: string, value: any }` items that lists all parent groups of the current group.
-     * The array starts from the direct parent group and goes up to the root group. [See example](slug:groups_expanded_state_grid#toc-default-configuration).
+     * The array starts from the direct parent group and goes up to the root group. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/expanded-state#default-configuration).
      *
      */
     parentGroupKeys?: Array<{

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { GroupResult } from "@progress/kendo-data-query";
 /**
- * Describes a group row at a specific position in the Grid. [See example](slug:groups_expanded_state_grid#toc-custom-group-key-format).
+ * Describes a group row at a specific position in the Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/expanded-state#custom-group-key-format).
  */
 export interface GroupRowArgs {
     /**

package/index.d.ts

@@ -151,6 +151,12 @@ export { ExcelExportEvent } from './excel/excel-export-event';
 export { FetchDataCallback } from './common/fetch-data-callback';
 export { ExcelCommandDirective } from './excel/excel-command.directive';
 export { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
+export { CSVModule } from './csv/csv.module';
+export { CSVComponent, CSVFetchDataCallback } from './csv/csv.component';
+export { CSVService } from './csv/csv.service';
+export { CSVExportEvent } from './csv/csv-export-event';
+export { CSVCommandDirective } from './csv/csv-command.directive';
+export { CSVCommandToolbarDirective } from './csv/csv-command-tool.directive';
 export { RowClassFn, RowClassArgs, RowSelectedFn, RowStickyFn, RowSelectableFn } from './rendering/common/row-class';
 export { RowArgs } from './rendering/common/row-args';
 export { EditEvent } from './editing/edit-event-args.interface';

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

@@ -7,7 +7,7 @@ import { GridMessages } from './messages';
 import * as i0 from "@angular/core";
 /**
  * The component allows you to override the default component messages with custom ones.
- * ([See example](slug:globalization_grid#toc-custom-messages).)
+ * ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).)
  *
  * @example
  * ```html