@progress/kendo-angular-grid 12.0.0-develop.1 → 12.0.0-develop.11

package/columns/sort-settings.d.ts

@@ -29,7 +29,15 @@ export interface SingleSortSettings extends ColumnSortSettings {
     mode?: 'single';
 }
 /**
- * Specifies a modifier key.
+ * Specifies a modifier key when multiple sort. [See example](slug:multi_sort_grid#toc-sort-key-modifier).
+ *
+ * @example
+ * ```html
+ * <kendo-grid [sortable]="{ mode: 'multiple', multiSortKey: 'shift' }">
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ *   ...
+ * </kendo-grid>
+ * ```
  */
 export declare type ModifierKey = 'none' | 'ctrl' | 'shift' | 'alt';
 /**
@@ -60,9 +68,17 @@ export interface MultipleSortSettings extends ColumnSortSettings {
     multiSortKey?: ModifierKey;
 }
 /**
- * Defines the settings for sorting the Grid.
- * Can be of type `boolean`, [SingleSortSettings]({% slug api_grid_singlesortsettings %}),
- * or [MultipleSortSettings]({% slug api_grid_multiplesortsettings %}).
+ * Defines the settings for sorting the Grid. [See example](slug:multi_sort_grid).
+ *
+ * The available options are:
+ * * `boolean`
+ * * [SingleSortSettings]({% slug api_grid_singlesortsettings %})
+ * * [MultipleSortSettings]({% slug api_grid_multiplesortsettings %})
+ *
+ * @example
+ * ```html
+ * <kendo-grid [sorting]="true"></kendo-grid>
+ * ```
  */
 export declare type SortSettings = boolean | SingleSortSettings | MultipleSortSettings;
 /**

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

@@ -7,6 +7,6 @@ import { Observable } from "rxjs";
 import { GridComponent } from "../grid.component";
 /**
  * The function that is used to get the exported data options. By default, uses the current data and group of the Grid.
- * To export data that is different from the current Grid data, provide a custom function.
+ * To export data that is different from the current Grid data, provide a custom function. [See example](slug:excelexport_grid#toc-exporting-specific-data)
  */
 export declare type FetchDataCallback = (component: GridComponent) => ExcelExportData | Promise<ExcelExportData> | Observable<ExcelExportData>;

package/common/preventable-event.d.ts

@@ -14,7 +14,7 @@ export declare abstract class PreventableEvent {
      */
     preventDefault(): void;
     /**
-     * Returns `true` if the event was prevented
+     * Returns a respective boolean if the event was prevented
      * by any of its subscribers.
      *
      * @returns `true` if the default action was prevented.

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

@@ -21,7 +21,7 @@ export declare class PopupCloseEvent extends PreventableEvent {
 }
 /**
  * The service that is used for the popups of the filter and column menus
- * ([see example]({% slug filter_menu %}#toc-custom-filter-row-components)#toc-filter-menu-with-popup).
+ * ([see example]({% slug filter_menu %}#toc-filter-menu-with-popup)).
  */
 export declare class SinglePopupService implements OnDestroy {
     private popupService;

package/common/size-options.d.ts

@@ -3,7 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible size options of the Grid.
- * @default `medium`
+ * Represents the possible size options of the Grid. [See example](slug:sizing_grid).
  */
 export declare type GridSize = 'small' | 'medium' | 'none';

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

@@ -6,8 +6,11 @@ import { DataItem } from './data-item.interface';
 import { GroupItem } from './group-item.interface';
 import { GroupFooterItem } from './group-footer-item.interface';
 /**
- * Represents an item that will be rendered by the Grid.
- * Can be a [DataItem]({% slug api_grid_dataitem %}), a [GroupItem]({% slug api_grid_groupitem %}),
- * or a [GroupFooterItem]({% slug api_grid_groupfooteritem %}). ([See example]({% slug api_grid_gridcomponent %}#toc-trackby))
+ * Represents the item by which the Grid tracks changes. [See example](slug:track_changes_grid).
+ *
+ * The possible values are:
+ * * [`DataItem`]({% slug api_grid_dataitem %}).
+ * * [`GroupItem`]({% slug api_grid_groupitem %}).
+ * * [`GroupFooterItem`]({% slug api_grid_groupfooteritem %}).
  */
 export declare type GridItem = DataItem | GroupItem | GroupFooterItem;

package/databinding.directive.d.ts

@@ -8,18 +8,27 @@ import { GridComponent } from './grid.component';
 import { DataStateChangeEvent } from './data/change-event-args.interface';
 import { GridDataResult } from './data/data.collection';
 import { LocalDataChangesService } from './editing/local-data-changes.service';
+import { RowReorderEvent } from './row-reordering/types';
+import { RowReorderService } from './row-reordering/row-reorder.service';
 import * as i0 from "@angular/core";
 /**
  * A directive which encapsulates the in-memory handling of data operations such as [paging]({% slug paging_grid %}),
  * [sorting]({% slug sorting_grid %}), and [grouping]({% slug grouping_grid %})
  * ([more information and examples]({% slug local_data_grid %}#toc-using-the-data-binding-directive)).
+ *
+  * @example
+ * ```html
+ * <kendo-grid [kendoGridBinding]="gridData" ...></kendo-grid>
+ * ```
  */
 export declare class DataBindingDirective implements OnInit, OnDestroy, DoCheck, OnChanges {
     protected grid: GridComponent;
     protected changeDetector?: ChangeDetectorRef;
     protected localDataChangesService?: LocalDataChangesService;
+    private rowReorderService?;
     /**
      * Defines the number of records that will be skipped by the pager.
+     * @default 0
      */
     set skip(value: number);
     /**
@@ -47,7 +56,8 @@ export declare class DataBindingDirective implements OnInit, OnDestroy, DoCheck,
     protected dataChanged: boolean;
     private stateChangeSubscription;
     private dataChangedSubscription;
-    constructor(grid: GridComponent, changeDetector?: ChangeDetectorRef, localDataChangesService?: LocalDataChangesService);
+    private rowReorderSubscription;
+    constructor(grid: GridComponent, changeDetector?: ChangeDetectorRef, localDataChangesService?: LocalDataChangesService, rowReorderService?: RowReorderService);
     /**
      * @hidden
      */
@@ -67,6 +77,10 @@ export declare class DataBindingDirective implements OnInit, OnDestroy, DoCheck,
      * @hidden
      */
     onStateChange(state: DataStateChangeEvent): void;
+    /**
+     * @hidden
+     */
+    onRowReorder(ev: RowReorderEvent): void;
     /**
      * @hidden
      */

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

@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
  * ([see example]({% slug basics_editing_grid %})).
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-grid>
  *    <ng-template kendoGridToolbarTemplate>
  *       <button kendoGridAddCommand>Add new</button>

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

@@ -10,28 +10,16 @@ import { CellContext } from '../rendering/common/cell-context';
 import * as i0 from "@angular/core";
 /**
  * Represents the `cancel` command of the Grid. You can apply this directive to any `button`
- * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
+ * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
+ * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
  * When an associated button with the directive is clicked, the
  * [cancel]({% slug api_grid_gridcomponent %}#toc-cancel) event
- * is triggered ([see example]({% slug basics_editing_grid %})).
- *
- * > When the row is not in the edit mode, the button with the `kendoGridCancelCommand` is automatically hidden.
- *
- * @example
- * ```html-no-run
- * <kendo-grid>
- *   <kendo-grid-command-column title="command">
- *     <ng-template kendoGridCellTemplate>
- *       <button kendoGridCancelCommand>Cancel changes</button>
- *     </ng-template>
- *   </kendo-grid-command-column>
- * </kendo-grid>
- * ```
+ * is triggered. When the row is not in the edit mode, the button with the `kendoGridCancelCommand` is automatically hidden.
  *
  * You can control the content of the button based on the state of the row.
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-grid>
  *   <kendo-grid-command-column title="command">
  *     <ng-template kendoGridCellTemplate let-isNew="isNew">

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

@@ -5,13 +5,12 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the column edit-cell template of the Grid ([see example]({% slug inline_editing_grid %}#toc-using-reactive-forms)).
+ * Represents the column edit-cell template of the Grid ([see example](slug:custom_reactive_editing_grid#toc-setting-up-custom-inputs)).
  * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
  * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
  *
  * The template context is set to the current form group and the following additional fields are passed:
- * - `formGroup`&mdash;The current [FormGroup](link:site.data.urls.angular['formgroupapi']).
- * Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-formGroup`.
+ * - `formGroup`&mdash;The current [FormGroup](link:site.data.urls.angular['formgroupapi']). Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-formGroup`.
  * If you use the Grid inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it will be `undefined`.
  * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
  * - `dataItem`&mdash;The current data item. Use it as an alias for a template variable by utilizing the `let-dataItem="dataItem"` syntax.

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

@@ -10,15 +10,15 @@ import { CellContext } from '../rendering/common/cell-context';
 import * as i0 from "@angular/core";
 /**
  * Represents the `remove` command of the Grid. You can apply this directive to any `button` element
- * inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
+ * inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
+ * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
  * When an associated button with the directive is clicked, the
- * [remove event]({% slug api_grid_gridcomponent %}#toc-remove)
- * is triggered ([see example]({% slug inline_editing_grid %}#toc-using-reactive-forms))).
- *
- * > When the row is in the edit mode, the button with the `kendoGridRemoveCommand` is automatically hidden.
+ * [remove]({% slug api_grid_gridcomponent %}#toc-remove) event
+ * is triggered.
+ * When the row is in the edit mode, the button with the `kendoGridRemoveCommand` is automatically hidden.
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-grid>
  *   <kendo-grid-command-column title="command">
  *     <ng-template kendoGridCellTemplate>

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

@@ -10,23 +10,11 @@ import { CellContext } from '../rendering/common/cell-context';
 import * as i0 from "@angular/core";
 /**
  * Represents the `save` command of the Grid. You can apply this directive to any `button`
- * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
+ * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
+ * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
  * When an associated button with the directive is clicked, the
  * [save]({% slug api_grid_gridcomponent %}#toc-save) event
- * is triggered ([see example]({% slug basics_editing_grid %})).
- *
- * > When the row is not in the edit mode, the button with `kendoGridSaveCommand` is automatically hidden.
- *
- * @example
- * ```html-no-run
- * <kendo-grid>
- *   <kendo-grid-command-column title="command">
- *     <ng-template kendoGridCellTemplate>
- *       <button kendoGridSaveCommand>Save changes</button>
- *     </ng-template>
- *   </kendo-grid-command-column>
- * </kendo-grid>
- * ```
+ * is triggered. When the row is not in the edit mode, the button with `kendoGridSaveCommand` is automatically hidden.
  *
  * You can control the content of the button based on the state of the row.
  *

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

@@ -10,7 +10,7 @@ import { CreateFormGroup } from '../common/create-form-group';
 import * as i0 from "@angular/core";
 /**
  * A directive which encapsulates the editing operations of the Grid when using the in-cell
- * editing with Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-the-incell-directive)).
+ * editing with Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
  */
 export declare class InCellEditingDirective extends EditingDirectiveBase {
     protected grid: GridComponent;

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

@@ -8,7 +8,7 @@ import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import * as i0 from "@angular/core";
 /**
  * A directive which encapsulates the editing operations of the Grid when using
- * the Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-the-template-directive)).
+ * the Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
  */
 export declare class TemplateEditingDirective extends RowEditingDirectiveBase {
     protected grid: GridComponent;

package/esm2020/column-menu/column-menu-item-content-template.directive.mjs

@@ -6,35 +6,24 @@ import { Directive, Optional, 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 class ColumnMenuItemContentTemplateDirective {

package/esm2020/column-menu/column-menu-template.directive.mjs

@@ -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 class ColumnMenuTemplateDirective {

package/esm2020/column-menu/column-menu.service.mjs

@@ -11,27 +11,15 @@ import * as i1 from "./../filtering/menu/menu-tabbing.service";
  * [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/esm2020/columns/column-base.mjs

@@ -17,6 +17,10 @@ export const isSpanColumn = column => column.isSpanColumn;
  * @hidden
  */
 export const isCheckboxColumn = column => column.isCheckboxColumn;
+/**
+ * @hidden
+ */
+export const isRowReorderColumn = column => column.isRowReorderColumn;
 const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column);
 /**
  * The base class for the column components of the Grid.
@@ -32,9 +36,9 @@ export class ColumnBase {
          */
         this.matchesMedia = true;
         /**
-         * 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
          */
         this.orderIndex = 0;
         /**
@@ -69,18 +73,22 @@ export class ColumnBase {
         this.sticky = false;
         /**
          * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
+         * @default true
          */
         this.lockable = true;
         /**
          * Specifies if the column can be stuck or unstuck from the column menu.
+         * @default true
          */
         this.stickable = true;
         /**
          * Specifies if the column menu will be shown for the column.
+         * @default true
          */
         this.columnMenu = true;
         /**
          * Specifies if the column will be included in the column-chooser list.
+         * @default true
          */
         this.includeInChooser = true;
         /**
@@ -128,44 +136,6 @@ export 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) {
         this._locked = value;

package/esm2020/columns/reorder-column.component.mjs

@@ -0,0 +1,55 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, SkipSelf, Host, Optional, Input } from '@angular/core';
+import { ColumnBase } from './column-base';
+import { IdService } from '../common/id.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./column-base";
+import * as i2 from "../common/id.service";
+/**
+ * Represents the drag handle for reordering rows in the Grid.
+ */
+export class RowReorderColumnComponent extends ColumnBase {
+    constructor(parent, idService) {
+        super(parent, idService);
+        this.parent = parent;
+        /**
+         * @hidden
+         */
+        this.isRowReorderColumn = true;
+    }
+}
+RowReorderColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+RowReorderColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RowReorderColumnComponent, selector: "kendo-grid-rowreorder-column", inputs: { dragHandleIcon: "dragHandleIcon", dragHandleSVGIcon: "dragHandleSVGIcon" }, providers: [
+        {
+            provide: ColumnBase,
+            useExisting: forwardRef(() => RowReorderColumnComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ColumnBase,
+                            useExisting: forwardRef(() => RowReorderColumnComponent)
+                        }
+                    ],
+                    selector: 'kendo-grid-rowreorder-column',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i2.IdService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { dragHandleIcon: [{
+                type: Input
+            }], dragHandleSVGIcon: [{
+                type: Input
+            }] } });

package/esm2020/common/preventable-event.mjs

@@ -18,7 +18,7 @@ export class PreventableEvent {
         this.prevented = true;
     }
     /**
-     * Returns `true` if the event was prevented
+     * Returns a respective boolean if the event was prevented
      * by any of its subscribers.
      *
      * @returns `true` if the default action was prevented.

package/esm2020/common/single-popup.service.mjs

@@ -35,7 +35,7 @@ export class PopupCloseEvent extends PreventableEvent {
 const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
 /**
  * The service that is used for the popups of the filter and column menus
- * ([see example]({% slug filter_menu %}#toc-custom-filter-row-components)#toc-filter-menu-with-popup).
+ * ([see example]({% slug filter_menu %}#toc-filter-menu-with-popup)).
  */
 export class SinglePopupService {
     constructor(popupService, renderer, ngZone, scrollSyncService, localization) {