@progress/kendo-angular-grid 19.1.2-develop.4 → 19.1.2-develop.6

package/esm2022/columns/column-base.mjs

@@ -27,6 +27,8 @@ const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column)
 let columnId = 0;
 /**
  * The base class for the column components of the Grid.
+ *
+ * Use this class as a foundation for custom column implementations.
  */
 export class ColumnBase {
     parent;
@@ -47,7 +49,7 @@ export class ColumnBase {
      */
     matchesMedia = true;
     /**
-     * The column index after reordering. The `orderIndex` is a read-only property. Setting this field does not affect column order.
+     * Gets the column index after reordering. The `orderIndex` property is read-only. Setting this field does not change the column order.
      *
      * @default 0
      */
@@ -74,33 +76,33 @@ export class ColumnBase {
      */
     isSpanColumn = false;
     /**
-     * Indicates whether the column is resizable.
+     * Specifies if the column is resizable.
      * @default true
      */
     resizable = true;
     /**
-     * Indicates whether the column is reorderable.
+     * Specifies if the column is reorderable.
      * @default true
      */
     reorderable = true;
     /**
-     * The width (in pixels) below which the user is not able to resize the column by using the UI ([see example]({% slug resizing_columns_grid %}#toc-limiting-the-resizing)).
+     * Sets the minimum width (in pixels) for resizing the column by using the UI ([see example]({% slug resizing_columns_grid %}#toc-limiting-the-resizing)).
      * The `autoFitColumn` and `autoFitColumns` methods have higher priority.
      * @default 10
      */
     minResizableWidth = 10;
     /**
-     * The width (in pixels) above which the user is not able to resize 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]({% slug resizing_columns_grid %}#toc-limiting-the-resizing)).
      * By default, the maximum width is not restricted.
      * The `autoFitColumn` and `autoFitColumns` methods have higher priority.
      */
     maxResizableWidth;
     /**
-     * The title of the column.
+     * Sets the column title.
      */
     title;
     /**
-     * The width of the column (in pixels).
+     * Sets the column width (in pixels).
      */
     set width(value) {
         if (typeof value === 'string') {
@@ -115,14 +117,13 @@ export class ColumnBase {
     }
     get width() { return this._width; }
     /**
-     * Indicates whether the column will be resized during initialization so that it fits its header and row content.
+     * Specifies if the column is automatically resized during initialization to fit its header and row content.
      */
     autoSize;
     /**
-     * Toggles the locked (frozen) state of the columns ([more information and example]({% slug locked_columns_grid %})).
+     * Toggles the locked (frozen) state of the column ([more information and example]({% slug locked_columns_grid %})).
      *
      * @default false
-     *
      */
     set locked(value) {
         this._locked = value;
@@ -132,7 +133,7 @@ export class ColumnBase {
     }
     _locked = false;
     /**
-     * Determines whether the column will be always visible when scrolling the Grid horizontally.
+     * Specifies if the column is always visible when scrolling the Grid horizontally.
      *
      * @default false
      */
@@ -144,15 +145,15 @@ export class ColumnBase {
      */
     hidden;
     /**
-     * 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.
+     * Sets the condition for the column to remain visible ([see example]({% slug styling_responsive_grid %}#toc-columns)).
+     * If you set the `hidden` property, `media` is ignored.
      *
-     * 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)):
+     * Accepts device identifiers from [Bootstrap 4](https://v4-alpha.getbootstrap.com/layout/grid/#grid-options)
+     * ([see example](slug:styling_responsive_grid)).
      */
     media;
     /**
-     * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
+     * Specifies if the column can be locked or unlocked from the column menu or by reordering.
      * @default true
      */
     lockable = true;
@@ -162,80 +163,65 @@ export class ColumnBase {
      */
     stickable = true;
     /**
-     * Specifies if the column menu will be shown for the column.
+     * Specifies if the column menu is shown for the column.
      * @default true
      */
     columnMenu = true;
     /**
-     * Specifies if the column will be included in the column-chooser list.
+     * Specifies if the column is included in the column-chooser list.
      * @default true
      */
     includeInChooser = true;
     /**
-     * Allows setting the `role` attribute for the table cells (excluding the footer and header ones) of the column.
+     * Sets the `role` attribute for the table cells (excluding footer and header) of the column.
      * @default "gridcell"
      */
     tableCellsRole = 'gridcell';
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-column-cells).
-     *
+     * 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).
      */
     style;
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-column-header).
-     *
+     * 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).
      */
     headerStyle;
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-filter-row-cells).
-     *
+     * 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).
      */
     filterStyle;
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-column-footer).
-     *
+     * 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).
      */
     footerStyle;
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-column-cells).
+     * 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.
-     *
      */
     cssClass;
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-column-header).
-     *
+     * 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).
      */
     headerClass;
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-filter-row-cells).
-     *
+     * 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).
      */
     filterClass;
     /**
-     * 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. [See example](slug:styling_grid_columns#toc-customizing-column-footer).
-     *
+     * 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).
      */
     footerClass;
     /**
-     * Defines a function that is used to determine the rowspan of each column cell.
-     * If set to `true`, a default function is used that spans adjacent cells containing equal values.
+     * Defines a function to determine the rowspan of each column cell.
+     * If you set this to `true`, a default function is used that spans adjacent cells with equal values.
      * Cells have equal values when their data items' values for the respective field are equal.
      */
     set cellRowspan(cellRowspan) {

package/esm2022/columns/column-group.component.mjs

@@ -17,8 +17,9 @@ export 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](slug:multicolumnheaders_columns_grid)).
+ *
+ * Use this component to group columns under a common header.
  *
  * @example
  * ```html

package/esm2022/columns/column.component.mjs

@@ -23,7 +23,9 @@ export function isColumnComponent(column) {
     return isPresent(column.field);
 }
 /**
- * Represents the column of the Grid. [See example](slug:columns_config#toc-using-the-column-component)
+ * Represents a column in the Grid.
+ *
+ * Use the `kendo-grid-column` component to define columns in the Grid.
  *
  * @example
  * ```html
@@ -33,51 +35,54 @@ export function isColumnComponent(column) {
  *   <kendo-grid-column field="UnitPrice" title="Unit Price"></kendo-grid-column>
  * </kendo-grid>
  * ```
+ * @remarks
+ * Supported children components are: {@link StringFilterCellComponent}, {@link NumericFilterCellComponent}, {@link BooleanFilterCellComponent}, {@link DateFilterCellComponent}, {@link StringFilterMenuComponent}, {@link NumericFilterMenuComponent}, {@link BooleanFilterMenuComponent}, {@link DateFilterMenuComponent}, {@link FilterCellOperatorsComponent}, {@link ColumnMenuAutoSizeAllColumnsComponent}, {@link ColumnMenuAutoSizeColumnComponent}, {@link ColumnMenuChooserComponent}, {@link ColumnMenuComponent}, {@link ColumnMenuFilterComponent}, {@link ColumnMenuItemComponent}, {@link ColumnMenuLockComponent}, {@link ColumnMenuPositionComponent}, {@link ColumnMenuSortComponent}, {@link ColumnMenuStickComponent}.
  */
 export class ColumnComponent extends ColumnBase {
     /**
-     * The field to which the column is bound.
+     * Sets the field that the column binds to.
      */
     field;
     /**
-     * The format that is applied to the value before it is displayed. For more information on the supported date and number formats,
-     * refer to the [Column Formats](slug:formats_columns_grid) documentation article.
+     * Sets the format for displaying the column value.
+     * For supported date and number formats, see the [Column Formats](slug:formats_columns_grid) article.
      */
     format;
     /**
-     * Allows the user to click the column headers and emits the `sortChange` event. [See example](slug:sorting_grid).
+     * Enables sorting when the user clicks the column header. [See example](slug:sorting_grid).
+     * Emits the `sortChange` event.
      *
      * @default true
      */
     sortable = true;
     /**
-     * Determines if the column can be dragged to the group panel.
-     * If set to `false`, you can group the columns by the column field by using the API of the Grid.
+     * Allows dragging the column to the group panel.
+     * Set to `false` to group by this column only through the Grid API.
      *
      * @default true
      */
     groupable = true;
     /**
-     * Defines the editor type. [See example](slug:inline_editing_grid#toc-using-reactive-forms).
-     * Used when the column enters the edit mode.
+     * Sets the editor type for the column. [See example](slug:inline_editing_grid#toc-using-reactive-forms).
+     * Used when the column enters edit mode.
      *
      * @default 'text'
      */
     editor = 'text';
     /**
-     * Defines the filter type that is displayed inside the filter row. [See example](slug:filtering_grid#toc-filter-data-types).
+     * Sets the filter type for the filter row UI. [See example](slug:filtering_grid#toc-filter-data-types).
      *
      * @default 'text'
      */
     filter = 'text';
     /**
-     * Defines if a filter UI will be displayed for this column. [See example](slug:filtering_grid).
+     * Shows or hides the filter UI for this column. [See example](slug:filtering_grid).
      *
      * @default true
      */
     filterable = true;
     /**
-     * Defines whether the column is editable. [See example](slug:make_fields_uneditable_grid).
+     * Sets whether the column is editable. [See example](slug:make_fields_uneditable_grid).
      *
      * @default true
      */

package/esm2022/columns/command-column.component.mjs

@@ -10,17 +10,16 @@ import * as i0 from "@angular/core";
 import * as i1 from "./column-base";
 import * as i2 from "../common/id.service";
 /**
- * Represents the command columns of the Grid. You have to define the content of the
- * column inside an `<ng-template>` tag.
- * For more information and examples, refer to the [Command Column Directives](slug:editing_directives_grid#toc-command-column-directives) article.
+ * 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 [Command Column Directives](slug:editing_directives_grid#toc-command-column-directives) article.
  *
  * @example
  * ```html
- * <kendo-grid [data]="gridData">
- *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ * <kendo-grid [data]="data">
+ *   <kendo-grid-column field="ID"></kendo-grid-column>
  *   <kendo-grid-command-column title="command" [width]="220">
  *      <ng-template kendoGridCellTemplate>
- *         <button kendoGridEditCommand class="k-primary">Edit</button>
+ *         <button kendoGridEditCommand>Edit</button>
  *         <button kendoGridRemoveCommand>Remove</button>
  *      </ng-template>
  *   </kendo-grid-command-column>
@@ -38,7 +37,7 @@ export class CommandColumnComponent extends ColumnBase {
         return this.template ? this.template.templateRef : undefined;
     }
     /**
-     * Defines a function that is used to determine the rowspan of each column cell.
+     * Sets a function to determine the rowspan of each column cell.
      */
     set cellRowspan(cellRowspan) {
         super.cellRowspan = cellRowspan;

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

@@ -11,7 +11,15 @@ 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 ([see example](slug:reordering_rows_grid))
+ * Represents the drag handle for reordering rows in the Grid. [See example](slug:reordering_rows_grid).
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *   <kendo-grid-rowreorder-column></kendo-grid-rowreorder-column>
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ * </kendo-grid>
+ * ```
  */
 export class RowReorderColumnComponent extends ColumnBase {
     parent;
@@ -56,7 +64,7 @@ export class RowReorderColumnComponent extends ColumnBase {
         this.parent = parent;
     }
     /**
-     * Defines a function that is used to determine the rowspan of each column cell.
+     * Sets a function to determine the rowspan of each column cell.
      */
     set cellRowspan(cellRowspan) {
         super.cellRowspan = cellRowspan;

package/esm2022/columns/span-column.component.mjs

@@ -20,20 +20,20 @@ export function isSpanColumnComponent(column) {
     return column.isSpanColumn;
 }
 /**
- * Represents a column which can be spanned over multiple data cells while the individual
- * header and footer cells are retained ([see example]({% slug spanned_columns_grid %})).
- * Enables you to achieve more flexible layout while keeping the built-in UI element for
+ * Represents a column that spans multiple data cells while keeping the individual
+ * header and footer cells ([see example]({% slug spanned_columns_grid %})).
+ * 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 that will be
- * merged inside the `<kendo-grid-span-column>` tag.
+ * [grouping]({% slug grouping_grid %}). Wrap the columns you want to merge inside the `<kendo-grid-span-column>` tag.
  *
+ * @example
  * ```html
  * <kendo-grid-span-column>
- *   <kendo-grid-column field="field1"></kendo-grid-column>
- *   <kendo-grid-column field="field2"></kendo-grid-column>
+ *   <kendo-grid-column field="ID"></kendo-grid-column>
+ *   <kendo-grid-column field="Name"></kendo-grid-column>
  *   <ng-template kendoGridCellTemplate let-dataItem>
- *     <h5>{{ dataItem.field1 }}</h5>
- *     <p>{{ dataItem.field2 }}</p>
+ *     <p>{{ dataItem.ID }}</p>
+ *     <p>{{ dataItem.Name }}</p>
  *   </ng-template>
  * </kendo-grid-span-column>
  * ```
@@ -74,8 +74,8 @@ export class SpanColumnComponent extends ColumnBase {
      */
     includeInChooser = false;
     /**
-     * Defines whether the edit template of the column will be rendered.
-     * To enable the editing functionality for a spanned column, set an edit template for it ([see example](slug:custom_reactive_editing_grid)).
+     * 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_reactive_editing_grid)).
      * @default false
      */
     set editable(value) {

package/esm2022/common/adaptiveness.service.mjs

@@ -18,7 +18,7 @@ export class AdaptiveGridService {
     ctx;
     adaptiveService;
     /**
-     * Observable that emits when the ActionSheet's views change animation ends.
+     * Emits when the ActionSheet view animation ends.
      */
     get animationEnd() {
         return this.animationEndSubject.asObservable();
@@ -56,7 +56,7 @@ export class AdaptiveGridService {
         this.secondaryView = null;
     }
     /**
-     * Emits an event to notify that the animation has ended.
+     * Notifies that the ActionSheet animation has ended.
      */
     notifyAnimationEnd() {
         this.animationEndSubject.next();

package/esm2022/common/clipboard.directive.mjs

@@ -15,8 +15,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "../grid.component";
 import * as i2 from "./clipboard.service";
 /**
- * The directive that enables the Grid built-in clipboard support. Allows copy, cut, and paste interactions
- * with the Grid.
+ * Enables built-in clipboard support for the Grid. Allows copy, cut, and paste interactions.
+ *
+ * @example
+ * ```html
+ * <kendo-grid kendoGridClipboard></kendo-grid>
+ * ```
+ * @remarks
+ * Applied to: {@link GridComponent}.
  */
 export class GridClipboardDirective {
     host;
@@ -24,9 +30,7 @@ export class GridClipboardDirective {
     renderer;
     zone;
     /**
-     * Determines the target of the clipboard operation ([see example]({% slug clipboard_grid %}#toc-clipboard-target)). The possible options are:
-     * - `activeCell`
-     * - `selection`
+     * Sets the clipboard operation target. Possible values are `'activeCell'` and `'selection'`.([See example]({% slug clipboard_grid %}#toc-clipboard-target))
      *
      * @default 'selection'
      */
@@ -47,9 +51,9 @@ export class GridClipboardDirective {
         return this._target;
     }
     /**
-     * The `GridClipboardDirective` settings.
+     * Configures the clipboard directive settings.
      *
-     * @default { wholeRow: false, copyHeaders: false copy: true, cut: true, paste: true }
+     * @default { wholeRow: false, copyHeaders: false, copy: true, cut: true, paste: true }
      */
     set clipboardSettings(value) {
         this._clipboardSettings = Object.assign({}, this._clipboardSettings, value);
@@ -58,7 +62,7 @@ export class GridClipboardDirective {
         return this._clipboardSettings;
     }
     /**
-     * Fires when the user performs `cut`, `copy` or `paste` action within the Grid content area.
+     * Fires when a clipboard action (`cut`, `copy`, or `paste`) occurs in the Grid.
      */
     clipboard = new EventEmitter();
     _target = 'selection';

package/esm2022/common/preventable-event.mjs

@@ -9,18 +9,14 @@ export class PreventableEvent {
     prevented = false;
     /**
      * Prevents the default action for a specified event.
-     * In this way, the source component suppresses
-     * the built-in behavior that follows the event.
+     * In this way, the source component suppresses the built-in behavior that follows the event.
      */
     preventDefault() {
         this.prevented = true;
     }
     /**
-     * Returns a respective boolean if the event was prevented
-     * by any of its subscribers.
-     *
-     * @returns `true` if the default action was prevented.
-     * Otherwise, returns `false`.
+     * Returns whether the default action for a specified event was prevented.
+     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
      */
     isDefaultPrevented() {
         return this.prevented;

package/esm2022/common/resizable-settings.mjs

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The size restrictions that will be applied to the resizable Grid.
+ * Configures size restrictions for a resizable Grid.
+ * Use this interface to set min and max width and height for the Grid.
  */
 export {};

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

@@ -34,6 +34,9 @@ export class PopupCloseEvent extends PreventableEvent {
      * The original DOM event that causes the popup to close.
      */
     originalEvent;
+    /**
+     * @hidden
+     */
     constructor(e) {
         super();
         this.originalEvent = e;
@@ -41,8 +44,8 @@ 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-filter-menu-with-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)).
  */
 export class SinglePopupService {
     popupService;
@@ -51,8 +54,8 @@ export class SinglePopupService {
     ctx;
     adaptiveGridService;
     /**
-     * Fires when the filter or column menus are about to close because the user clicked outside their popups.
-     * Used to prevent the popup from closing.
+     * Emits when the filter or column menu popup is about to close because the user clicked outside.
+     * Use this event to prevent the popup from closing.
      */
     onClose = new Subject();
     removeClick;

package/esm2022/databinding.directive.mjs

@@ -13,14 +13,18 @@ import * as i1 from "./grid.component";
 import * as i2 from "./editing/local-data-changes.service";
 import * as i3 from "./row-reordering/row-reorder.service";
 /**
- * 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)).
+ * A directive that handles in-memory data operations like [paging]({% slug paging_grid %}),
+ * [sorting]({% slug sorting_grid %}), and [grouping]({% slug grouping_grid %}).
+ *
+ * Use this directive with local data and enable the Grid data operations with minimal configuration.
+ * ([More information and examples]({% slug local_data_grid %}#toc-using-the-data-binding-directive)).
  *
  * @example
  * ```html
- * <kendo-grid [kendoGridBinding]="gridData" ...></kendo-grid>
+ * <kendo-grid [kendoGridBinding]="gridData"></kendo-grid>
  * ```
+ * @remarks
+ * Applied to: {@link GridComponent}.
  */
 export class DataBindingDirective {
     grid;
@@ -28,7 +32,8 @@ export class DataBindingDirective {
     localDataChangesService;
     rowReorderService;
     /**
-     * Defines the number of records that will be skipped by the pager.
+     * Sets the number of records to skip in the Grid.
+     *
      * @default 0
      */
     set skip(value) {
@@ -41,31 +46,36 @@ export class DataBindingDirective {
         }
     }
     /**
-     * Defines the descriptors by which the data will be sorted.
+     * Sets the sort descriptors for the Grid data.
+     *
      */
     set sort(value) {
         this.grid.sort = this.state.sort = value;
     }
     /**
-     * Defines the descriptor by which the data will be filtered.
+     * Sets the filter descriptor for the Grid data.
+     *
      */
     set filter(value) {
         this.grid.filter = this.state.filter = value;
     }
     /**
-     * Defines the page size used by the Grid pager.
+     * Sets the page size for the Grid pager.
+     *
      */
     set pageSize(value) {
         this.grid.pageSize = this.state.take = value;
     }
     /**
-     * The descriptors by which the data will be grouped.
+     * Sets the group descriptors for the Grid data.
+     *
      */
     set group(value) {
         this.grid.group = this.state.group = value;
     }
     /**
-     * The array of data which will be used to populate the Grid.
+     * Sets the data array for the Grid.
+     *
      */
     set data(value) {
         this.originalData = value || [];

package/esm2022/directives.mjs

@@ -484,7 +484,16 @@ export const KENDO_GRID_PDF_EXPORT = [
     PDFCommandToolbarDirective
 ];
 /**
- * Utility array that contains all `Grid` related components and directives
+ * Contains all Grid-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_GRID } from '@progress/kendo-angular-grid';
+ * @NgModule({
+ *   imports: [KENDO_GRID]
+ * })
+ * export class AppModule {}
+ * ```
  */
 export const KENDO_GRID = [
     ...KENDO_GRID_EXPORTS,

package/esm2022/dragdrop/column-reorder-event.mjs

@@ -4,21 +4,19 @@
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from '../common/preventable-event';
 /**
- * Arguments for the `columnReorder` event.
+ * Provides the arguments for the `columnReorder` event.
  */
 export class ColumnReorderEvent extends PreventableEvent {
     /**
-     * The reordered column.
+     * Represents the reordered column.
      */
     column;
     /**
-     * The new index of the column.
-     * Relative to the collection of columns.
+     * Represents the new index of the column. This index is relative to the collection of columns.
      */
     newIndex;
     /**
-     * The original index of the column before reordering.
-     * Relative to the collection of columns.
+     * Represents the original index of the column before reordering. This index is relative to the collection of columns.
      */
     oldIndex;
     /**