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

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -10,7 +10,7 @@ import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isP
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@progress/kendo-angular-icons';
 import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
-import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, sparklesIcon, filePdfIcon, fileExcelIcon, trashIcon, saveIcon, pencilIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon, tableWizardIcon } from '@progress/kendo-svg-icons';
+import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, sparklesIcon, fileCsvIcon, filePdfIcon, fileExcelIcon, trashIcon, saveIcon, pencilIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon, tableWizardIcon } from '@progress/kendo-svg-icons';
 import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, skip, auditTime, bufferCount, flatMap } from 'rxjs/operators';
 import * as i1$2 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -42,6 +42,7 @@ import { TabStripComponent, TabStripTabComponent, TabTitleDirective, TabContentD
 import { saveAs } from '@progress/kendo-file-saver';
 import * as i5$1 from '@progress/kendo-angular-excel-export';
 import { workbookOptions, toDataURL, ColumnBase as ColumnBase$1, ColumnComponent as ColumnComponent$1, ColumnGroupComponent as ColumnGroupComponent$1, FooterTemplateDirective as FooterTemplateDirective$1, GroupFooterTemplateDirective as GroupFooterTemplateDirective$1, GroupHeaderColumnTemplateDirective as GroupHeaderColumnTemplateDirective$1, GroupHeaderTemplateDirective as GroupHeaderTemplateDirective$1 } from '@progress/kendo-angular-excel-export';
+import { toCSV } from '@progress/kendo-csv';
 import { PDFExportMarginComponent, PDFExportTemplateDirective, PDFExportComponent } from '@progress/kendo-angular-pdf-export';
 import { validatePackage } from '@progress/kendo-licensing';
 import { ActionSheetComponent, ActionSheetViewComponent, ActionSheetHeaderTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from '@progress/kendo-angular-navigation';
@@ -879,6 +880,7 @@ class ContextService {
     dataBindingDirective;
     highlightDirective;
     excelComponent;
+    csvComponent;
     pdfComponent;
     constructor(renderer, localization) {
         this.renderer = renderer;
@@ -895,7 +897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * A directive that controls how focusable elements receive
- * focus in a navigable Grid. [See example]({% slug keyboard_navigation_grid %}).
+ * focus in a navigable Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/keyboard-navigation).
  *
  * @example
  * ```html
@@ -1512,7 +1514,7 @@ class PreventableEvent {
 }
 
 /**
- * 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.
  */
 class CellCloseEvent extends PreventableEvent {
     isNew;
@@ -1904,7 +1906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Lets you customize the content of Grid cells.
- * Place an `<ng-template>` tag with the `kendoGridCellTemplate` directive inside a `<kendo-grid-column>` tag to define the cell template. ([See example](slug:templates_columns_grid#toc-cell-template)).
+ * Place an `<ng-template>` tag with the `kendoGridCellTemplate` directive inside a `<kendo-grid-column>` tag to define the cell template. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates#cell-template)).
  *
  * The template context is set to the current data item. You can use these fields:
  * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` in your template.
@@ -1942,7 +1944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }] }] });
 
 /**
- * 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)).
+ * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/custom-editors#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:
@@ -1981,13 +1983,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the column header cell template of the Grid
- * ([more information and example]({% slug templates_columns_grid %}#toc-header-template)).
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates#header-template)).
  * Use this directive to customize the table header cell for a column.
  * To define a header template, nest an `<ng-template>` tag with the
  * `kendoGridHeaderTemplate` directive inside the `<kendo-grid-column>` tag.
  *
  * The template context is set to the current column. The following additional fields are available:
- * * `column`&mdash;An instance of the [`ColumnComponent`]({% slug api_grid_columncomponent %}) option.
+ * * `column`&mdash;An instance of the [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columncomponent) option.
  * * `columnIndex`&mdash;The current column index.
  *
  * @example
@@ -2021,17 +2023,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the column footer cell template of the Grid
- * ([more information and example]({% slug templates_columns_grid %}#toc-footer-template)).
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates#footer-template)).
  * Use this directive to customize the table footer cell for a column.
  * To define a footer template, nest an `<ng-template>` tag with the
- * [`kendoGridFooterTemplate`]({% slug api_grid_footertemplatedirective %}) directive inside the `<kendo-grid-column>` tag.
+ * [`kendoGridFooterTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/footertemplatedirective) directive inside the `<kendo-grid-column>` tag.
  *
  * The template context is set to the current column. The following additional fields are available:
- * * `column`&mdash;An instance of the [`ColumnComponent`]({% slug api_grid_columncomponent %}) option.
+ * * `column`&mdash;An instance of the [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columncomponent) option.
  * * `columnIndex`&mdash;The current column index.
  *
  * For more information about displaying aggregates in the footer of the Grid,
- * see the article on [aggregates]({% slug groupable_grid_with_aggregates %}).
+ * see the article on [aggregates](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/aggregates).
  *
  * @example
  * ```html
@@ -2067,7 +2069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Place an `<ng-template>` tag with the `kendoGridColumnMenuTemplate` directive inside the `<kendo-grid>` or `<kendo-grid-column>` component to set the template.
  *
  * The template context provides these fields:
- * - `service`&mdash;The [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}).
+ * - `service`&mdash;The [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice).
  * - `column`&mdash;The Grid column.
  *
  * @example
@@ -2163,20 +2165,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 const ColumnMenuErrorMessages = {
     autoSizeColumn: `The auto size column does not work with enabled virtual columns.
-    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu/#toc-autosize-column-item.`,
+    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu/#autosize-column-item.`,
     autoSizeAllColumns: `The auto size all columns does not work with enabled virtual columns.
-    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu/#toc-autosize-all-columns-item.`,
+    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu/#autosize-all-columns-item.`,
     serviceInput: `The service input of the predefined column menu components is mandatory.
-    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu/#toc-customizing-the-content.`
+    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu/#customizing-the-content.`
 };
 /**
  * @hidden
  */
 const ClipboardErrorMessages = {
     activeCellNavigable: `Grid must be navigable to use "activeCell" as clipboard target type.
-    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/clipboard/#toc-active-cell.`,
+    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/clipboard/#active-cell.`,
     selectionSelectable: `Grid must be selectable to use "selection" as clipboard target type.
-    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/clipboard/#toc-current-selection.`
+    See https://www.telerik.com/kendo-angular-ui/components/grid/accessories/clipboard/#current-selection.`
 };
 /**
  * @hidden
@@ -2205,13 +2207,13 @@ const ColumnConfigurationErrorMessages = {
 const GridConfigurationErrorMessages = {
     functionType: (propName, fn) => `${propName} must be a function, but received ${JSON.stringify(fn)}.`,
     incompatibleFeatures: (feat1Name, feat2Name) => `'Having both ${feat1Name} and ${feat2Name} is not supported.'`,
-    nonLockedColumnPresent: 'There should be at least one non-locked column. See https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked/#toc-known-limitations',
+    nonLockedColumnPresent: 'There should be at least one non-locked column. See https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked#known-limitations',
     focusNavigable: 'The Grid should be configured as navigable to control focus. See https://www.telerik.com/kendo-angular-ui/components/grid/keyboard-navigation/.',
     expandCollapseMethods: (expandMethodName, collapseMethodName, directiveName, callbackName) => `The ${expandMethodName} and ${collapseMethodName} methods should not be called
         when using the ${directiveName} directive or the ${callbackName} callback.
         These methods are provided only for backwards compatibility with legacy versions.`,
     requiredEditService: `The default edit service of the editing directives works only when binding to plain array.
-        Please provide an editService. See https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-directives/#toc-custom-editing-service.`,
+        Please provide an editService. See https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-directives/#custom-editing-service.`,
     requiredModule: (exportedType, moduleName, componentSelector) => `Creating ${exportedType} requires including the ${moduleName} and adding the ${componentSelector} component.`,
     unsupportedMethod: (methodName, suggestedMethodName) => `Using ${methodName} in this context is not supported. Use ${suggestedMethodName} instead.`,
     unsupportedToolbarConfig: `
@@ -2301,13 +2303,20 @@ class ColumnBase {
      */
     reorderable = true;
     /**
-     * Sets the minimum width (in pixels) for resizing the column by using the UI ([see example]({% slug resizing_columns_grid %}#toc-limiting-the-resizing)).
+     * Sets the distance in pixels by which the column width is adjusted during keyboard navigation resizing.
+     * Used when resizing columns with `Alt/Option + Left/Right Arrow` keyboard shortcuts.
+     *
+     * @default 10
+     */
+    resizeStep = 10;
+    /**
+     * Sets the minimum width (in pixels) for resizing the column by using the UI ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing#limiting-the-resizing)).
      * The `autoFitColumn` and `autoFitColumns` methods have higher priority.
      * @default 10
      */
     minResizableWidth = 10;
     /**
-     * Sets the maximum width (in pixels) for resizing the column by using the UI ([see example]({% slug resizing_columns_grid %}#toc-limiting-the-resizing)).
+     * Sets the maximum width (in pixels) for resizing the column by using the UI ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing#limiting-the-resizing)).
      * By default, the maximum width is not restricted.
      * The `autoFitColumn` and `autoFitColumns` methods have higher priority.
      */
@@ -2336,7 +2345,7 @@ class ColumnBase {
      */
     autoSize;
     /**
-     * Toggles the locked (frozen) state of the column ([more information and example]({% slug locked_columns_grid %})).
+     * Toggles the locked (frozen) state of the column ([more information and example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked)).
      *
      * @default false
      */
@@ -2354,17 +2363,17 @@ class ColumnBase {
      */
     sticky = false;
     /**
-     * Sets the visibility of the column ([see example](slug:hidden_columns_grid#toc-using-the-built-in-options)).
+     * Sets the visibility of the column ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/columns/hidden#using-the-built-in-options)).
      *
      * @default false
      */
     hidden;
     /**
-     * Sets the condition for the column to remain visible ([see example]({% slug styling_responsive_grid %}#toc-columns)).
+     * Sets the condition for the column to remain visible ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/responsive-design#columns)).
      * If you set the `hidden` property, `media` is ignored.
      *
      * Accepts device identifiers from [Bootstrap 4](https://v4-alpha.getbootstrap.com/layout/grid/#grid-options)
-     * ([see example](slug:styling_responsive_grid)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/responsive-design)).
      */
     media;
     /**
@@ -2394,44 +2403,44 @@ class ColumnBase {
     tableCellsRole = 'gridcell';
     /**
      * Sets custom styles for the table cells (excluding footer and header) of the column.
-     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-cells).
+     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-column-cells).
      */
     style;
     /**
      * Sets custom styles for the header cell of the column.
-     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-header).
+     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-column-header).
      */
     headerStyle;
     /**
      * Sets custom styles for the filter row cell.
-     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-filter-row-cells).
+     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-filter-row-cells).
      */
     filterStyle;
     /**
      * Sets custom styles for the footer cell of the column.
-     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-footer).
+     * Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-column-footer).
      */
     footerStyle;
     /**
      * Sets custom CSS classes to the column cells.
-     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-cells).
-     * To customize header and footer column cells, use the [headerClass]({% slug api_grid_columncomponent %}#toc-headerclass)
-     * and [footerClass]({% slug api_grid_columncomponent %}#toc-footerclass) inputs.
+     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-column-cells).
+     * To customize header and footer column cells, use the [headerClass](https://www.telerik.com/kendo-angular-ui/components/grid/api/columncomponent#headerclass)
+     * and [footerClass](https://www.telerik.com/kendo-angular-ui/components/grid/api/columncomponent#footerclass) inputs.
      */
     cssClass;
     /**
      * Sets custom CSS classes to the column header cell.
-     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-header).
+     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-column-header).
      */
     headerClass;
     /**
      * Sets custom CSS classes to the filter row cell.
-     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-filter-row-cells).
+     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-filter-row-cells).
      */
     filterClass;
     /**
      * Sets custom CSS classes to the column footer cell.
-     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-footer).
+     * Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/columns#customizing-column-footer).
      */
     footerClass;
     /**
@@ -2569,7 +2578,7 @@ class ColumnBase {
         this.initialMaxResizableWidth = this.maxResizableWidth || Number.MAX_SAFE_INTEGER;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: IdService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ColumnBase, isStandalone: true, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass", cellRowspan: "cellRowspan" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ColumnBase, isStandalone: true, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", resizeStep: "resizeStep", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass", cellRowspan: "cellRowspan" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnBase, decorators: [{
             type: Component,
@@ -2581,6 +2590,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], reorderable: [{
                 type: Input
+            }], resizeStep: [{
+                type: Input
             }], minResizableWidth: [{
                 type: Input
             }], maxResizableWidth: [{
@@ -2641,7 +2652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * 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.
@@ -2683,7 +2694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * 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.
@@ -2763,10 +2774,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Represents the filter-cell template directive.
  * Use this directive to customize the content of the filter cell.
  * To define the filter cell template, nest an `<ng-template>` tag with the
- * `kendoGridFilterCellTemplate` directive inside a `<kendo-grid-column>` tag ([see example]({% slug filter_row %}#toc-custom-filters)).
+ * `kendoGridFilterCellTemplate` directive inside a `<kendo-grid-column>` tag ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#custom-filters)).
  *
  * The template context is set to the current data item and the following additional fields are passed:
- * - `column`&mdash;Defines an instance of the [`ColumnComponent`]({% slug api_grid_columncomponent %}) option. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `column`&mdash;Defines an instance of the [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columncomponent) option. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
  * - `filter`&mdash;The provided filter descriptors. Use it as an alias for a template variable by utilizing the `let-filter="filter"` syntax.
  *
  * @example
@@ -2805,7 +2816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the content of the filter menu.
  * To define the filter menu template, nest an `<ng-template>` tag with the
  * `kendoGridFilterMenuTemplate` directive inside a `<kendo-grid-column>` tag.
- * [See example]({% slug filter_menu %}#toc-custom-filters).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu#custom-filters).
  *
  * The template context is set to the current data item and provides these additional fields:
  * - `column`&mdash;Defines an instance of the `ColumnComponent` option. Use it as an alias for a template variable by using the `let-column="column"` syntax.
@@ -2872,11 +2883,11 @@ class ColumnComponent extends ColumnBase {
     field;
     /**
      * Sets the format for displaying the column value.
-     * For supported date and number formats, see the [Column Formats](slug:formats_columns_grid) article.
+     * For supported date and number formats, see the [Column Formats](https://www.telerik.com/kendo-angular-ui/components/grid/columns/formats) article.
      */
     format;
     /**
-     * Enables sorting when the user clicks the column header. [See example](slug:sorting_grid).
+     * Enables sorting when the user clicks the column header. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/basics).
      * Emits the `sortChange` event.
      *
      * @default true
@@ -2890,14 +2901,14 @@ class ColumnComponent extends ColumnBase {
      */
     groupable = true;
     /**
-     * Sets the editor type for the column. [See example](slug:inline_editing_grid#toc-using-reactive-forms).
+     * Sets the editor type for the column. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#using-reactive-forms).
      * Used when the column enters edit mode.
      *
      * @default 'text'
      */
     editor = 'text';
     /**
-     * Sets the filter type for the filter row UI. [See example](slug:filtering_grid#toc-filter-data-types).
+     * Sets the filter type for the filter row UI. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#filter-data-types).
      *
      * @default 'text'
      */
@@ -2909,13 +2920,13 @@ class ColumnComponent extends ColumnBase {
      */
     filterVariant = 'default';
     /**
-     * Shows or hides the filter UI for this column. [See example](slug:filtering_grid).
+     * Shows or hides the filter UI for this column. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics).
      *
      * @default true
      */
     filterable = true;
     /**
-     * Sets whether the column is editable. [See example](slug:make_fields_uneditable_grid).
+     * Sets whether the column is editable. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/prevent-editing).
      *
      * @default true
      */
@@ -3032,10 +3043,10 @@ function isSpanColumnComponent(column) {
 }
 /**
  * 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
@@ -3086,7 +3097,7 @@ class SpanColumnComponent extends ColumnBase {
     includeInChooser = false;
     /**
      * 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) {
@@ -3138,7 +3149,7 @@ class SpanColumnComponent extends ColumnBase {
         return this.children.filter(c => c.isVisible).length;
     }
     /**
-     * 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) {
@@ -3511,7 +3522,6 @@ const isNavigationKey = keyCode => isArrowKey(keyCode) ||
 const isInput = matchesNodeName('input');
 const isTextInput = element => element && isInput(element) && element.type.toLowerCase() === 'text';
 const isPrintableCharacter = (str) => str.length === 1 && str.match(/\S/);
-const resizeStep = 10;
 /**
  * @hidden
  */
@@ -3958,7 +3968,6 @@ class NavigationService {
         const row = this.cursor.row;
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
         const code = normalizeKeys(args);
-        // Handle row reordering keyboard shortcuts (Ctrl/Cmd + Shift + Up/Down Arrow)
         if (modifier && args.shiftKey && (code === Keys.ArrowUp || code === Keys.ArrowDown)) {
             if (this.handleRowReorderKeyboard(args, code, row)) {
                 args.preventDefault();
@@ -4000,8 +4009,11 @@ class NavigationService {
                 break;
             case Keys.ArrowRight:
             case Keys.ArrowLeft:
-                if (args.altKey && this.ctx.grid.resizable && this.isColumnResizable) {
+                if (args.altKey && !args.shiftKey && !args.ctrlKey && !args.metaKey &&
+                    row.index < this.meta.headerRows &&
+                    this.ctx.grid.resizable) {
                     this.columnResize(right);
+                    preventDefault = true;
                     break;
                 }
                 if (args.shiftKey) {
@@ -4138,13 +4150,46 @@ class NavigationService {
             args.preventDefault();
         }
     }
-    columnResize(onRightArrow) {
+    columnResize(increaseWidth) {
         const column = this.ctx.grid.columnsContainer.allColumns.find((col) => col.level === this.activeCell.rowIndex && col.leafIndex === this.activeCell.colIndex);
-        this.resizeService.start(column);
-        this.resizeService.resizeColumns(onRightArrow ? resizeStep : -1 * resizeStep);
-        if (this.resizeService.resizeColumns.length > 0) {
-            this.resizeService.end();
+        if (!column?.resizable) {
+            return;
+        }
+        const rtl = this.ctx.localization.rtl;
+        const step = column.resizeStep || 10;
+        const shouldIncrease = rtl ? !increaseWidth : increaseWidth;
+        const delta = shouldIncrease ? step : -step;
+        // Get the actual rendered width from the DOM header cell
+        // Fall back to column.width if header cell is not found
+        let currentWidth = column.width || 0;
+        const headerCell = this.meta.gridElement.nativeElement.querySelector(`.k-grid-header tr:nth-child(${this.activeCell.rowIndex + 1}) th:nth-child(${this.activeCell.colIndex + 1})`);
+        if (headerCell) {
+            const rect = headerCell.getBoundingClientRect();
+            if (rect.width > 0) {
+                currentWidth = rect.width;
+            }
+        }
+        // If still no width, use resizeStartWidth or default
+        if (!currentWidth) {
+            currentWidth = column.resizeStartWidth || 0;
+        }
+        if (!currentWidth) {
+            return;
         }
+        const newWidth = currentWidth + delta;
+        const minWidth = column.minResizableWidth || 10;
+        const maxWidth = column.maxResizableWidth;
+        if (newWidth < minWidth || (maxWidth && newWidth > maxWidth)) {
+            return;
+        }
+        // Set resizeStartWidth before calling resizeColumns so the column-handle directive can calculate the new width correctly
+        column.resizeStartWidth = currentWidth;
+        // The resizeColumns method expects a percentage value relative to the current column width.
+        // Convert pixel delta to percentage for consistency with the existing mouse-based resizing logic.
+        const deltaPercent = (delta / currentWidth) * 100;
+        this.resizeService.start(column);
+        this.resizeService.resizeColumns(deltaPercent);
+        this.resizeService.end();
     }
     onContentKeydown(args) {
         if (!this.onCellKeydown(args)) {
@@ -4645,7 +4690,7 @@ function isColumnGroupComponent(column) {
     return column.isColumnGroup;
 }
 /**
- * Represents the column group header of the Grid ([more information and examples](slug:multicolumnheaders_columns_grid)).
+ * Represents the column group header of the Grid ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/grid/columns/headers)).
  *
  * Use this component to group columns under a common header.
  *
@@ -4763,7 +4808,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the detail template of the Grid ([more information and examples]({% slug detailrowtemplate_grid %})).
+ * Represents the detail template of the Grid ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/detail-template)).
  * Nest an `<ng-template>` tag with the `kendoGridDetailTemplate` directive inside a `<kendo-grid>` tag to define the detail template.
  *
  * @example
@@ -4905,7 +4950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Lets you override the default loading indicator of the Grid.
- * Place an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside `<kendo-grid>` to define a loading template. ([See example](slug:loadingtemplate_grid)).
+ * Place an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside `<kendo-grid>` to define a loading template. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/loading-template)).
  *
  * @example
  * ```html
@@ -5706,18 +5751,15 @@ class GridTableDirective {
         return this.size === 'small';
     }
     get sizeMediumClass() {
-        return this.size === 'medium' || !this.size;
+        return this.size === 'medium';
     }
     set size(size) {
         this._size = size;
-        if (size === 'none') {
-            this.wrapper.nativeElement.classList.remove('k-table-sm', 'k-table-md');
-        }
     }
     get size() {
         return this._size;
     }
-    _size = 'medium';
+    _size;
     constructor(wrapper) {
         this.wrapper = wrapper;
     }
@@ -6526,7 +6568,7 @@ class GroupPanelComponent {
         }
         
         <ng-template #defaultTemplate>
-            <ul unselectable="on" role="menu" class="k-group k-menu-group k-reset k-menu-group-md" [kendoEventsOutsideAngular]="{
+            <ul unselectable="on" role="menu" class="k-group k-menu-group k-reset" [kendoEventsOutsideAngular]="{
                 keydown: handleKeyDown,
                 click: handleClick
             }">
@@ -6617,7 +6659,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }
         
         <ng-template #defaultTemplate>
-            <ul unselectable="on" role="menu" class="k-group k-menu-group k-reset k-menu-group-md" [kendoEventsOutsideAngular]="{
+            <ul unselectable="on" role="menu" class="k-group k-menu-group k-reset" [kendoEventsOutsideAngular]="{
                 keydown: handleKeyDown,
                 click: handleClick
             }">
@@ -6756,9 +6798,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the `Contains` (**Contains**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `Contains` (**Contains**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter values that contain the specified text.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -6811,9 +6853,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `DoesNotContain` (**Does not contain**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `DoesNotContain` (**Does not contain**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter values that do not contain the specified text.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -6866,9 +6908,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `EndsWith` (**Ends with**) string filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `EndsWith` (**Ends with**) string filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter values that end with the specified text.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -6921,9 +6963,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `Equal` (**Is equal to**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `Equal` (**Is equal to**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter values that are equal to the specified value.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -7024,9 +7066,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `IsEmpty` (**Is empty**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `IsEmpty` (**Is empty**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter out values that are empty strings.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7079,9 +7121,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `IsNotEmpty` (**Is not empty**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `IsNotEmpty` (**Is not empty**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter out values that are not empty strings.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7134,9 +7176,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `IsNotNull` (**Is not null**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `IsNotNull` (**Is not null**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter out values that are not null.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -7236,9 +7278,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `IsNull` (**Is null**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `IsNull` (**Is null**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter out values that are null.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -7338,9 +7380,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `NotEqual` (**Is not equal to**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `NotEqual` (**Is not equal to**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter values that are not equal to the specified value.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -7440,9 +7482,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `StartsWith` (**Starts with**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Represents the `StartsWith` (**Starts with**) filter operator. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#using-the-built-in-directive).
  * Use this operator to filter values that start with the specified text.
- * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * For more information and examples, see the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7495,9 +7537,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `Greater` (**Is greater than**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ * Represents the `Greater` (**Is greater than**) [numeric filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#numeric-filter) operator.
  * Use this operator to filter values greater than the specified number.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7550,9 +7592,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#numeric-filter) operator.
  * Use this operator to filter values greater than or equal to the specified number.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7605,9 +7647,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `Less` (**Is less than**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ * Represents the `Less` (**Is less than**) [numeric filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#numeric-filter) operator.
  * Use this operator to filter values less than the specified number.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7660,9 +7702,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `LessOrEqualTo` (**Is less than or equal to**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ * Represents the `LessOrEqualTo` (**Is less than or equal to**) [numeric filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#numeric-filter) operator.
  * Use this operator to filter values less than or equal to the specified number.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7715,9 +7757,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `Greater` (**Is after**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Represents the `Greater` (**Is after**) [date filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#date-filter) operator.
  * Use this operator to filter dates after the specified date.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7779,9 +7821,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#date-filter) operator.
  * Use this operator to filter dates after or equal to the specified date.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7843,9 +7885,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#date-filter) operator.
  * Use this operator to filter dates before or equal to the specified date.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -7907,9 +7949,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the `Less than` (**Is before**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Represents the `Less than` (**Is before**) [date filter](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics#date-filter) operator.
  * Use this operator to filter dates before the specified date.
- * [See example](slug:filter_row#toc-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#default-filter-operator).
  *
  * @example
  * ```html Filer Cell
@@ -8012,7 +8054,7 @@ class FilterCellOperatorsComponent {
     /**
      * @hidden
      */
-    size = 'medium';
+    size;
     /**
      * @hidden
      */
@@ -8341,7 +8383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Provides a service to set the filter descriptor.
- * [See example]({% slug filter_row %}#toc-custom-filter-row-components).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#custom-filter-row-components).
  */
 class FilterService {
     /**
@@ -8481,6 +8523,9 @@ class AdaptiveGridService {
         this.reset();
     }
     resetFilter() {
+        if (this.filterMenuContainer?.clearDisabled) {
+            return;
+        }
         this.filterMenuContainer.reset();
         this.ctx.grid.adaptiveRenderer.actionSheet.toggle(false);
         this.reset();
@@ -8538,7 +8583,7 @@ class PopupCloseEvent extends PreventableEvent {
 const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
 /**
  * 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)).
  */
 class SinglePopupService {
     popupService;
@@ -8724,7 +8769,7 @@ const localizeOperators = operators => localization => Object.keys(operators).ma
     value: operators[key]
 }));
 /**
- * An abstract base class for the filter-cell component ([see example]({% slug filter_row %}#toc-custom-filter-row-components)).
+ * An abstract base class for the filter-cell component ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#custom-filter-row-components)).
  */
 class BaseFilterCellComponent {
     filterService;
@@ -8741,7 +8786,7 @@ class BaseFilterCellComponent {
     /**
      * @hidden
      */
-    size = 'medium';
+    size;
     /**
      * The current root filter.
      * @type {CompositeFilterDescriptor}
@@ -9385,7 +9430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents a string-filter menu component.
  * Use this component to filter string values in the Grid.
- * [See example](slug:filter_menu#toc-built-in-filter-menu-components).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu#built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -10145,12 +10190,12 @@ class DateFilterComponent extends BaseFilterCellComponent {
     max;
     /**
      * Sets the descriptions for the format sections in the input field.
-     * [See example](slug:placeholders_datepicker#toc-format-sections-description).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/placeholders#format-sections-description).
      */
     formatPlaceholder;
     /**
      * Sets the hint shown when the value is `null`.
-     * [See example](slug:placeholders_datepicker#toc-text-hints).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/placeholders#text-hints).
      */
     placeholder;
     /**
@@ -10703,7 +10748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents a filtering menu component for boolean columns.
- * [See example](slug:filter_menu#toc-built-in-filter-menu-components).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu#built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -11313,7 +11358,12 @@ class FilterMenuContainerComponent {
      * The column with which the filter is associated.
      * @type {ColumnComponent}
      */
-    column;
+    set column(value) {
+        this._column = value;
+    }
+    get column() {
+        return this._column;
+    }
     /**
      * @hidden
      */
@@ -11350,11 +11400,13 @@ class FilterMenuContainerComponent {
         return this._childFilter;
     }
     resetButton;
+    _column;
     _childFilter;
     subscription;
     _templateContext = {};
     _filter;
     checkboxFilter;
+    _clearDisabled = true;
     constructor(parentService, childService, ctx, cd, menuTabbingService, adaptiveGridService) {
         this.parentService = parentService;
         this.childService = childService;
@@ -11411,7 +11463,16 @@ class FilterMenuContainerComponent {
         this.close.emit();
         return false;
     }
+    get clearDisabled() {
+        if (!this.column || !this.filter) {
+            return true;
+        }
+        return !filtersByField(this.filter, this.column.field).length;
+    }
     reset() {
+        if (this.clearDisabled) {
+            return;
+        }
         const root = this.filter || {
             filters: [],
             logic: "and"
@@ -11430,7 +11491,7 @@ class FilterMenuContainerComponent {
                 this.menuTabbingService.firstFocusable.focus();
             }
             else {
-                this.disabled ? this.menuTabbingService.firstFocusable.focus() : this.resetButton.nativeElement.focus();
+                this.disabled || this.clearDisabled ? this.menuTabbingService.firstFocusable.focus() : this.resetButton.nativeElement.focus();
             }
         }
     }
@@ -11552,9 +11613,14 @@ class FilterMenuContainerComponent {
                 (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
                 <button #resetButton kendoButton
                   type="reset"
-                  [ngClass]="{'k-button-rectangle': !isMultiFilter}"
+                  [class.k-button-rectangle]="!isMultiFilter"
+                  [class.k-disabled]="clearDisabled"
+                  [attr.aria-disabled]="clearDisabled"
                   [icon]="getButtonIcon('reset', 'icon')"
                   [svgIcon]="getButtonIcon('reset', 'svgIcon')"
+                  (click)="reset()"
+                  (keydown.space)="clearDisabled ? $event.preventDefault() : reset()"
+                  (keydown.enter)="clearDisabled ? $event.preventDefault() : reset()"
                 (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
               </div>
             }
@@ -11611,9 +11677,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
                 <button #resetButton kendoButton
                   type="reset"
-                  [ngClass]="{'k-button-rectangle': !isMultiFilter}"
+                  [class.k-button-rectangle]="!isMultiFilter"
+                  [class.k-disabled]="clearDisabled"
+                  [attr.aria-disabled]="clearDisabled"
                   [icon]="getButtonIcon('reset', 'icon')"
                   [svgIcon]="getButtonIcon('reset', 'svgIcon')"
+                  (click)="reset()"
+                  (keydown.space)="clearDisabled ? $event.preventDefault() : reset()"
+                  (keydown.enter)="clearDisabled ? $event.preventDefault() : reset()"
                 (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
               </div>
             }
@@ -11939,7 +12010,7 @@ class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
     get currentOperator() {
         return this.currentFilter ? this.currentFilter.operator : "contains";
     }
-    size = 'medium';
+    size;
     _valueField;
     subs;
     constructor(filterService, column, ctx, sizingOptionsService) {
@@ -12005,7 +12076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents a filter-cell component for boolean columns.
- * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  * ```html
@@ -12024,7 +12095,7 @@ class BooleanFilterCellComponent extends BooleanFilterComponent {
     /**
      * @hidden
      */
-    size = 'medium';
+    size;
     subs;
     constructor(filterService, ctx, cd, sizingService) {
         super(filterService, ctx);
@@ -12100,8 +12171,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: FilterService }, { type: ContextService }, { type: i0.ChangeDetectorRef }, { type: SizingOptionsService }] });
 
 /**
- * Represents a [DatePicker](slug:overview_datepicker) cell component for filtering of date columns.
- * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
+ * Represents a [DatePicker](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker) cell component for filtering of date columns.
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  *
@@ -12225,7 +12296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents a filter cell component for filtering of string columns.
- * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  * ```html
@@ -12333,7 +12404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents a filter cell component for filtering of numeric columns.
- * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  * ```html
@@ -12704,7 +12775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the service passed to the [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * Represents the service passed to the [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
  *
  * Use this service to interact with the column menu from a custom template.
  *
@@ -13568,9 +13639,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the component for toggling visibility of the Grid columns visibility. [See example](slug:toolbartemplate_grid).
- * To show and hide the columns without including the column chooser item in the [Column Menu](slug:columnmenu_grid),
- * add the component inside the [ToolbarTemplate](slug:toolbartemplate_grid) directive.
+ * Represents the component for toggling visibility of the Grid columns visibility. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/toolbar/toolbar-template).
+ * To show and hide the columns without including the column chooser item in the [Column Menu](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu),
+ * add the component inside the [ToolbarTemplate](https://www.telerik.com/kendo-angular-ui/components/grid/toolbar/toolbar-template) directive.
  *
  * @example
  * ```html
@@ -13792,6 +13863,7 @@ const ToolbarToolName = {
     add: 'add',
     columns: 'columns',
     excelExport: 'excelExport',
+    csvExport: 'csvExport',
     pdfExport: 'pdfExport',
     aiAssistant: 'aiAssistant'
 };
@@ -13804,6 +13876,7 @@ const ICONS_MAP = {
     add: { svgIcon: plusIcon, icon: 'plus' },
     excelExport: { svgIcon: fileExcelIcon, icon: 'file-excel' },
     pdfExport: { svgIcon: filePdfIcon, icon: 'file-pdf' },
+    csvExport: { svgIcon: fileCsvIcon, icon: 'file-csv' },
     columns: { svgIcon: columnsIcon, icon: 'columns' },
     aiAssistant: { svgIcon: sparklesIcon, icon: 'sparkles' }
 };
@@ -14089,7 +14162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 class ColumnMenuItemBase {
     /**
-     * Represents the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) class.
+     * Represents the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) class.
      * This input is required.
      */
     service;
@@ -14172,7 +14245,7 @@ const hasItems = (settings, column) => hasAutoSizeAllColumns(settings) ||
 
 /**
  * Represents the content template of the
- * [`ColumnMenuItemComponent`]({% slug api_grid_columnmenuitemcomponent %}) component.
+ * [`ColumnMenuItemComponent`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuitemcomponent) component.
  * Use this directive to specify the content of a column menu item.
  * To define the content template, nest an `<ng-template>` tag with the
  * `kendoGridColumnMenuItemContentTemplate` directive inside a `<kendo-grid-columnmenu-item>`.
@@ -14227,7 +14300,7 @@ const normalize$1 = (...settings) => Object.assign({}, DEFAULTS, ...settings);
 
 /**
  * Represents an item that you can place inside a
- * [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
  *
  * @example
  * ```html
@@ -14304,7 +14377,7 @@ class ColumnMenuItemComponent {
      */
     focused;
     /**
-     * Represents the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) class.
+     * Represents the [ColumnMenuService](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) class.
      * Required to include the item in the column menu keyboard navigation sequence.
      */
     service;
@@ -14420,9 +14493,9 @@ class ColumnMenuItemComponent {
               <kendo-icon-wrapper
                 [name]="icon"
               [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            }
-            {{ text }}
-            @if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
+            }<!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
               <span
                 class="k-columnmenu-indicators">
                 <kendo-icon-wrapper
@@ -14460,7 +14533,7 @@ class ColumnMenuItemComponent {
             </div>
           }
         }
-        
+
         <ng-template #content>
           <div
             class="k-columnmenu-item"
@@ -14476,9 +14549,9 @@ class ColumnMenuItemComponent {
               <kendo-icon-wrapper
                 [name]="icon"
               [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            }
-            {{ text }}
-            @if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
+            }<!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
               <span
                 class="k-columnmenu-indicators">
                 <kendo-icon-wrapper
@@ -14587,9 +14660,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               <kendo-icon-wrapper
                 [name]="icon"
               [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            }
-            {{ text }}
-            @if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
+            }<!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
               <span
                 class="k-columnmenu-indicators">
                 <kendo-icon-wrapper
@@ -14627,7 +14700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </div>
           }
         }
-        
+
         <ng-template #content>
           <div
             class="k-columnmenu-item"
@@ -14643,9 +14716,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               <kendo-icon-wrapper
                 [name]="icon"
               [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            }
-            {{ text }}
-            @if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
+            }<!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if ((ctx.grid.isActionSheetExpanded && adaptiveGridService.viewType === 'sortToolbarTool' && sortDescriptor(column.field).dir)) {
               <span
                 class="k-columnmenu-indicators">
                 <kendo-icon-wrapper
@@ -14720,11 +14793,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the column-menu item for resizing all columns to the minimum possible width so that they fit the widest header or cell content without wrapping.
- * [See example](slug:columnmenu_grid#toc-autosize-all-columns-item).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#autosize-all-columns-item).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register it as a column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) passed by
- * the template to the `service` input of the `kendo-grid-columnmenu-autosize-all-columns` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
+ * To register it as a column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) passed by
+ * the template to the `service` input of the `kendo-grid-columnmenu-autosize-all-columns` component. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#customizing-the-content).
  *
  * @example
  * ```html
@@ -14797,10 +14870,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the column-menu item for resizing the specified column to the minimum possible width so that it fits the header or cell content without wrapping.
- * [See example](slug:columnmenu_grid#toc-autosize-column-item).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#autosize-column-item).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * Set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) and `column` passed by
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
+ * Set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) and `column` passed by
  * the template to the `service` and `column` inputs of the `kendo-grid-columnmenu-autosize-column` component.
  *
  * @example
@@ -14881,11 +14954,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the column-menu item for selecting columns in the Grid. [See example](slug:columnmenu_grid#toc-column-chooser-item).
+ * Represents the column-menu item for selecting columns in the Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#column-chooser-item).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register it as a column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) passed by
- * the template to the `service` input of the `kendo-grid-columnmenu-chooser` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
+ * To register it as a column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) passed by
+ * the template to the `service` input of the `kendo-grid-columnmenu-chooser` component. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#customizing-the-content).
  *
  * @example
  * ```html
@@ -15019,11 +15092,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents a column-menu item for sticking or unsticking columns in the Grid.
- * [See example](slug:columnmenu_grid#toc-stick-and-unstick-items).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#stick-and-unstick-items).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register the component as a column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) from the template to the `service` input of the `kendo-grid-columnmenu-stick` component.
- * [See example](slug:columnmenu_grid#toc-customizing-the-content).
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
+ * To register the component as a column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) from the template to the `service` input of the `kendo-grid-columnmenu-stick` component.
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#customizing-the-content).
  *
  * @example
  * ```html
@@ -15126,10 +15199,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }, { type: ColumnInfoService }, { type: i0.ChangeDetectorRef }] });
 
 /**
- * Represents the column-menu item for locking and unlocking columns in the Grid. [See example](slug:columnmenu_grid#toc-lock-and-unlock-items).
+ * Represents the column-menu item for locking and unlocking columns in the Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#lock-and-unlock-items).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) that the template passes to the `service` input of the `kendo-grid-columnmenu-lock` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
+ * To register the component as a known column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) that the template passes to the `service` input of the `kendo-grid-columnmenu-lock` component. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#customizing-the-content).
  *
  * @example
  * ```html
@@ -15234,8 +15307,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the column-menu item that combines lock and sticky column functionalities.
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) that the template passes to the `service` input of the `kendo-grid-columnmenu-position` component. [See example](slug:columnmenu_grid#toc-set-column-position-item).
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
+ * To register the component as a known column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) that the template passes to the `service` input of the `kendo-grid-columnmenu-position` component. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#set-column-position-item).
  *
  * @example
  * ```html
@@ -15415,10 +15488,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the column-menu item for editing column filters in the Grid. [See example](slug:columnmenu_grid#toc-filter-item).
+ * Represents the column-menu item for editing column filters in the Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#filter-item).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) that the template passes to the `service` input of the `kendo-grid-columnmenu-filter` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive.
+ * To register the component as a known column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) that the template passes to the `service` input of the `kendo-grid-columnmenu-filter` component. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#customizing-the-content).
  *
  * @example
  * ```html
@@ -15555,7 +15628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents a directive that manages keyboard navigation for a column menu item ([see example](slug:columnmenu_grid#customizing-the-content)).
+ * Represents a directive that manages keyboard navigation for a column menu item ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#customizing-the-content)).
  *
  * @example
  * ```html
@@ -15777,7 +15850,7 @@ class SortService {
  * Represents the column-menu item for sorting Grid columns.
  *
  * Provides sorting options (ascending and descending) for a specific column in the Grid.
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive and pass the [`ColumnMenuService`]({% slug api_grid_columnmenuservice %}) to the `service` input of the `kendo-grid-columnmenu-sort` component.
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenutemplatedirective) directive and pass the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columnmenuservice) to the `service` input of the `kendo-grid-columnmenu-sort` component.
  *
  * @example
  * ```html
@@ -15883,7 +15956,7 @@ const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
 let id = 0;
 const getId = (gridId) => `${gridId}-column-menu-${id++}`;
 /**
- * Represents the [column menu](slug:columnmenu_grid#toc-customizing-the-position) component.
+ * Represents the [column menu](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/column-menu#customizing-the-position) component.
  *
  * @example
  * ```html
@@ -15928,12 +16001,12 @@ class ColumnMenuComponent {
     settings = {};
     /**
      * The sort descriptors for the Grid data.
-     * Typically bound to [`GridComponent.sort`]({% slug api_grid_gridcomponent %}#toc-sort).
+     * Typically bound to [`GridComponent.sort`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#sort).
      */
     sort;
     /**
      * The filter descriptor for the Grid data.
-     * Typically bound to [`GridComponent.filter`]({% slug api_grid_gridcomponent %}#toc-filter).
+     * Typically bound to [`GridComponent.filter`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#filter).
      */
     filter;
     /**
@@ -16757,7 +16830,7 @@ const componentColumns = (component) => {
     return orderBy(columns, [{ field: 'locked', dir: 'desc' }]);
 };
 /**
- * The component is required when exporting the data to an Excel file. The component provides different options to further configure the Excel export settings of the Grid ([see example]({% slug excelexport_grid %})).
+ * The component is required when exporting the data to an Excel file. The component provides different options to further configure the Excel export settings of the Grid ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export)).
  *
  * @example
  * ```html
@@ -16787,20 +16860,20 @@ class ExcelComponent {
      */
     date;
     /**
-     * Forwards the content to [`proxyURL`](#toc-proxyurl) even if the browser supports local file saving when set to `true`.
+     * Forwards the content to [`proxyURL`](#proxyurl) even if the browser supports local file saving when set to `true`.
      */
     forceProxy;
     /**
      * 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.
      * You can also use a proxy to reduce memory usage by transmitting the file over the network.
-     * Set [`forceProxy`](#toc-forceproxy) to `true` to skip client-side saving.
+     * Set [`forceProxy`](#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.xslx>"`.
-     * For more details, see the [File Saver]({% slug overview_filesaver %}) documentation.
+     * For more details, see the [File Saver](https://www.telerik.com/kendo-angular-ui/components/file-saver) documentation.
      */
     proxyURL;
     /**
      * Provides a function to get the exported data options. By default, uses the current Grid data and group.
-     * Supply a custom function to export different data. Typically used to export all data, not just the current page [see example](slug:excelexport_grid#controlling-the-exported-data).
+     * Supply a custom function to export different data. Typically used to export all data, not just the current page [see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export#controlling-the-exported-data).
      */
     fetchData;
     /**
@@ -16924,8 +16997,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the `excelExport` command of the Grid. Apply this
- * directive to any `button` element inside a [`ToolbarTemplate`]({% slug api_grid_toolbartemplatedirective %}).
- * When the user clicks the button, the [`excelExport`]({% slug api_grid_gridcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_grid %})).
+ * 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 [`excelExport`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#excelexport) event fires ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export)).
  *
  * @example
  * ```html
@@ -17008,6 +17081,433 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['class.k-grid-excel']
             }] } });
 
+/**
+ * @hidden
+ */
+class CSVService {
+    saveToCSV = new EventEmitter();
+    exportClick = new EventEmitter();
+    save(component) {
+        if (this.saveToCSV.observers.length === 0) {
+            if (isDevMode()) {
+                throw new Error(GridConfigurationErrorMessages.requiredModule('csv', 'CSVModule', '<kendo-grid-csv>'));
+            }
+        }
+        else {
+            this.saveToCSV.emit(component);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Provides arguments for the `csvExport` event.
+ */
+class CSVExportEvent extends PreventableEvent {
+    csv;
+    /**
+     * @hidden
+     */
+    constructor(csv) {
+        super();
+        this.csv = csv;
+    }
+}
+
+/**
+ * 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>
+ * ```
+ */
+class CSVComponent {
+    ctx;
+    zone;
+    /**
+     * Sets the file name for the exported CSV file.
+     * @default "Export.csv"
+     */
+    fileName = 'Export.csv';
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * Sets the character used to separate values in a row. Must be a single character.
+     * @default ","
+     */
+    delimiter = ',';
+    /**
+     * Sets the string used to terminate each line.
+     * @default "\r\n"
+     */
+    lineSeparator = '\r\n';
+    /**
+     * When `true`, prefixes potentially dangerous formula characters (`=`, `+`, `-`, `@`, tab, `\r`) with a single quote (`'`) to prevent formula injection attacks in spreadsheet applications.
+     * @default true
+     */
+    preventFormulaInjection = true;
+    /**
+     * Sets the maximum number of characters allowed per cell. Values exceeding this limit are truncated.
+     * @default 32767
+     */
+    maxCellLength = 32767;
+    /**
+     * Maximum number of rows to export.
+     * Data exceeding this limit is automatically truncated.
+     * Default: 1000000 (prevents memory exhaustion and DoS attacks).
+     *
+     * @default 1000000
+     */
+    maxRows = 1000000;
+    /**
+     * 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 = 1000;
+    /**
+     * 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 = false;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * Forwards the content to [`proxyURL`](#toc-proxyurl) even if the browser supports local file saving when set to `true`.
+     */
+    forceProxy;
+    /**
+     * 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;
+    saveSubscription;
+    dataSubscription;
+    constructor(csvService, ctx, zone) {
+        this.ctx = ctx;
+        this.zone = zone;
+        this.saveSubscription = csvService.saveToCSV.subscribe(this.save.bind(this));
+        this.ctx.csvComponent = this;
+    }
+    ngOnDestroy() {
+        this.saveSubscription.unsubscribe();
+        if (this.dataSubscription) {
+            this.dataSubscription.unsubscribe();
+        }
+        if (this.ctx.csvComponent === this) {
+            this.ctx.csvComponent = undefined;
+        }
+    }
+    /**
+     * @hidden
+     */
+    toCSVString(component) {
+        const data = this.fetchData ? this.fetchData(component) : component.data;
+        const options = this.getCSVOptions(component);
+        if (data instanceof Promise) {
+            return data.then(result => toCSV({ data: result, ...options }));
+        }
+        else if (data instanceof Observable) {
+            return data.pipe(take(1)).toPromise().then(result => toCSV({ data: result, ...options }));
+        }
+        else {
+            return toCSV({ data: data, ...options });
+        }
+    }
+    /**
+     * @hidden
+     */
+    saveAsCSV(component) {
+        const result = this.toCSVString(component);
+        const processCSV = (csvString) => {
+            const args = new CSVExportEvent(csvString);
+            component.csvExport.emit(args);
+            if (!args.isDefaultPrevented()) {
+                this.saveFile(args.csv);
+            }
+        };
+        if (result instanceof Promise) {
+            result.then(processCSV);
+        }
+        else {
+            processCSV(result);
+        }
+    }
+    save(component) {
+        const data = this.fetchData ? this.fetchData(component) : component.data;
+        const exportData = (result) => {
+            delete this.dataSubscription;
+            this.exportData(component, result);
+        };
+        if (data instanceof Promise) {
+            data.then(exportData);
+        }
+        else if (data instanceof Observable) {
+            this.dataSubscription = data.pipe(take(1)).subscribe(exportData);
+        }
+        else {
+            exportData(data);
+        }
+    }
+    exportData(component, result) {
+        const options = this.getCSVOptions(component);
+        const csvString = toCSV({ data: result, ...options });
+        const args = new CSVExportEvent(csvString);
+        component.csvExport.emit(args);
+        if (!args.isDefaultPrevented()) {
+            this.saveFile(args.csv);
+        }
+    }
+    getCSVOptions(component) {
+        const options = {
+            delimiter: this.delimiter,
+            lineSeparator: this.lineSeparator,
+            preventFormulaInjection: this.preventFormulaInjection,
+            maxRows: this.maxRows,
+            maxColumns: this.maxColumns,
+            maxCellLength: this.maxCellLength,
+            includeUTF8BOM: this.includeUTF8BOM
+        };
+        if (this.names === undefined) {
+            options.names = this.extractColumnNames(component);
+        }
+        else {
+            options.names = this.names;
+        }
+        if (!this.keys) {
+            options.keys = this.extractColumnKeys(component);
+        }
+        else {
+            options.keys = this.keys;
+        }
+        if (this.groupHeaderFormatter) {
+            options.groupHeaderFormatter = this.groupHeaderFormatter;
+        }
+        if (this.groupValueFormatter) {
+            options.groupValueFormatter = this.groupValueFormatter;
+        }
+        return options;
+    }
+    extractColumnNames(component) {
+        const visibleColumns = sortColumns(component.columns.toArray())
+            .filter((column) => column.isVisible && !column.isSpanColumn && !column.isColumnGroup);
+        return visibleColumns.map((column) => column.title || column.field || '');
+    }
+    extractColumnKeys(component) {
+        const visibleColumns = sortColumns(component.columns.toArray())
+            .filter((column) => column.isVisible && !column.isSpanColumn && !column.isColumnGroup);
+        return visibleColumns.map((column) => column.field || '');
+    }
+    saveFile(csvString) {
+        const type = `text/csv; charset=UTF-8${this.names !== null ? '; header=present' : ''}`;
+        const blob = new Blob([csvString], { type });
+        this.zone.runOutsideAngular(() => {
+            saveAs(blob, this.fileName, {
+                forceProxy: this.forceProxy,
+                proxyURL: this.proxyURL
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVComponent, deps: [{ token: CSVService }, { token: ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CSVComponent, isStandalone: true, selector: "kendo-grid-csv", inputs: { fileName: "fileName", fetchData: "fetchData", names: "names", keys: "keys", delimiter: "delimiter", lineSeparator: "lineSeparator", preventFormulaInjection: "preventFormulaInjection", maxCellLength: "maxCellLength", maxRows: "maxRows", maxColumns: "maxColumns", includeUTF8BOM: "includeUTF8BOM", groupHeaderFormatter: "groupHeaderFormatter", groupValueFormatter: "groupValueFormatter", forceProxy: "forceProxy", proxyURL: "proxyURL" }, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-csv',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: CSVService }, { type: ContextService }, { type: i0.NgZone }], propDecorators: { fileName: [{
+                type: Input
+            }], fetchData: [{
+                type: Input
+            }], names: [{
+                type: Input
+            }], keys: [{
+                type: Input
+            }], delimiter: [{
+                type: Input
+            }], lineSeparator: [{
+                type: Input
+            }], preventFormulaInjection: [{
+                type: Input
+            }], maxCellLength: [{
+                type: Input
+            }], maxRows: [{
+                type: Input
+            }], maxColumns: [{
+                type: Input
+            }], includeUTF8BOM: [{
+                type: Input
+            }], groupHeaderFormatter: [{
+                type: Input
+            }], groupValueFormatter: [{
+                type: Input
+            }], forceProxy: [{
+                type: Input
+            }], proxyURL: [{
+                type: Input
+            }] } });
+
+/**
+ * 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>
+ * ```
+ */
+class CSVCommandDirective extends Button {
+    csvService;
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.csvService.exportClick.emit();
+    }
+    /**
+     * @hidden
+     */
+    csvClass = true;
+    constructor(csvService, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
+        this.csvService = csvService;
+        this.ngZone = ngZone;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVCommandDirective, deps: [{ token: CSVService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CSVCommandDirective, isStandalone: true, selector: "[kendoGridCSVCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-csv": "this.csvClass" } }, usesInheritance: true, ngImport: i0, template: `
+        @if (icon || svgIcon) {
+          <kendo-icon-wrapper
+            innerCssClass="k-button-icon"
+            [name]="icon"
+          [svgIcon]="svgIcon"></kendo-icon-wrapper>
+        }
+        @if (imageUrl) {
+          <span class="k-button-icon k-icon">
+            <img [src]="imageUrl" class="k-image" role="presentation" />
+          </span>
+        }
+        @if (iconClass) {
+          <span class="k-button-icon" [ngClass]="iconClass"></span>
+        }
+        <span class="k-button-text"><ng-content></ng-content></span>
+        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVCommandDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoGridCSVCommand]',
+                    template: `
+        @if (icon || svgIcon) {
+          <kendo-icon-wrapper
+            innerCssClass="k-button-icon"
+            [name]="icon"
+          [svgIcon]="svgIcon"></kendo-icon-wrapper>
+        }
+        @if (imageUrl) {
+          <span class="k-button-icon k-icon">
+            <img [src]="imageUrl" class="k-image" role="presentation" />
+          </span>
+        }
+        @if (iconClass) {
+          <span class="k-button-icon" [ngClass]="iconClass"></span>
+        }
+        <span class="k-button-text"><ng-content></ng-content></span>
+        `,
+                    standalone: true,
+                    imports: [IconWrapperComponent, NgClass]
+                }]
+        }], ctorParameters: () => [{ type: CSVService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ContextService }, { type: i0.NgZone }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], csvClass: [{
+                type: HostBinding,
+                args: ['class.k-grid-csv']
+            }] } });
+
+/**
+ * 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}.
+ */
+class CSVCommandToolbarDirective extends ToolbarToolBase {
+    csvService;
+    constructor(csvService, host, ctx, zone, cdr) {
+        super(host, ToolbarToolName.csvExport, ctx, zone, cdr);
+        this.csvService = csvService;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.host.className = 'k-grid-csv';
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.csvService.exportClick.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVCommandToolbarDirective, deps: [{ token: CSVService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: CSVCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCSVTool]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridCSVTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: CSVService }, { type: i54.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+
 /**
  * @hidden
  */
@@ -17200,7 +17700,7 @@ const wrapTable = (table, size) => {
     }
     const wrapper = document.createElement('div');
     const classes = ['k-grid'];
-    if (size && size !== 'none') {
+    if (size) {
         classes.push(`k-grid-${size === 'medium' ? 'md' : 'sm'}`);
     }
     wrapper.classList.add(...classes);
@@ -17234,7 +17734,7 @@ const setFirstCellClass = (header, headers) => {
 const createTable = (colGroups, headers, bodies, footers, size) => {
     const table = document.createElement('table');
     const classes = ['k-table'];
-    if (size && size !== 'none') {
+    if (size) {
         classes.push(`k-table-${size === 'medium' ? 'md' : 'sm'}`);
     }
     table.classList.add(...classes);
@@ -17307,7 +17807,7 @@ const createDiv = (className) => {
     return createElement$1('div', className);
 };
 /**
- * Configures the settings for exporting the Grid to PDF. ([See example]({% slug pdfexport_grid %})).
+ * Configures the settings for exporting the Grid to PDF. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export)).
  *
  * Use this component to customize PDF export options for the Grid.
  *
@@ -17331,7 +17831,7 @@ class PDFComponent extends PDFExportComponent {
     allPages;
     /**
      * Sets the delay in milliseconds before exporting the Grid content.
-     * Use this property when exporting complex components in Grid templates, such as charts or data-bound components with asynchronous data retrieval. ([See example]({% slug pdfexport_grid %}#toc-exporting-all-pages)).
+     * Use this property when exporting complex components in Grid templates, such as charts or data-bound components with asynchronous data retrieval. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export#exporting-all-pages)).
      *
      * @default 0
      */
@@ -17609,8 +18109,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the PDF export command of the Grid.
- * Apply this directive to any `button` element inside a [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
- * When you click a button with this directive, the [`pdfExport`]({% slug api_grid_gridcomponent %}#toc-pdfexport) event fires. ([See example]({% slug pdfexport_grid %})).
+ * Apply this directive to any `button` element inside a [ToolbarTemplate](https://www.telerik.com/kendo-angular-ui/components/grid/api/commandcolumncomponent).
+ * When you click a button with this directive, the [`pdfExport`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#pdfexport) event fires. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export)).
  *
  * @example
  * ```html
@@ -17934,7 +18434,11 @@ class ColumnHandleDirective {
         if (!isDocumentAvailable()) {
             return;
         }
-        this.column.resizeStartWidth = headerWidth(this.element);
+        // Use existing resizeStartWidth if already set (for keyboard resizing),
+        // otherwise measure from DOM element (for mouse resizing)
+        if (!this.column.resizeStartWidth) {
+            this.column.resizeStartWidth = headerWidth(this.element);
+        }
         if (this.isConstrainedMode && !this.service.adjacentColumn) {
             this.setAdjacentColumn();
         }
@@ -19202,7 +19706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: DomEventsService }, { type: CellSelectionAggregateService }, { type: LocalDataChangesService }, { type: NavigationService }] });
 
 /**
- * Adds a select-all checkbox to the Grid. [See example](slug:grid_selection_persistence#selecting-all-rows).
+ * Adds a select-all checkbox to the Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting#selecting-all-rows).
  *
  * @example
  * ```html
@@ -19226,7 +19730,7 @@ class SelectAllCheckboxDirective {
     state;
     /**
      * Emits when the user clicks the select-all checkbox.
-     * ([see example](slug:grid_row_selection#toc-select-all-checkbox)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/row-selection#select-all-checkbox)).
      */
     selectAllChange = new EventEmitter();
     destroyClick;
@@ -19388,7 +19892,7 @@ class HeaderComponent {
     totalColumnsCount = 0;
     totalColumns;
     tabIndex;
-    size = 'medium';
+    size;
     sortedFields = {};
     hostClass = true;
     get sortableLabel() {
@@ -20583,7 +21087,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * 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 [Editing Action Buttons](slug:basics_editing_grid#editing-action-buttons) article.
+ * For more information and examples, see the [Editing Action Buttons](https://www.telerik.com/kendo-angular-ui/components/grid/editing/basics#editing-action-buttons) article.
  *
  * @example
  * ```html
@@ -20652,7 +21156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the checkbox column for selecting rows in the Grid. [See example](slug:grid_row_selection#toc-select-all-checkbox).
+ * Represents the checkbox column for selecting rows in the Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/row-selection#select-all-checkbox).
  *
  * Use this column to add checkboxes for row selection.
  *
@@ -20746,7 +21250,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Adds a row-selection checkbox to the Grid.
  * Use this directive on a `<kendo-checkbox>` component or `<input type="checkbox">` element inside a cell template.
- * When the user clicks the checkbox, the Grid triggers a [`selectionChange`](slug:api_grid_gridcomponent#toc-selectionChange) event.
+ * When the user clicks the checkbox, the Grid triggers a [`selectionChange`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#selectionChange) event.
  *
  * @example
  * ```html
@@ -20887,7 +21391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Lets you customize the item shown when the Grid has no data.
- * Place an `<ng-template>` tag with the `kendoGridNoRecordsTemplate` directive inside `<kendo-grid>` to define the no-records template. ([See example](slug:norecordtemplate_grid)).
+ * Place an `<ng-template>` tag with the `kendoGridNoRecordsTemplate` directive inside `<kendo-grid>` to define the no-records template. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/accessories/no-records-template)).
  *
  * @example
  * ```html
@@ -22836,10 +23340,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the `edit` command of the Grid. You can apply this directive to any `button`
- * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
+ * element inside a [CommandColumnComponent](https://www.telerik.com/kendo-angular-ui/components/grid/api/commandcolumncomponent).
  * When an associated button with the directive is clicked, the
- * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event
- * is triggered ([see example]({% slug basics_editing_grid %})).
+ * [`edit`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#edit) event
+ * is triggered ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/basics)).
  *
  * When the row is in the `edit` mode, the button with `kendoGridEditCommand` is automatically hidden.
  *
@@ -22947,11 +23451,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * 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.
@@ -23061,10 +23565,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the `save` 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 you click the button with this directive, the
- * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
+ * [`save`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#save) event fires.
  * The button with `kendoGridSaveCommand` is automatically hidden when the row is not in edit mode.
  *
  * You can change the button content based on the row state.
@@ -23174,10 +23678,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the `remove` 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)).
+ * 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 you click the button with this directive, the
- * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
+ * [`remove`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#remove) event fires.
  * The button with `kendoGridRemoveCommand` is automatically hidden when the row is in edit mode.
  *
  * @example
@@ -23284,9 +23788,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * 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
@@ -23365,7 +23869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * The directive allows customizing the loading indicator for virtual scrolling cells in the Grid.
- * Place an `<ng-template>` tag with the `kendoGridCellLoadingTemplate` directive inside `<kendo-grid>` to define the loading cell template. ([See example]({% slug virtualscrolling_grid %}#toc-custom-loading-skeleton)).
+ * Place an `<ng-template>` tag with the `kendoGridCellLoadingTemplate` directive inside `<kendo-grid>` to define the loading cell template. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual#custom-loading-skeleton)).
  *
  * The template context is set to the current column. You can use the following field:
  * - `column`&mdash;The current column instance. This is the default context for any template variable that uses the `let-x` syntax (for example, `let-column`).
@@ -23474,7 +23978,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }] }] });
 
 /**
- * Represents the drag handle for reordering rows in the Grid. [See example](slug:reordering_rows_grid).
+ * Represents the drag handle for reordering rows in the Grid. [See example](https://www.telerik.com/kendo-angular-ui/components/grid/rows/reordering).
  *
  * @example
  * ```html
@@ -23620,7 +24124,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.8',
+    version: '23.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -24908,7 +25412,7 @@ class Selection {
     rangeSelectionStartColumnIndex = 0;
     /**
      * Sets the item key to store in `selectedKeys`.
-     * [See example](slug:grid_selection_persistence#using-data-item-field).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting#using-data-item-field).
      */
     selectionKey;
     /**
@@ -25187,7 +25691,7 @@ class ToolbarTemplateDirective {
     templateRef;
     _position = 'top';
     /**
-     * Sets the position of the toolbar. ([See example]({% slug toolbartemplate_grid %}#toc-setting-the-toolbar-position)).
+     * Sets the position of the toolbar. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/toolbar/toolbar-template#setting-the-toolbar-position)).
      *
      * @default 'top'
      */
@@ -25670,7 +26174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Represents the status bar template of the Grid. Use this directive to customize how the Grid displays aggregates in the status bar.
  *
  * The template context provides:
- * - `aggregates`&mdash;The [`SelectionAggregates`]({% slug api_grid_selectionaggregates %}) object with all calculated aggregates.
+ * - `aggregates`&mdash;The [`SelectionAggregates`](https://www.telerik.com/kendo-angular-ui/components/grid/api/selectionaggregates) object with all calculated aggregates.
  *
  * Use the Angular [`ngFor`](link:site.data.urls.angular['ngfor']) structural directive and the [`KeyValuePipe`](https://angular.io/api/common/KeyValuePipe)
  * to loop through the aggregates as key-value pairs.
@@ -26797,7 +27301,7 @@ class ListComponent {
     cellLoadingTemplate;
     loadingTemplate;
     sort = new Array();
-    size = 'medium';
+    size;
     contentScroll = new EventEmitter();
     pageChange = new EventEmitter();
     scrollBottom = new EventEmitter();
@@ -27840,16 +28344,13 @@ class ToolbarComponent {
         return this.size === 'small';
     }
     get sizeMediumClass() {
-        return this.size === 'medium' || !this.size;
+        return this.size === 'medium';
     }
     set position(value) {
         this.context.position = value;
     }
     set size(size) {
         this._size = size;
-        if (size === 'none') {
-            this.wrapper.nativeElement.classList.remove('k-toolbar-sm', 'k-toolbar-md');
-        }
     }
     get size() {
         return this._size;
@@ -27903,7 +28404,7 @@ class ToolbarComponent {
     get toolbarTemplateRef() {
         return this.ctx.grid.toolbarTemplate ? this.ctx.grid.toolbarTemplate.templateRef : undefined;
     }
-    _size = 'medium';
+    _size;
     navigationService;
     constructor(ctx, wrapper) {
         this.ctx = ctx;
@@ -27914,7 +28415,7 @@ class ToolbarComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarComponent, deps: [{ token: ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
         @if (toolbarTemplateRef) {
           <ng-template
             [ngTemplateOutlet]="toolbarTemplateRef"
@@ -27945,9 +28446,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-grid-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-solid']
             }], sizeSmallClass: [{
                 type: HostBinding,
                 args: ['class.k-toolbar-sm']
@@ -27997,7 +28495,7 @@ class GridMessages extends ComponentMessages {
      * The message includes the current page number, total number of pages, and a localizable string.
      * You can reorder these parts by using placeholders in the `pagerLabel` input.
      * Use `{currentPage}` and `{totalPages}` to insert the actual values.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     pagerLabel;
     /**
@@ -28056,7 +28554,7 @@ class GridMessages extends ComponentMessages {
      *
      * You can reorder the column name and the localizable part by using a placeholder in `filterInputLabel`.
      * Use `{columnName}` to insert the column name, for example, **filter for {columnName}**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     filterInputLabel;
     /**
@@ -28067,7 +28565,7 @@ class GridMessages extends ComponentMessages {
      *
      * You can reorder the column name and the localizable part by using a placeholder in `filterMenuTitle`.
      * Use `{columnName}` to insert the column name, for example, **filter for {columnName}**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     filterMenuTitle;
     /**
@@ -28078,7 +28576,7 @@ class GridMessages extends ComponentMessages {
      *
      * You can reorder the column name and the localizable part by using a placeholder in `filterMenuOperatorsDropDownLabel`.
      * Use `{columnName}` to insert the column name, for example, **filter operators for {columnName}**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     filterMenuOperatorsDropDownLabel;
     /**
@@ -28089,7 +28587,7 @@ class GridMessages extends ComponentMessages {
      *
      * You can reorder the column name and the localizable part by using a placeholder in `filterMenuLogicDropDownLabel`.
      * Use `{columnName}` to insert the column name, for example, **filter logic for {columnName}**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     filterMenuLogicDropDownLabel;
     /**
@@ -28100,7 +28598,7 @@ class GridMessages extends ComponentMessages {
      *
      * You can reorder the column name and the localizable part by using a placeholder in `filterCellOperatorLabel`.
      * Use `{columnName}` to insert the column name, for example, **Filter operators for {columnName}**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     filterCellOperatorLabel;
     /**
@@ -28111,7 +28609,7 @@ class GridMessages extends ComponentMessages {
      *
      * You can reorder the column name and the localizable part by using a placeholder in `booleanFilterCellLabel`.
      * Use `{columnName}` to insert the column name, for example, **Boolean Filter operator for {columnName}**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     booleanFilterCellLabel;
     /**
@@ -28295,7 +28793,7 @@ class GridMessages extends ComponentMessages {
      *
      * You can reorder the column name and the localizable part by using a placeholder in `columnMenu`.
      * Use `{columnName}` to insert the column name, for example, **menu for {columnName}**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     columnMenu;
     /**
@@ -28491,6 +28989,10 @@ class GridMessages extends ComponentMessages {
      * Sets the text for the Grid Excel Export toolbar tool.
      */
     excelExportToolbarToolText;
+    /**
+     * Sets the text for the Grid CSV export toolbar tool.
+     */
+    csvExportToolbarToolText;
     /**
      * Sets the text for the Grid PDF Export toolbar tool.
      */
@@ -28539,7 +29041,7 @@ class GridMessages extends ComponentMessages {
      * <br/><br/>
      * The `{errorName}` and `{fieldName}` placeholders are replaced with the field and error names for the invalid form control,
      * and the error message is rendered as `required error detected for ProductName field`.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     formValidationErrorText;
     /**
@@ -28596,7 +29098,7 @@ class GridMessages extends ComponentMessages {
      */
     multiCheckboxFilterSelectedItemsCount;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GridMessages, isStandalone: true, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText", multiCheckboxFilterSearchPlaceholder: "multiCheckboxFilterSearchPlaceholder", multiCheckboxFilterSelectAllLabel: "multiCheckboxFilterSelectAllLabel", multiCheckboxFilterSelectedItemsCount: "multiCheckboxFilterSelectedItemsCount" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: GridMessages, isStandalone: true, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", csvExportToolbarToolText: "csvExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText", multiCheckboxFilterSearchPlaceholder: "multiCheckboxFilterSearchPlaceholder", multiCheckboxFilterSelectAllLabel: "multiCheckboxFilterSelectAllLabel", multiCheckboxFilterSelectedItemsCount: "multiCheckboxFilterSelectedItemsCount" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -28828,6 +29330,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], excelExportToolbarToolText: [{
                 type: Input
+            }], csvExportToolbarToolText: [{
+                type: Input
             }], pdfExportToolbarToolText: [{
                 type: Input
             }], groupPanelLabel: [{
@@ -30439,6 +30943,14 @@ class AdaptiveRendererComponent {
         externalEditingDirective.saveHandler({ ...event, formGroup });
         this.actionSheet.toggle(false);
     }
+    onAdaptiveResetClick(e) {
+        if (this.adaptiveGridService.filterMenuContainer?.clearDisabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        this.adaptiveGridService.resetFilter();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AdaptiveRendererComponent, deps: [{ token: ColumnMenuService }, { token: AdaptiveGridService }, { token: FilterService }, { token: ContextService }, { token: i2$1.AdaptiveService }, { token: SortService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: AdaptiveRendererComponent, isStandalone: true, selector: "kendo-grid-adaptive-renderer", viewQueries: [{ propertyName: "columnChooserContent", first: true, predicate: ["columnChooserContent"], descendants: true }, { propertyName: "filterToolbarToolTemplate", first: true, predicate: ["filterToolbarToolTemplate"], descendants: true, read: ViewContainerRef }, { propertyName: "filterMenuContainer", first: true, predicate: ["filterMenuContainer"], descendants: true }, { propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }, { propertyName: "groupToolbarTool", first: true, predicate: GroupToolbarToolComponent, descendants: true }], ngImport: i0, template: `
         <kendo-actionsheet
@@ -30452,7 +30964,7 @@ class AdaptiveRendererComponent {
             }"
           [overlayClickClose]="true"
           (collapse)="adaptiveGridService.reset()">
-        
+
           <!-- sortToolbarTool view -->
           @if (adaptiveGridService.viewType === 'sortToolbarTool') {
             <kendo-actionsheet-view>
@@ -30496,7 +31008,7 @@ class AdaptiveRendererComponent {
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- columnChooserToolbarTool view -->
           @if (adaptiveGridService.viewType === 'columnChooserToolbarTool') {
             <kendo-actionsheet-view>
@@ -30520,7 +31032,7 @@ class AdaptiveRendererComponent {
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- filterToolbarTool first view -->
           @if (adaptiveGridService.viewType === 'filterToolbarTool') {
             <kendo-actionsheet-view
@@ -30546,7 +31058,7 @@ class AdaptiveRendererComponent {
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- filterToolbarTool second view -->
           @if (adaptiveGridService.viewType === 'filterToolbarTool') {
             <kendo-actionsheet-view>
@@ -30563,7 +31075,7 @@ class AdaptiveRendererComponent {
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- filterMenu view -->
           @if (adaptiveGridService.viewType === 'filterMenu') {
             <kendo-actionsheet-view>
@@ -30586,7 +31098,7 @@ class AdaptiveRendererComponent {
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- columnMenu first view -->
           @if (adaptiveGridService.viewType === 'columnMenu') {
             <kendo-actionsheet-view
@@ -30668,7 +31180,7 @@ class AdaptiveRendererComponent {
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- columnMenu second view -->
           @if (adaptiveGridService.viewType === 'columnMenu') {
             <kendo-actionsheet-view>
@@ -30721,7 +31233,7 @@ class AdaptiveRendererComponent {
               }
             </kendo-actionsheet-view>
           }
-        
+
           <!-- external editing view -->
           @if (adaptiveGridService.viewType === 'externalEditing') {
             <kendo-actionsheet-view>
@@ -30757,7 +31269,7 @@ class AdaptiveRendererComponent {
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- groupToolbarTool view -->
           @if (adaptiveGridService.viewType === 'groupToolbarTool') {
             <kendo-actionsheet-view>
@@ -30792,7 +31304,7 @@ class AdaptiveRendererComponent {
             </kendo-actionsheet-view>
           }
         </kendo-actionsheet>
-        
+
         <ng-template #actionSheetHeaderTemplate>
           <div class="k-actionsheet-titlebar-group">
             @if (adaptiveGridService.secondaryView) {
@@ -30850,7 +31362,7 @@ class AdaptiveRendererComponent {
             }
           </div>
         </ng-template>
-        
+
         <ng-template #actionSheetFooterTemplate>
           <button
             #resetButton
@@ -30860,7 +31372,7 @@ class AdaptiveRendererComponent {
             [svgIcon]="arrowRotateCcwIcon"
             icon="arrow-rotate-ccw"
             type="button"
-                [kendoEventsOutsideAngular]="{click: cancelChanges, 
+                [kendoEventsOutsideAngular]="{click: cancelChanges,
                                             'keydown.enter': cancelChanges,
                                             'keydown.space': cancelChanges,
                                             'keydown.tab': onTab
@@ -30885,13 +31397,18 @@ class AdaptiveRendererComponent {
             {{ messageFor('columnsApply') }}
           </button>
         </ng-template>
-        
+
         <ng-template #filterFooterButtons>
           <button
             kendoButton
+            type="button"
             size="large"
             fillMode="solid"
-            (click)="adaptiveGridService.resetFilter()">
+            [class.k-disabled]="adaptiveGridService.filterMenuContainer?.clearDisabled"
+            [attr.aria-disabled]="adaptiveGridService.filterMenuContainer?.clearDisabled"
+            (click)="onAdaptiveResetClick($event)"
+            (keydown.space)="adaptiveGridService.filterMenuContainer?.clearDisabled ? $event.preventDefault() : onAdaptiveResetClick($event)"
+            (keydown.enter)="adaptiveGridService.filterMenuContainer?.clearDisabled ? $event.preventDefault() : onAdaptiveResetClick($event)">
             {{messageFor('filterClearButton')}}
           </button>
           <button
@@ -30922,7 +31439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }"
           [overlayClickClose]="true"
           (collapse)="adaptiveGridService.reset()">
-        
+
           <!-- sortToolbarTool view -->
           @if (adaptiveGridService.viewType === 'sortToolbarTool') {
             <kendo-actionsheet-view>
@@ -30966,7 +31483,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- columnChooserToolbarTool view -->
           @if (adaptiveGridService.viewType === 'columnChooserToolbarTool') {
             <kendo-actionsheet-view>
@@ -30990,7 +31507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- filterToolbarTool first view -->
           @if (adaptiveGridService.viewType === 'filterToolbarTool') {
             <kendo-actionsheet-view
@@ -31016,7 +31533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- filterToolbarTool second view -->
           @if (adaptiveGridService.viewType === 'filterToolbarTool') {
             <kendo-actionsheet-view>
@@ -31033,7 +31550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- filterMenu view -->
           @if (adaptiveGridService.viewType === 'filterMenu') {
             <kendo-actionsheet-view>
@@ -31056,7 +31573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- columnMenu first view -->
           @if (adaptiveGridService.viewType === 'columnMenu') {
             <kendo-actionsheet-view
@@ -31138,7 +31655,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- columnMenu second view -->
           @if (adaptiveGridService.viewType === 'columnMenu') {
             <kendo-actionsheet-view>
@@ -31191,7 +31708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               }
             </kendo-actionsheet-view>
           }
-        
+
           <!-- external editing view -->
           @if (adaptiveGridService.viewType === 'externalEditing') {
             <kendo-actionsheet-view>
@@ -31227,7 +31744,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               </ng-template>
             </kendo-actionsheet-view>
           }
-        
+
           <!-- groupToolbarTool view -->
           @if (adaptiveGridService.viewType === 'groupToolbarTool') {
             <kendo-actionsheet-view>
@@ -31262,7 +31779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </kendo-actionsheet-view>
           }
         </kendo-actionsheet>
-        
+
         <ng-template #actionSheetHeaderTemplate>
           <div class="k-actionsheet-titlebar-group">
             @if (adaptiveGridService.secondaryView) {
@@ -31320,7 +31837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }
           </div>
         </ng-template>
-        
+
         <ng-template #actionSheetFooterTemplate>
           <button
             #resetButton
@@ -31330,7 +31847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [svgIcon]="arrowRotateCcwIcon"
             icon="arrow-rotate-ccw"
             type="button"
-                [kendoEventsOutsideAngular]="{click: cancelChanges, 
+                [kendoEventsOutsideAngular]="{click: cancelChanges,
                                             'keydown.enter': cancelChanges,
                                             'keydown.space': cancelChanges,
                                             'keydown.tab': onTab
@@ -31355,13 +31872,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             {{ messageFor('columnsApply') }}
           </button>
         </ng-template>
-        
+
         <ng-template #filterFooterButtons>
           <button
             kendoButton
+            type="button"
             size="large"
             fillMode="solid"
-            (click)="adaptiveGridService.resetFilter()">
+            [class.k-disabled]="adaptiveGridService.filterMenuContainer?.clearDisabled"
+            [attr.aria-disabled]="adaptiveGridService.filterMenuContainer?.clearDisabled"
+            (click)="onAdaptiveResetClick($event)"
+            (keydown.space)="adaptiveGridService.filterMenuContainer?.clearDisabled ? $event.preventDefault() : onAdaptiveResetClick($event)"
+            (keydown.enter)="adaptiveGridService.filterMenuContainer?.clearDisabled ? $event.preventDefault() : onAdaptiveResetClick($event)">
             {{messageFor('filterClearButton')}}
           </button>
           <button
@@ -31487,6 +32009,7 @@ class GridComponent {
     responsiveService;
     renderer;
     excelService;
+    csvService;
     ngZone;
     scrollSyncService;
     domEvents;
@@ -31507,7 +32030,7 @@ class GridComponent {
     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) {
         this._data = value;
@@ -31556,7 +32079,7 @@ class GridComponent {
     }
     /**
      * 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;
     /**
@@ -31582,7 +32105,7 @@ class GridComponent {
     detailRowHeight;
     /**
      * 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() {
         return this._skip;
@@ -31600,13 +32123,13 @@ class GridComponent {
     scrollable = 'scrollable';
     /**
      * 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 = false;
     /**
-     * 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) {
         if (isArray(value)) {
@@ -31619,13 +32142,10 @@ class GridComponent {
     /**
      * Specifies the sizing for Grid elements like tables, buttons, and inputs.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
         this._size = size;
-        if (size === 'none') {
-            this.wrapper.nativeElement.classList.remove('k-grid-sm', 'k-grid-md');
-        }
         this.sizingService.changes.next(this.size);
     }
     get size() {
@@ -31635,15 +32155,15 @@ class GridComponent {
      * 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 = defaultTrackBy;
     /**
-     * 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;
     /**
-     * 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) {
         if (isArray(value)) {
@@ -31748,18 +32268,18 @@ class GridComponent {
      */
     gridData = () => { return this.flatData; };
     /**
-     * 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 = false;
     /**
-     * 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 = false;
     /**
-     * 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 = false;
@@ -31767,7 +32287,7 @@ class GridComponent {
         return normalize(this.pageable);
     }
     /**
-     * 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
      */
@@ -31779,7 +32299,7 @@ class GridComponent {
      */
     gridResizable = false;
     /**
-     * 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
      */
@@ -31801,7 +32321,7 @@ class GridComponent {
     }
     /**
      * 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) {
         if (typeof value === 'boolean') {
@@ -31820,13 +32340,13 @@ class GridComponent {
     /**
      * 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 = false;
     /**
-     * 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) {
         if (isDevMode() && typeof fn !== 'function') {
@@ -31852,7 +32372,7 @@ class GridComponent {
         return this._rowSticky;
     }
     /**
-     * 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) {
         if (isDevMode() && typeof fn !== 'function') {
@@ -31877,7 +32397,7 @@ class GridComponent {
     }
     /**
      * 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) {
         if (isDevMode() && typeof fn !== 'function') {
@@ -31926,19 +32446,19 @@ class GridComponent {
         };
     }
     /**
-     * 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 = false;
     /**
-     * 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 = false;
     /**
-     * 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
      */
@@ -31950,14 +32470,14 @@ class GridComponent {
         return this._loading;
     }
     /**
-     * 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 = false;
     /**
      * 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
      */
@@ -31998,15 +32518,15 @@ class GridComponent {
      */
     filterChange = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
-     * 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;
     /**
-     * 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 = new EventEmitter();
     /**
@@ -32042,31 +32562,31 @@ class GridComponent {
      */
     detailCollapse = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
-     * 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;
     /**
@@ -32077,6 +32597,10 @@ class GridComponent {
      * Fires when the Excel export command is triggered.
      */
     excelExport = new EventEmitter();
+    /**
+     * Fires when the CSV export command is triggered.
+     */
+    csvExport = new EventEmitter();
     /**
      * Fires when columns are resized.
      */
@@ -32098,7 +32622,7 @@ class GridComponent {
      */
     columnStickyChange = new EventEmitter();
     /**
-     * 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 = new EventEmitter();
     /**
@@ -32118,7 +32642,7 @@ class GridComponent {
         return this.size === 'small';
     }
     get sizeMediumClass() {
-        return this.size === 'medium' || !this.size;
+        return this.size === 'medium';
     }
     get stackedClass() {
         return this.dataLayoutMode === 'stacked';
@@ -32343,7 +32867,7 @@ class GridComponent {
     leafViewportColumns;
     viewportColumns;
     _navigable = ['table', 'pager', 'toolbar'];
-    _size = 'medium';
+    _size;
     _loading = false;
     _showPagerInput = true;
     _showPagerPageText = true;
@@ -32454,6 +32978,7 @@ class GridComponent {
     columnsChangeSubscription;
     pdfSubscription;
     excelSubscription;
+    csvSubscription;
     columnsContainerChangeSubscription;
     cellClickSubscription;
     footerChangeSubscription;
@@ -32469,7 +32994,7 @@ class GridComponent {
     rowReorderSubscription;
     rtl = false;
     _rowSticky;
-    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveGridService, rowReorderService, dataMappingService, aiRequestResponseService, idService) {
+    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, csvService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveGridService, rowReorderService, dataMappingService, aiRequestResponseService, idService) {
         this.supportService = supportService;
         this.selectionService = selectionService;
         this.cellSelectionService = cellSelectionService;
@@ -32484,6 +33009,7 @@ class GridComponent {
         this.responsiveService = responsiveService;
         this.renderer = renderer;
         this.excelService = excelService;
+        this.csvService = csvService;
         this.ngZone = ngZone;
         this.scrollSyncService = scrollSyncService;
         this.domEvents = domEvents;
@@ -32538,6 +33064,7 @@ class GridComponent {
         this.attachDomEventHandlers();
         this.pdfSubscription = this.pdfService.exportClick.subscribe(this.emitPDFExportEvent.bind(this));
         this.excelSubscription = this.excelService.exportClick.subscribe(this.saveAsExcel.bind(this));
+        this.csvSubscription = this.csvService.exportClick.subscribe(this.saveAsCSV.bind(this));
         this.columnsContainerChange();
         this.handleColumnResize();
         this.columnList = new ColumnList(this.columns);
@@ -32547,11 +33074,11 @@ class GridComponent {
         this.columnsContainer.isStacked = this.isStacked;
     }
     /**
-     * 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.
      */
@@ -32559,11 +33086,11 @@ class GridComponent {
         this.toggleDetailRowLegacy(index, true);
     }
     /**
-     * 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.
      */
@@ -32574,7 +33101,7 @@ class GridComponent {
      * 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.
      */
@@ -32585,7 +33112,7 @@ class GridComponent {
      * 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.
      */
@@ -32781,6 +33308,9 @@ class GridComponent {
         if (this.excelSubscription) {
             this.excelSubscription.unsubscribe();
         }
+        if (this.csvSubscription) {
+            this.csvSubscription.unsubscribe();
+        }
         if (this.columnsContainerChangeSubscription) {
             this.columnsContainerChangeSubscription.unsubscribe();
         }
@@ -32868,7 +33398,7 @@ class GridComponent {
      */
     messageFor = token => this.localization.get(token);
     /**
-     * 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.
@@ -32891,7 +33421,7 @@ class GridComponent {
         this.rowReorderService[evType](ev);
     }
     /**
-     * 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.
      */
@@ -32900,7 +33430,7 @@ class GridComponent {
         this.isStacked && (this.navigationService.stackedCellEntered = false);
     }
     /**
-     * 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.
      */
@@ -32914,7 +33444,7 @@ class GridComponent {
         this.focusEditElement('.k-grid-add-row');
     }
     /**
-     * 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.
@@ -32926,9 +33456,9 @@ class GridComponent {
         this.focusEditElement(this.isStacked ? '.k-grid-stack-edit-cell' : '.k-grid-edit-cell');
     }
     /**
-     * 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() {
         return !this.editService.closeCell();
@@ -32956,14 +33486,14 @@ class GridComponent {
         return this.editService.isEditingCell();
     }
     /**
-     * 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() {
         this.pdfService.save(this);
     }
     /**
-     * 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`.
      */
@@ -32973,11 +33503,31 @@ class GridComponent {
         return promise;
     }
     /**
-     * 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() {
         this.excelService.save(this);
     }
+    /**
+     * Initiates the CSV export ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/csv-export)).
+     */
+    saveAsCSV() {
+        this.csvService.save(this);
+    }
+    /**
+     * 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() {
+        if (!this.ctx.csvComponent) {
+            if (isDevMode()) {
+                throw new Error('The kendo-grid-csv component is required for CSV export.');
+            }
+            return '';
+        }
+        return this.ctx.csvComponent.toCSVString(this);
+    }
     /**
      * Applies the given `GridState` object to the Grid.
      */
@@ -33018,8 +33568,8 @@ class GridComponent {
     }
     /**
      * 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) {
         this.columnResizingService.autoFit(column);
@@ -33027,7 +33577,7 @@ class GridComponent {
     /**
      * 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 = this.columns) {
         let cols;
@@ -33150,13 +33700,13 @@ class GridComponent {
         return this.navigationService.focusPrevCell(wrap);
     }
     /**
-     * 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) {
         this.scrollRequestService.scrollTo(request, false);
     }
     /**
-     * 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) {
         this.scrollRequestService.scrollToItem(request);
@@ -33804,8 +34354,8 @@ class GridComponent {
         this.dragTargetContainer?.notify();
         this.dropTargetContainer?.notify();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: AdaptiveGridService }, { token: RowReorderService }, { token: DataMappingService }, { token: GridAIRequestResponseService }, { token: IdService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", adaptiveMode: "adaptiveMode", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", gridResizable: "gridResizable", rowReorderable: "rowReorderable", navigable: "navigable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", isRowSelectable: "isRowSelectable", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", showInactiveTools: "showInactiveTools", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded", dataLayoutMode: "dataLayoutMode" }, outputs: { 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" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-stack": "this.stackedClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass", "class.k-grid-resizable": "this.isResizable", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: CSVService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: AdaptiveGridService }, { token: RowReorderService }, { token: DataMappingService }, { token: GridAIRequestResponseService }, { token: IdService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", adaptiveMode: "adaptiveMode", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", gridResizable: "gridResizable", rowReorderable: "rowReorderable", navigable: "navigable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", isRowSelectable: "isRowSelectable", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", showInactiveTools: "showInactiveTools", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded", dataLayoutMode: "dataLayoutMode" }, outputs: { 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" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-stack": "this.stackedClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass", "class.k-grid-resizable": "this.isResizable", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
             BrowserSupportService,
             LocalizationService,
             ColumnInfoService,
@@ -33831,6 +34381,7 @@ class GridComponent {
             PagerContextService,
             PagerNavigationService,
             ExcelService,
+            CSVService,
             ScrollSyncService,
             ResizeService,
             LocalDataChangesService,
@@ -34150,6 +34701,9 @@ class GridComponent {
           i18n-excelExportToolbarToolText="kendo.grid.excelExportToolbarToolText|The text for the Grid Excel export toolbar tool"
           excelExportToolbarToolText="Excel Export"
 
+          i18n-csvExportToolbarToolText="kendo.grid.csvExportToolbarToolText|The text for the Grid CSV export toolbar tool"
+          csvExportToolbarToolText="CSV Export"
+
           i18n-pdfExportToolbarToolText="kendo.grid.pdfExportToolbarToolText|The text for the Grid PDF export toolbar tool"
           pdfExportToolbarToolText="PDF Export"
 
@@ -34753,6 +35307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         PagerContextService,
                         PagerNavigationService,
                         ExcelService,
+                        CSVService,
                         ScrollSyncService,
                         ResizeService,
                         LocalDataChangesService,
@@ -35074,6 +35629,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           i18n-excelExportToolbarToolText="kendo.grid.excelExportToolbarToolText|The text for the Grid Excel export toolbar tool"
           excelExportToolbarToolText="Excel Export"
 
+          i18n-csvExportToolbarToolText="kendo.grid.csvExportToolbarToolText|The text for the Grid CSV export toolbar tool"
+          csvExportToolbarToolText="CSV Export"
+
           i18n-pdfExportToolbarToolText="kendo.grid.pdfExportToolbarToolText|The text for the Grid PDF export toolbar tool"
           pdfExportToolbarToolText="PDF Export"
 
@@ -35672,7 +36230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ResizeSensorComponent
                     ]
                 }]
-        }], ctorParameters: () => [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: AdaptiveGridService }, { type: RowReorderService }, { type: DataMappingService }, { type: GridAIRequestResponseService }, { type: IdService }], propDecorators: { data: [{
+        }], ctorParameters: () => [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: CSVService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: AdaptiveGridService }, { type: RowReorderService }, { type: DataMappingService }, { type: GridAIRequestResponseService }, { type: IdService }], propDecorators: { data: [{
                 type: Input
             }], pageSize: [{
                 type: Input
@@ -35788,6 +36346,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Output
             }], excelExport: [{
                 type: Output
+            }], csvExport: [{
+                type: Output
             }], columnResize: [{
                 type: Output
             }], columnReorder: [{
@@ -35902,7 +36462,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * 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
@@ -35947,11 +36507,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$2.LocalizationService }] });
 
 /**
- * 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
@@ -36166,7 +36726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Stores the row selection state of the Grid in memory
- * ([see example](slug:grid_selection_persistence)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting)).
  *
  * @example
  * ```html
@@ -36475,7 +37035,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }] });
 
 /**
- * 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)).
+ * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#using-template-driven-forms)).
  *
  * @example
  * ```html
@@ -36552,7 +37112,7 @@ const markAllAsTouched = (control) => {
 };
 
 /**
- * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:inline_editing_grid#using-reactive-forms)).
+ * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing#using-reactive-forms)).
  *
  * @example
  * ```html
@@ -36601,7 +37161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example](slug:editing_incell_grid#quick-setup)).
+ * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/in-cell-editing#quick-setup)).
  *
  * @example
  * ```html
@@ -36687,7 +37247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the Kendo UI Grid external editing directive. The directive manages editing operations in the Grid when using the
- * External Form ([see example](slug:external_editing_grid#quick-setup)).
+ * External Form ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing#quick-setup)).
  *
  * @example
  * ```typescript
@@ -36824,7 +37384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Controls the expanded state of master detail rows in the Grid.
  * Use this directive to manage which detail rows are expanded or collapsed.
- * ([see example](slug:master_detail_expanded_state_grid#toc-built-in-directive))
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/expanded-state#built-in-directive))
  *
  * @example
  * ```html
@@ -36845,7 +37405,7 @@ class ExpandDetailsDirective {
     /**
      * Sets the item key stored in the `expandedDetailKeys` collection.
      * Accepts a property name or a function that returns a unique key for each data item.
-     * ([See example]({% slug master_detail_expanded_state_grid %}#toc-built-in-directive)).
+     * ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/expanded-state#built-in-directive)).
      */
     get expandDetailsKey() {
         return this._expandBy;
@@ -36962,7 +37522,7 @@ const DEFAULT_KEY_GETTER = (groupRowArgs) => ({
 /**
  * Controls the expanded state of group rows in the Grid.
  * Use this directive to manage which group rows are expanded or collapsed
- * ([see example]({% slug groups_expanded_state_grid %}#toc-built-in-directive)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/expanded-state#built-in-directive)).
  *
  * @example
  * ```typescript
@@ -36980,7 +37540,7 @@ class ExpandGroupDirective {
     /**
      * Sets the item format stored in the `expandedGroupKeys` collection.
      * Accepts a property name or a function that returns a unique key for each group
-     * ([see example]({% slug groups_expanded_state_grid %}#toc-custom-group-key-format)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/expanded-state#custom-group-key-format)).
      */
     get expandGroupBy() {
         return this._expandGroupBy;
@@ -37090,7 +37650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Used to give additional white space between the Pager inner elements,
  * and provides a way for customizing the spacer width.
  * It can also be used in any flex container within the Grid
- * ([see example](slug:toolbartemplate_grid#toc-defining-the-spacing-between-toolbar-elements)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/toolbar/toolbar-template#defining-the-spacing-between-toolbar-elements)).
  *
  * @example
  * ```html
@@ -37232,7 +37792,7 @@ class GridClipboardDirective {
     renderer;
     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'
      */
@@ -37401,7 +37961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the PDF export toolbar tool of 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 [`pdfExport`]({% slug api_grid_gridcomponent %}#toc-pdfexport) event fires. ([See example]({% slug pdfexport_grid %})).
+ * When you click the toolbar button with this directive, the [`pdfExport`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#pdfexport) event fires. ([See example](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export)).
  *
  * @example
  * ```html
@@ -37448,7 +38008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the **Export to Excel** 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 [`excelExport`]({% slug api_grid_gridcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_grid %})).
+ * When the user clicks the button, the [`excelExport`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#excelexport) event fires ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export)).
  *
  * @example
  * ```html
@@ -37575,7 +38135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * 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
@@ -38120,7 +38680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Apply this directive to any `kendo-toolbar-button` inside a ToolbarComponent in the Grid.
  *
  * When users click the toolbar button with this directive, the
- * [`undo`]({% slug api_grid_undoredodirective %}#toc-undo) event is triggered.
+ * [`undo`](https://www.telerik.com/kendo-angular-ui/components/grid/api/undoredodirective#undo) event is triggered.
  *
  * @example
  * ```html
@@ -38183,7 +38743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Apply this directive to any `kendo-toolbar-button` inside a ToolbarComponent in the Grid.
  *
  * When users click the toolbar button with this directive, the
- * [`redo`]({% slug api_grid_undoredodirective %}#toc-redo) event is triggered.
+ * [`redo`](https://www.telerik.com/kendo-angular-ui/components/grid/api/undoredodirective#redo) event is triggered.
  *
  * @example
  * ```html
@@ -38778,7 +39338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * 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
@@ -38823,7 +39383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * element inside a ToolbarComponent used in the Grid.
  *
  * When you click the toolbar button with this directive, the
- * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
+ * [`save`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#save) event fires.
  *
  * @example
  * ```html
@@ -38873,7 +39433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * element inside a ToolbarComponent used in the Grid.
  *
  * When you click the toolbar button with this directive, the
- * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
+ * [`remove`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#remove) event fires.
  *
  * @example
  * ```html
@@ -38918,7 +39478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * 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
@@ -40219,6 +40779,16 @@ const KENDO_GRID_EXCEL_EXPORT = [
     GroupHeaderColumnTemplateDirective$1,
     GroupHeaderTemplateDirective$1
 ];
+/**
+ * @hidden
+ *
+ * Utility array that contains the CSVExport module exports
+ */
+const KENDO_GRID_CSV_EXPORT = [
+    CSVComponent,
+    CSVCommandDirective,
+    CSVCommandToolbarDirective
+];
 /**
  * @hidden
  *
@@ -40246,6 +40816,7 @@ const KENDO_GRID_PDF_EXPORT = [
 const KENDO_GRID = [
     ...KENDO_GRID_EXPORTS,
     ...KENDO_GRID_EXCEL_EXPORT,
+    ...KENDO_GRID_CSV_EXPORT,
     ...KENDO_GRID_PDF_EXPORT
 ];
 
@@ -40399,9 +40970,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }] });
 
+// IMPORTANT: NgModule export kept for backwards compatibility
+/**
+ * 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 {}
+ * ```
+ */
+class CSVModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: CSVModule, imports: [i1$1.IconComponent, i1$1.SVGIconComponent, CSVComponent, CSVCommandDirective, CSVCommandToolbarDirective], exports: [CSVComponent, CSVCommandDirective, CSVCommandToolbarDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVModule, providers: [IconsService], imports: [KENDO_ICONS, CSVCommandDirective] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CSVModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...KENDO_ICONS, ...KENDO_GRID_CSV_EXPORT],
+                    exports: [...KENDO_GRID_CSV_EXPORT],
+                    providers: [IconsService]
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, BrowserSupportService, CELL_CONTEXT, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };
+export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, BrowserSupportService, CELL_CONTEXT, CSVCommandDirective, CSVCommandToolbarDirective, CSVComponent, CSVExportEvent, CSVModule, CSVService, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_CSV_EXPORT, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };