@progress/kendo-angular-grid 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/columns/column-base.mjs

@@ -27,90 +27,17 @@ const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column)
  * The base class for the column components of the Grid.
  */
 export class ColumnBase {
+    parent;
     /**
      * @hidden
      */
-    constructor(parent, idService) {
-        this.parent = parent;
-        /**
-         * @hidden
-         */
-        this.matchesMedia = true;
-        /**
-         * The column index after reordering. The `orderIndex` is a read-only property. Setting this field does not affect column order.
-         *
-         * @default 0
-         */
-        this.orderIndex = 0;
-        /**
-         * @hidden
-         */
-        this.isColumnGroup = false;
-        /**
-         * @hidden
-         */
-        this.isSpanColumn = false;
-        /**
-         * Indicates whether the column is resizable.
-         * @default true
-         */
-        this.resizable = true;
-        /**
-         * Indicates whether the column is reorderable.
-         * @default true
-         */
-        this.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)).
-         * The `autoFitColumn` and `autoFitColumns` methods have higher priority.
-         * @default 10
-         */
-        this.minResizableWidth = 10;
-        this._locked = false;
-        /**
-         * Determines whether the column will be always visible when scrolling the Grid horizontally.
-         *
-         * @default false
-         */
-        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;
-        /**
-         * Allows setting the `role` attribute for the table cells (excluding the footer and header ones) of the column.
-         * @default "gridcell"
-         */
-        this.tableCellsRole = 'gridcell';
-        /**
-         * @hidden
-         */
-        this.headerTemplates = new QueryList();
-        /**
-         * @hidden
-         */
-        this.columnMenuTemplates = new QueryList();
-        this.idService = idService;
-        if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
-            throw new Error(ColumnConfigurationErrorMessages.columnNested);
-        }
-    }
+    matchesMedia = true;
+    /**
+     * The column index after reordering. The `orderIndex` is a read-only property. Setting this field does not affect column order.
+     *
+     * @default 0
+     */
+    orderIndex = 0;
     /**
      * @hidden
      */
@@ -123,6 +50,41 @@ export class ColumnBase {
     get leafIndex() {
         return this._leafIndex;
     }
+    _leafIndex;
+    /**
+     * @hidden
+     */
+    isColumnGroup = false;
+    /**
+     * @hidden
+     */
+    isSpanColumn = false;
+    /**
+     * Indicates whether the column is resizable.
+     * @default true
+     */
+    resizable = true;
+    /**
+     * Indicates whether 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)).
+     * 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)).
+     * By default, the maximum width is not restricted.
+     * The `autoFitColumn` and `autoFitColumns` methods have higher priority.
+     */
+    maxResizableWidth;
+    /**
+     * The title of the column.
+     */
+    title;
     /**
      * The width of the column (in pixels).
      */
@@ -138,6 +100,10 @@ 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.
+     */
+    autoSize;
     /**
      * Toggles the locked (frozen) state of the columns ([more information and example]({% slug locked_columns_grid %})).
      *
@@ -150,6 +116,133 @@ export class ColumnBase {
     get locked() {
         return this._locked;
     }
+    _locked = false;
+    /**
+     * Determines whether the column will be always visible when scrolling the Grid horizontally.
+     *
+     * @default false
+     */
+    sticky = false;
+    /**
+     * Sets the visibility of the column ([see example](slug:hidden_columns_grid#toc-using-the-built-in-options)).
+     *
+     * @default false
+     */
+    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.
+     *
+     * 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)):
+     */
+    media;
+    /**
+     * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
+     * @default true
+     */
+    lockable = true;
+    /**
+     * Specifies if the column can be stuck or unstuck from the column menu.
+     * @default true
+     */
+    stickable = true;
+    /**
+     * Specifies if the column menu will be shown for the column.
+     * @default true
+     */
+    columnMenu = true;
+    /**
+     * Specifies if the column will be 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.
+     * @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).
+     *
+     */
+    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).
+     *
+     */
+    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).
+     *
+     */
+    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).
+     *
+     */
+    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).
+     * 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).
+     *
+     */
+    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).
+     *
+     */
+    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).
+     *
+     */
+    footerClass;
+    /**
+     * @hidden
+     */
+    headerTemplates = new QueryList();
+    /**
+     * @hidden
+     */
+    footerTemplate;
+    /**
+     * @hidden
+     */
+    columnMenuTemplates = new QueryList();
+    /**
+     * @hidden
+     */
+    resizeStartWidth;
+    /**
+     * @hidden
+     */
+    idService;
+    /**
+     * @hidden
+     */
+    implicitWidth;
     /**
      * @hidden
      */
@@ -165,6 +258,7 @@ export class ColumnBase {
     get isLocked() {
         return this.parent ? this.parent.isLocked : this.locked;
     }
+    _width;
     /**
      * @hidden
      */
@@ -209,10 +303,20 @@ export class ColumnBase {
     get isVisible() {
         return !this.hidden && this.matchesMedia;
     }
+    /**
+     * @hidden
+     */
+    constructor(parent, idService) {
+        this.parent = parent;
+        this.idService = idService;
+        if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
+            throw new Error(ColumnConfigurationErrorMessages.columnNested);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.IdService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnBase, 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" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
 }
-ColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.IdService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnBase, 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" }, 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: "15.2.10", ngImport: i0, type: ColumnBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-column-base',

package/{esm2020 → esm2022}/columns/column-group.component.mjs

@@ -32,21 +32,30 @@ export function isColumnGroupComponent(column) {
  * ```
  */
 export class ColumnGroupComponent extends ColumnBase {
+    parent;
+    /**
+     * @hidden
+     */
+    includeInChooser = false;
+    /**
+     * @hidden
+     */
+    isColumnGroup = true;
+    /**
+     * @hidden
+     */
+    minResizableWidth = 10;
+    /**
+     * @hidden
+     */
+    maxResizableWidth;
+    /**
+     * @hidden
+     */
+    children;
     constructor(parent, idService) {
         super(parent, idService);
         this.parent = parent;
-        /**
-         * @hidden
-         */
-        this.includeInChooser = false;
-        /**
-         * @hidden
-         */
-        this.isColumnGroup = true;
-        /**
-         * @hidden
-         */
-        this.minResizableWidth = 10;
         if (parent && parent.isSpanColumn) {
             throw new Error(ColumnConfigurationErrorMessages.nestedInside('ColumnGroupComponent', 'SpanColumnComponent'));
         }
@@ -82,15 +91,15 @@ export class ColumnGroupComponent extends ColumnBase {
     get firstChild() {
         return this.children.find(column => column !== this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnGroupComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnGroupComponent, isStandalone: true, selector: "kendo-grid-column-group", providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => ColumnGroupComponent)
+            }
+        ], queries: [{ propertyName: "children", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-ColumnGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnGroupComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ColumnGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnGroupComponent, isStandalone: true, selector: "kendo-grid-column-group", providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => ColumnGroupComponent)
-        }
-    ], queries: [{ propertyName: "children", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnGroupComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/column-list.mjs

@@ -43,12 +43,13 @@ const filterHierarchy = (list, predicate) => {
  * @hidden
  */
 export class ColumnList {
-    constructor(columns) {
-        this.columns = columns;
-    }
+    columns;
     static empty() {
         return new ColumnList(new QueryList());
     }
+    constructor(columns) {
+        this.columns = columns;
+    }
     forEach(callback) {
         forEachColumn(this.columns, callback);
     }

package/{esm2020 → esm2022}/columns/column.component.mjs

@@ -35,46 +35,62 @@ export function isColumnComponent(column) {
  * ```
  */
 export class ColumnComponent extends ColumnBase {
+    /**
+     * The field to which the column is bound.
+     */
+    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.
+     */
+    format;
+    /**
+     * Allows the user to click the column headers and emits the `sortChange` event. [See example](slug:sorting_grid).
+     *
+     * @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.
+     *
+     * @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.
+     *
+     * @default 'text'
+     */
+    editor = 'text';
+    /**
+     * Defines the filter type that is displayed inside the filter row. [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).
+     *
+     * @default true
+     */
+    filterable = true;
+    /**
+     * Defines whether the column is editable. [See example](slug:make_fields_uneditable_grid).
+     *
+     * @default true
+     */
+    editable = true;
+    template;
+    groupHeaderTemplate;
+    groupHeaderColumnTemplate;
+    groupFooterTemplate;
+    editTemplate;
+    filterCellTemplate;
+    filterMenuTemplate;
     constructor(parent, idService) {
         super(parent, idService);
-        /**
-         * Allows the user to click the column headers and emits the `sortChange` event. [See example](slug:sorting_grid).
-         *
-         * @default true
-         */
-        this.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.
-         *
-         * @default true
-         */
-        this.groupable = true;
-        /**
-         * Defines the editor type. [See example](slug:inline_editing_grid#toc-using-reactive-forms).
-         * Used when the column enters the edit mode.
-         *
-         * @default 'text'
-         */
-        this.editor = 'text';
-        /**
-         * Defines the filter type that is displayed inside the filter row. [See example](slug:filtering_grid#toc-filter-data-types).
-         *
-         * @default 'text'
-         */
-        this.filter = 'text';
-        /**
-         * Defines if a filter UI will be displayed for this column. [See example](slug:filtering_grid).
-         *
-         * @default true
-         */
-        this.filterable = true;
-        /**
-         * Defines whether the column is editable. [See example](slug:make_fields_uneditable_grid).
-         *
-         * @default true
-         */
-        this.editable = true;
     }
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
@@ -100,15 +116,15 @@ export class ColumnComponent extends ColumnBase {
     get displayTitle() {
         return this.title === undefined ? this.field : this.title;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnComponent, isStandalone: true, selector: "kendo-grid-column", inputs: { field: "field", format: "format", sortable: "sortable", groupable: "groupable", editor: "editor", filter: "filter", filterable: "filterable", editable: "editable" }, providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => ColumnComponent)
+            }
+        ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }, { propertyName: "groupHeaderColumnTemplate", first: true, predicate: GroupHeaderColumnTemplateDirective, descendants: true }, { propertyName: "groupFooterTemplate", first: true, predicate: GroupFooterTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-ColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnComponent, isStandalone: true, selector: "kendo-grid-column", inputs: { field: "field", format: "format", sortable: "sortable", groupable: "groupable", editor: "editor", filter: "filter", filterable: "filterable", editable: "editable" }, providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => ColumnComponent)
-        }
-    ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: GroupHeaderTemplateDirective, descendants: true }, { propertyName: "groupHeaderColumnTemplate", first: true, predicate: GroupHeaderColumnTemplateDirective, descendants: true }, { propertyName: "groupFooterTemplate", first: true, predicate: GroupFooterTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/columns-container.mjs

@@ -18,23 +18,24 @@ const reset = (...lists) => {
  * @hidden
  */
 export class ColumnsContainer {
+    columns;
+    allColumns = new QueryList();
+    leafColumns = new QueryList();
+    lockedColumns = new QueryList();
+    nonLockedColumns = new QueryList();
+    lockedLeafColumns = new QueryList();
+    nonLockedLeafColumns = new QueryList();
+    totalLevels = 0;
+    changes = new EventEmitter();
+    leafColumnsToRender = [];
+    lockedColumnsToRender = [];
+    nonLockedColumnsToRender = [];
+    hasGroupHeaderColumn = false;
+    hasGroupFooter = false;
+    hasFooter = false;
+    unlockedWidth = 0;
     constructor(columns) {
         this.columns = columns;
-        this.allColumns = new QueryList();
-        this.leafColumns = new QueryList();
-        this.lockedColumns = new QueryList();
-        this.nonLockedColumns = new QueryList();
-        this.lockedLeafColumns = new QueryList();
-        this.nonLockedLeafColumns = new QueryList();
-        this.totalLevels = 0;
-        this.changes = new EventEmitter();
-        this.leafColumnsToRender = [];
-        this.lockedColumnsToRender = [];
-        this.nonLockedColumnsToRender = [];
-        this.hasGroupHeaderColumn = false;
-        this.hasGroupFooter = false;
-        this.hasFooter = false;
-        this.unlockedWidth = 0;
     }
     refresh() {
         const currentLevels = this.totalLevels;

package/{esm2020 → esm2022}/columns/command-column.component.mjs

@@ -28,6 +28,8 @@ import * as i2 from "../common/id.service";
  * ```
  */
 export class CommandColumnComponent extends ColumnBase {
+    parent;
+    template;
     constructor(parent, idService) {
         super(parent, idService);
         this.parent = parent;
@@ -35,15 +37,15 @@ export class CommandColumnComponent extends ColumnBase {
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommandColumnComponent, isStandalone: true, selector: "kendo-grid-command-column", providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => CommandColumnComponent)
+            }
+        ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CommandColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CommandColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CommandColumnComponent, isStandalone: true, selector: "kendo-grid-command-column", providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => CommandColumnComponent)
-        }
-    ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/reorder-column.component.mjs

@@ -12,23 +12,34 @@ import * as i2 from "../common/id.service";
  * Represents the drag handle for reordering rows in the Grid ([see example](slug:reordering_rows_grid))
  */
 export class RowReorderColumnComponent extends ColumnBase {
+    parent;
+    /**
+     * Defines the name for an existing font icon in the Kendo UI theme.
+     * @hidden
+     */
+    dragHandleIcon;
+    /**
+     * Defines an SVGIcon to be rendered as a drag handle.
+     * @hidden
+     */
+    dragHandleSVGIcon;
+    /**
+     * @hidden
+     */
+    isRowReorderColumn = true;
     constructor(parent, idService) {
         super(parent, idService);
         this.parent = parent;
-        /**
-         * @hidden
-         */
-        this.isRowReorderColumn = true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RowReorderColumnComponent, isStandalone: true, selector: "kendo-grid-rowreorder-column", inputs: { dragHandleIcon: "dragHandleIcon", dragHandleSVGIcon: "dragHandleSVGIcon" }, providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => RowReorderColumnComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-RowReorderColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: RowReorderColumnComponent, isStandalone: true, 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: "15.2.10", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [