@progress/kendo-angular-grid 12.0.0-develop.8 → 12.0.0

package/column-menu/column-menu-item-content-template.directive.d.ts

@@ -6,35 +6,24 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the content template of the
- * [kendo-grid-columnmenu-item]({% slug api_grid_columnmenuitemcomponent %}) component.
+ * [`ColumnMenuItemComponent`]({% slug api_grid_columnmenuitemcomponent %}) component.
  * Provides an option for specifying the content of a column item.
  * To define the content template, nest an `<ng-template>` tag with the
  * `kendoGridColumnMenuItemContentTemplate` directive inside a `<kendo-grid-columnmenu-item>`.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate>
- *              <kendo-grid-columnmenu-item text="Item Text" [expanded]="true">
- *                  <ng-template kendoGridColumnMenuItemContentTemplate>
- *                      Item Content
- *                  </ng-template>
- *              </kendo-grid-columnmenu-item>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [data]="data" [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate>
+ *     <kendo-grid-columnmenu-item text="Item Text" [expanded]="true">
+ *       <ng-template kendoGridColumnMenuItemContentTemplate>
+ *         Item Content
+ *       </ng-template>
+ *     </kendo-grid-columnmenu-item>
+ *   </ng-template>
+ *   <kendo-grid-column field="Field1"></kendo-grid-column>
+ *   ...
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuItemContentTemplateDirective {

package/column-menu/column-menu-template.directive.d.ts

@@ -8,40 +8,26 @@ import * as i0 from "@angular/core";
  * Represents the template for the column menu in the Grid. Provides an option for
  * customizing the content of the column menu for all or for specific columns.
  * To define the content template, nest an `<ng-template>` tag with the
- * `kendoGridColumnMenuTemplate` directive inside the `kendo-grid` or the `<kendo-grid-column>` component.
+ * `kendoGridColumnMenuTemplate` directive inside the `<kendo-grid>` or the `<kendo-grid-column>` component.
  *
  * The template context is passes through the following fields:
  * - `service`&mdash;Represents the [ColumnMenuService]({% slug api_grid_columnmenuservice %}).
  * - `column`&mdash;Represents the Grid column.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [kendoGridBinding]="data" [sortable]="true" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-sort [service]="service">
- *              </kendo-grid-columnmenu-sort>
- *          </ng-template>
- *          <kendo-grid-column field="Field1" [width]="100">
- *              <ng-template kendoGridColumnMenuTemplate let-service="service">
- *                  <kendo-grid-columnmenu-lock [service]="service">
- *                  </kendo-grid-columnmenu-lock>
- *                  <kendo-grid-columnmenu-sort [service]="service">
- *                  </kendo-grid-columnmenu-sort>
- *              </ng-template>
- *          </kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }, { Field1: 'Foo1', Field2: 'Bar1' }];
- * }
- *
+ * ```html
+ * <kendo-grid [kendoGridBinding]="data" [sortable]="true" [columnMenu]="true">
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *     <kendo-grid-columnmenu-sort [service]="service"></kendo-grid-columnmenu-sort>
+ *   </ng-template>
+ *   <kendo-grid-column field="Field1">
+ *     <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *       <kendo-grid-columnmenu-lock [service]="service"></kendo-grid-columnmenu-lock>
+ *       <kendo-grid-columnmenu-sort [service]="service"></kendo-grid-columnmenu-sort>
+ *     </ng-template>
+ *   </kendo-grid-column>
+ *   <kendo-grid-column field="Field2"></kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuTemplateDirective {

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

@@ -10,27 +10,15 @@ import * as i0 from "@angular/core";
  * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <span class="k-icon k-i-x" (click)="service.close()"
- *                  style="position: absolute; right: 5px; top: 5px;cursor: pointer;"></span>
- *              <kendo-grid-columnmenu-sort [service]="service">
- *              </kendo-grid-columnmenu-sort>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
+ * ```html
+ * <kendo-grid [data]="data" [columnMenu]="true">
+ *    <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *       <span class="k-icon k-i-x" (click)="service.close()" </span>
+ *       <kendo-grid-columnmenu-sort [service]="service">
+ *       </kendo-grid-columnmenu-sort>
+ *    </ng-template>
+ *    <kendo-grid-column field="Field1"></kendo-grid-column>
+ * </kendo-grid>
  *
  * ```
  */

package/columns/column-base.d.ts

@@ -16,6 +16,10 @@ export declare const isSpanColumn: (column: any) => any;
  * @hidden
  */
 export declare const isCheckboxColumn: (column: any) => any;
+/**
+ * @hidden
+ */
+export declare const isRowReorderColumn: (column: any) => any;
 /**
  * The base class for the column components of the Grid.
  */
@@ -26,9 +30,9 @@ export declare class ColumnBase {
      */
     matchesMedia: boolean;
     /**
-     * The column index after reordering.
+     * The column index after reordering. The `orderIndex` is a read-only property. Setting this field does not affect column order.
      *
-     * > `orderIndex` is a read-only property. Setting this field does not affect column order.
+     * @default 0
      */
     orderIndex: number;
     /**
@@ -86,44 +90,6 @@ export declare class ColumnBase {
      *
      * @default false
      *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" [scrollable]="scrollable" style="height: 200px">
-     *          <kendo-grid-column field="ProductID" title="Product ID" [width]="120" [locked]="true">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public gridData: any[];
-     *
-     *    constructor() {
-     *        this.gridData = products;
-     *    }
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     *
-     * ```
      */
     set locked(value: boolean);
     get locked(): boolean;
@@ -144,85 +110,35 @@ export declare class ColumnBase {
      * Sets the condition that needs to be satisfied for a column to remain visible ([see example]({% slug styling_responsive_grid %}#toc-columns)).
      * If you set the `hidden` property, the behavior of `media` is overridden.
      *
-     * @example
-     * ```html
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" media="(min-width: 320px)">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
-     *
      * Accepts the device identifiers that are [available in Bootstrap 4](https://v4-alpha.getbootstrap.com/layout/grid/#grid-options)
      * ([see example]({% slug styling_responsive_grid %}#toc-bootstrap-4-compatibility)):
-     * * `"xs"`&mdash;Equivalent to `"(max-width: 576px)"`.
-     * * `"sm"`&mdash;Equivalent to `"(min-width: 576px)"`.
-     * * `"md"`&mdash;Equivalent to `"(min-width: 768px)"`.
-     * * `"lg"`&mdash;Equivalent to `"(min-width: 992px)"`.
-     * * `"xl"`&mdash;Equivalent to `"(min-width: 1200px)"`.
-     *
-     * @example
-     * ```html
-     * <kendo-grid>
-     *    <kendo-grid-column field="UnitPrice" media="md">
-     *    </kendo-grid-column>
-     * </kendo-grid>
-     * ```
      */
     media: string;
     /**
      * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
+     * @default true
      */
     lockable: boolean;
     /**
      * Specifies if the column can be stuck or unstuck from the column menu.
+     * @default true
      */
     stickable: boolean;
     /**
      * Specifies if the column menu will be shown for the column.
+     * @default true
      */
     columnMenu: boolean;
     /**
      * Specifies if the column will be included in the column-chooser list.
+     * @default true
      */
     includeInChooser: boolean;
     /**
      * Sets the custom styles for the table cells (excluding the footer and header ones) of the column. Under the hood,
      * to apply the property, the `style` option uses the
-     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 200px">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [style]="{'text-align': 'right'}">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public gridData: any[];
-     *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-cells).
      *
-     * ```
      */
     style: {
         [key: string]: string;
@@ -230,41 +146,8 @@ export declare class ColumnBase {
     /**
      * Sets the custom styles for the header cell of the column. Under the hood, to apply the property,
      * the `headerStyle` option uses the
-     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-header).
      *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 200px">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [headerStyle]="{'text-align': 'right'}">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public gridData: any[];
-     *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
-     *
-     * ```
      */
     headerStyle: {
         [key: string]: string;
@@ -272,41 +155,8 @@ export declare class ColumnBase {
     /**
      * Sets the custom styles for the filter row cell. Under the hood, to apply the property,
      * the `filterStyle` option uses the
-     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 180px" [filterable]="true">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [filterStyle]="{'padding': '25px'}">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="200">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * export class AppComponent {
-     *    public gridData: any[];
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-filter-row-cells).
      *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
-     *
-     * ```
      */
     filterStyle: {
         [key: string]: string;
@@ -314,95 +164,18 @@ export declare class ColumnBase {
     /**
      * Sets the custom styles for the footer cell of the column. Under the hood, to apply the property,
      * the `footerStyle` option uses the
-     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 200px">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [footerStyle]="{'text-align': 'right'}">
-     *              <ng-template kendoGridFooterTemplate>
-     *                  footer text
-     *              </ng-template>
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public gridData: any[];
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-footer).
      *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
-     *
-     * ```
      */
     footerStyle: {
         [key: string]: string;
     };
     /**
      * Sets the custom CSS classes to the column cells. Under the hood, to apply the property, the `class` option uses the
-     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
+     * [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.
      *
-     * @example
-     * ```ts
-     * import { Component, ViewEncapsulation } from '@angular/core';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    encapsulation: ViewEncapsulation.None,
-     *    styles: [`
-     *        tr .myClass {
-     *            text-align: right
-     *       }
-     *    `],
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 200px">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [class]="{'myClass': true}">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public gridData: any[];
-     *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
-     *
-     * ```
      */
     cssClass: string | string[] | Set<string> | {
         [key: string]: any;
@@ -410,49 +183,8 @@ export declare class ColumnBase {
     /**
      * Sets the custom CSS classes to the column header cell. Under the hood, to apply the property,
      * the `headerClass` option uses the
-     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
-     *
-     * @example
-     * ```ts
-     * import { Component, ViewEncapsulation } from '@angular/core';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    encapsulation: ViewEncapsulation.None,
-     *    styles: [`
-     *        tr .myClass {
-     *            text-align: right
-     *       }
-     *    `],
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 200px">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [headerClass]="{'myClass': true}">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-header).
      *
-     * class AppComponent {
-     *    public gridData: any[];
-     *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
-     *
-     * ```
      */
     headerClass: string | string[] | Set<string> | {
         [key: string]: any;
@@ -460,47 +192,8 @@ export declare class ColumnBase {
     /**
      * Sets the custom CSS classes to the filter row cell. Under the hood, to apply the property,
      * the `filterClass` option uses the
-     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
-     *
-     * @example
-     * ```ts
-     * import { Component, ViewEncapsulation } from '@angular/core';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    encapsulation: ViewEncapsulation.None,
-     *    styles: [`
-     *        .k-grid-header .myClass { background-color: #ffff00; }
-     *    `],
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 155px" [filterable]="true">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [filterClass]="{'myClass': true}">
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="200">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * export class AppComponent {
-     *    public gridData: any[];
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-filter-row-cells).
      *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
-     *
-     * ```
      */
     filterClass: string | string[] | Set<string> | {
         [key: string]: any;
@@ -508,52 +201,8 @@ export declare class ColumnBase {
     /**
      * Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
      * the `footerClass` option uses the
-     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
-     *
-     * @example
-     * ```ts
-     * import { Component, ViewEncapsulation } from '@angular/core';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    encapsulation: ViewEncapsulation.None,
-     *    styles: [`
-     *        tr .myClass {
-     *            text-align: right
-     *       }
-     *    `],
-     *    template: `
-     *        <kendo-grid [data]="gridData" style="height: 200px">
-     *          <kendo-grid-column field="ProductName" title="Product Name" [width]="200" [footerClass]="{'myClass': true}">
-     *              <ng-template kendoGridFooterTemplate>
-     *                  footer text
-     *              </ng-template>
-     *          </kendo-grid-column>
-     *          <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-grid-column>
-     *        </kendo-grid>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public gridData: any[];
-     *
-     *    constructor() {
-     *        this.gridData = [{
-     *            "ProductID": 1,
-     *            "ProductName": "Chai",
-     *            "UnitPrice": 18.0000,
-     *            "Discontinued": true
-     *          }, {
-     *            "ProductID": 2,
-     *            "ProductName": "Chang",
-     *            "UnitPrice": 19.0000,
-     *            "Discontinued": false
-     *          }];
-     *    }
-     * }
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_grid_columns#toc-customizing-column-footer).
      *
-     * ```
      */
     footerClass: string | string[] | Set<string> | {
         [key: string]: any;

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

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ColumnBase } from './column-base';
+import { IdService } from '../common/id.service';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+/**
+ * Represents the drag handle for reordering rows in the Grid.
+ */
+export declare class RowReorderColumnComponent extends ColumnBase {
+    parent?: ColumnBase;
+    /**
+     * Defines the name for an existing font icon in the Kendo UI theme.
+     * @hidden
+     */
+    dragHandleIcon: string;
+    /**
+     * Defines an SVGIcon to be rendered as a drag handle.
+     * @hidden
+     */
+    dragHandleSVGIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    readonly isRowReorderColumn: boolean;
+    constructor(parent?: ColumnBase, idService?: IdService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowReorderColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowReorderColumnComponent, "kendo-grid-rowreorder-column", never, { "dragHandleIcon": "dragHandleIcon"; "dragHandleSVGIcon": "dragHandleSVGIcon"; }, {}, never, never>;
+}