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

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

@@ -53,62 +53,81 @@ const getId = (gridId) => `${gridId}-column-menu-${id++}`;
  * ```
  */
 export class ColumnMenuComponent {
-    constructor(navigationService, popupService, service, ctx, renderer, cdr, columnInfoService, idService) {
-        this.navigationService = navigationService;
-        this.popupService = popupService;
-        this.service = service;
-        this.ctx = ctx;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.columnInfoService = columnInfoService;
-        this.idService = idService;
-        /**
-         * @hidden
-         */
-        this.standalone = true;
-        /**
-         * The settings for the Column Menu.
-         */
-        this.settings = {};
-        /**
-         * @hidden
-         */
-        this.sortable = true;
-        /**
-         * @hidden
-         */
-        this.tabIndex = '-1';
-        /**
-         * @hidden
-         */
-        this.columnsIcon = columnsIcon;
-        /**
-         * @hidden
-         */
-        this.actionsClass = 'k-actions';
-        /**
-         * @hidden
-         */
-        this.slidersIcon = slidersIcon;
-        /**
-         * @hidden
-         */
-        this.filterIcon = filterIcon;
-        /**
-         * @hidden
-         */
-        this.expandedFilter = false;
-        /**
-         * @hidden
-         */
-        this.expandedColumns = false;
-        /**
-         * @hidden
-         */
-        this.expandedPosition = false;
-        this.moreVerticalIcon = moreVerticalIcon;
-        this.closeSubscription = service.closeMenu.subscribe(this.close.bind(this, true));
-    }
+    navigationService;
+    popupService;
+    service;
+    ctx;
+    renderer;
+    cdr;
+    columnInfoService;
+    idService;
+    /**
+     * @hidden
+     */
+    standalone = true;
+    /**
+     * The Grid column instance to control with the menu.
+     */
+    column;
+    /**
+     * The settings for the Column Menu.
+     */
+    settings = {};
+    /**
+     * The descriptors by which the data will be sorted.
+     * Typically bound to the same value as [GridComponent.sort]({% slug api_grid_gridcomponent %}#toc-sort).
+     */
+    sort;
+    /**
+     * The descriptor by which the data will be filtered.
+     * Typically bound to the same value as [GridComponent.filter]({% slug api_grid_gridcomponent %}#toc-filter).
+     */
+    filter;
+    /**
+     * @hidden
+     */
+    sortable = true;
+    /**
+     * @hidden
+     */
+    columnMenuTemplate;
+    /**
+     * @hidden
+     */
+    tabIndex = '-1';
+    anchor;
+    template;
+    defaultTemplate;
+    tabbedInterfaceTemplate;
+    tabStrip;
+    /**
+     * @hidden
+     */
+    columnsIcon = columnsIcon;
+    /**
+     * @hidden
+     */
+    actionsClass = 'k-actions';
+    /**
+     * @hidden
+     */
+    slidersIcon = slidersIcon;
+    /**
+     * @hidden
+     */
+    filterIcon = filterIcon;
+    /**
+     * @hidden
+     */
+    expandedFilter = false;
+    /**
+     * @hidden
+     */
+    expandedColumns = false;
+    /**
+     * @hidden
+     */
+    expandedPosition = false;
     /**
      * @hidden
      */
@@ -120,6 +139,21 @@ export class ColumnMenuComponent {
             || this.hasAutoSizeColumn
             || this.hasAutoSizeAllColumns;
     }
+    moreVerticalIcon = moreVerticalIcon;
+    popupRef;
+    closeSubscription;
+    popupSubs;
+    constructor(navigationService, popupService, service, ctx, renderer, cdr, columnInfoService, idService) {
+        this.navigationService = navigationService;
+        this.popupService = popupService;
+        this.service = service;
+        this.ctx = ctx;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.columnInfoService = columnInfoService;
+        this.idService = idService;
+        this.closeSubscription = service.closeMenu.subscribe(this.close.bind(this, true));
+    }
     /**
      * @hidden
      */
@@ -307,12 +341,11 @@ export class ColumnMenuComponent {
         ariaRoot && this.renderer.removeAttribute(ariaRoot, 'aria-controls');
         ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'false');
     }
-}
-ColumnMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: i1.NavigationService }, { token: i2.SinglePopupService }, { token: i3.ColumnMenuService }, { token: i4.ContextService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.ColumnInfoService }, { token: i6.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-grid-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate", tabIndex: "tabIndex" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [
-        ColumnMenuService,
-        MenuTabbingService
-    ], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "tabbedInterfaceTemplate", first: true, predicate: ["tabbedInterfaceTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "tabStrip", first: true, predicate: TabStripComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: i1.NavigationService }, { token: i2.SinglePopupService }, { token: i3.ColumnMenuService }, { token: i4.ContextService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.ColumnInfoService }, { token: i6.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-grid-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate", tabIndex: "tabIndex" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [
+            ColumnMenuService,
+            MenuTabbingService
+        ], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "tabbedInterfaceTemplate", first: true, predicate: ["tabbedInterfaceTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "tabStrip", first: true, predicate: TabStripComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <a #anchor
             class="k-grid-header-menu k-grid-column-menu"
             [ngClass]="{ 'k-active': isActive }"
@@ -480,7 +513,8 @@ ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </kendo-tabstrip>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/column-menu/column-menu.service.mjs

@@ -27,22 +27,46 @@ export class ColumnMenuService {
     /**
      * @hidden
      */
-    constructor(menuTabbingService) {
-        /**
-         * @hidden
-         */
-        this.closeMenu = new EventEmitter();
-        this.menuTabbingService = menuTabbingService;
-    }
+    menuTabbingService;
+    /**
+     * @hidden
+     */
+    closeMenu = new EventEmitter();
+    /**
+     * @hidden
+     */
+    column;
+    /**
+     * @hidden
+     */
+    sort;
+    /**
+     * @hidden
+     */
+    filter;
+    /**
+     * @hidden
+     */
+    sortable;
     /**
      * Closes the column menu.
      */
     close() {
         this.closeMenu.emit();
     }
+    /**
+     * @hidden
+     */
+    columnMenuContainer;
+    /**
+     * @hidden
+     */
+    constructor(menuTabbingService) {
+        this.menuTabbingService = menuTabbingService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService, deps: [{ token: i1.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService });
 }
-ColumnMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuService, deps: [{ token: i1.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Injectable });
-ColumnMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.MenuTabbingService }]; } });

package/{esm2020 → esm2022}/column-menu/column-sticky-change-event.mjs

@@ -6,6 +6,10 @@
  * Arguments for the `columnStickyChange` event.
  */
 export class ColumnStickyChangeEvent {
+    /**
+     * The columns whose sticky state is changed.
+     */
+    columns;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/column-menu/column-visibility-change-event.mjs

@@ -6,6 +6,10 @@
  * Arguments for the `columnVisibilityChange` event.
  */
 export class ColumnVisibilityChangeEvent {
+    /**
+     * The columns whose visibility is changed.
+     */
+    columns;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/column-resizing/column-handle.directive.mjs

@@ -87,18 +87,15 @@ const indexOf = (target, list) => {
  * @hidden
  */
 export class ColumnHandleDirective {
-    constructor(draggable, element, service, zone, cdr, ctx, columnInfoService) {
-        this.draggable = draggable;
-        this.element = element;
-        this.service = service;
-        this.zone = zone;
-        this.cdr = cdr;
-        this.ctx = ctx;
-        this.columnInfoService = columnInfoService;
-        this.columns = [];
-        this.subscriptions = new Subscription();
-        this.rtl = false;
-    }
+    draggable;
+    element;
+    service;
+    zone;
+    cdr;
+    ctx;
+    columnInfoService;
+    columns = [];
+    column;
     get visible() {
         return this.column.resizable ? 'block' : 'none';
     }
@@ -108,6 +105,8 @@ export class ColumnHandleDirective {
     get rightStyle() {
         return isTruthy(this.rtl) ? null : 0;
     }
+    subscriptions = new Subscription();
+    rtl = false;
     autoFit() {
         const allLeafs = allLeafColumns(this.columns);
         const currentLeafs = leafColumns([this.column]).filter(column => isTruthy(column.resizable));
@@ -127,6 +126,15 @@ export class ColumnHandleDirective {
         currentLeafs.forEach(column => column.width = 0);
         this.service.measureColumns(columnInfo);
     }
+    constructor(draggable, element, service, zone, cdr, ctx, columnInfoService) {
+        this.draggable = draggable;
+        this.element = element;
+        this.service = service;
+        this.zone = zone;
+        this.cdr = cdr;
+        this.ctx = ctx;
+        this.columnInfoService = columnInfoService;
+    }
     ngOnInit() {
         if (isBlank(this.column.width)) {
             this.column.implicitWidth = headerWidth(this.element);
@@ -223,10 +231,10 @@ export class ColumnHandleDirective {
             return startWidth - maxWidth;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnHandleDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i2.ColumnResizingService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i3.ContextService }, { token: i4.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnHandleDirective, isStandalone: true, selector: "[kendoGridColumnHandle]", inputs: { columns: "columns", column: "column" }, host: { listeners: { "dblclick": "autoFit()" }, properties: { "style.display": "this.visible", "style.left": "this.leftStyle", "style.right": "this.rightStyle" } }, ngImport: i0 });
 }
-ColumnHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHandleDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i2.ColumnResizingService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i3.ContextService }, { token: i4.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnHandleDirective, isStandalone: true, selector: "[kendoGridColumnHandle]", inputs: { columns: "columns", column: "column" }, host: { listeners: { "dblclick": "autoFit()" }, properties: { "style.display": "this.visible", "style.left": "this.leftStyle", "style.right": "this.rightStyle" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridColumnHandle]',

package/{esm2020 → esm2022}/column-resizing/column-resizing.service.mjs

@@ -22,11 +22,11 @@ const resizeArgs = (column, extra) => Object.assign({
  * @hidden
  */
 export class ColumnResizingService {
-    constructor() {
-        this.changes = new EventEmitter();
-        this.tables = [];
-        this.batch = null;
-    }
+    changes = new EventEmitter();
+    column;
+    resizedColumns;
+    tables = [];
+    batch = null;
     start(column) {
         this.trackColumns(column);
         const columns = (this.column.isColumnGroup ? [column] : [])
@@ -132,9 +132,9 @@ export class ColumnResizingService {
         });
         this.batch = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnResizingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnResizingService });
 }
-ColumnResizingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnResizingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ColumnResizingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnResizingService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnResizingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnResizingService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/column-resizing/table.directive.mjs

@@ -37,17 +37,26 @@ const pipe = (...fns) => data => fns.reduce((state, fn) => state ? fn(state) : 0
  * @hidden
  */
 export class TableDirective {
+    element;
+    renderer;
+    service;
+    zone;
+    cdr;
+    locked = false;
+    virtualColumns;
+    get minWidth() {
+        return this.firstResize ? 0 : null;
+    }
+    originalWidth;
+    firstResize = false;
+    subscription;
+    autoFitSubscription;
     constructor(element, renderer, service, zone, cdr) {
         this.element = element;
         this.renderer = renderer;
         this.service = service;
         this.zone = zone;
         this.cdr = cdr;
-        this.locked = false;
-        this.firstResize = false;
-    }
-    get minWidth() {
-        return this.firstResize ? 0 : null;
     }
     ngOnInit() {
         const obs = this.service
@@ -103,10 +112,10 @@ export class TableDirective {
         const footer = pipe(row('tfoot>tr'), cell(info.index), offsetWidth)(dom);
         return Math.max(header, data, footer);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ColumnResizingService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TableDirective, isStandalone: true, selector: "[kendoGridResizableTable]", inputs: { locked: "locked", virtualColumns: "virtualColumns" }, host: { properties: { "style.min-width": "this.minWidth" } }, ngImport: i0 });
 }
-TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ColumnResizingService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TableDirective, isStandalone: true, selector: "[kendoGridResizableTable]", inputs: { locked: "locked", virtualColumns: "virtualColumns" }, host: { properties: { "style.min-width": "this.minWidth" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridResizableTable]',

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

@@ -25,19 +25,27 @@ import * as i4 from "../common/id.service";
  * ```
  */
 export class CheckboxColumnComponent extends ColumnBase {
+    selectionService;
+    cellSelectionService;
+    parent;
+    /**
+     * Determines whether a select-all `kendoGridSelectAllCheckbox` checkbox will be displayed in the header.
+     */
+    showSelectAll;
+    /**
+     * Determines whether checkboxes will be rendered for rows which are marked as non-selectable. By default, such checkboxes are visible and disabled.
+     */
+    showDisabledCheckbox = true;
+    /*
+     * @hidden
+     */
+    isCheckboxColumn = true;
+    template;
     constructor(selectionService, cellSelectionService, parent, idService) {
         super(parent, idService);
         this.selectionService = selectionService;
         this.cellSelectionService = cellSelectionService;
         this.parent = parent;
-        /**
-         * Determines whether checkboxes will be rendered for rows which are marked as non-selectable. By default, such checkboxes are visible and disabled.
-         */
-        this.showDisabledCheckbox = true;
-        /*
-         * @hidden
-         */
-        this.isCheckboxColumn = true;
     }
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
@@ -48,15 +56,15 @@ export class CheckboxColumnComponent extends ColumnBase {
     rowSelectable(rowIdx) {
         return !this.selectionService.nonSelectableRows.has(rowIdx) && !this.cellSelectionService.nonSelectableRows.has(rowIdx);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxColumnComponent, deps: [{ token: i1.SelectionService }, { token: i2.CellSelectionService }, { token: i3.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i4.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxColumnComponent, isStandalone: true, selector: "kendo-grid-checkbox-column", inputs: { showSelectAll: "showSelectAll", showDisabledCheckbox: "showDisabledCheckbox" }, providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => CheckboxColumnComponent)
+            }
+        ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CheckboxColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxColumnComponent, deps: [{ token: i1.SelectionService }, { token: i2.CellSelectionService }, { token: i3.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i4.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CheckboxColumnComponent, isStandalone: true, selector: "kendo-grid-checkbox-column", inputs: { showSelectAll: "showSelectAll", showDisabledCheckbox: "showDisabledCheckbox" }, providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => CheckboxColumnComponent)
-        }
-    ], 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: CheckboxColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [