@progress/kendo-angular-grid 6.0.2 → 6.1.0-dev.202202221518

package/dist/es2015/main.d.ts

@@ -15,6 +15,7 @@ export { ToolbarComponent } from './rendering/toolbar/toolbar.component';
 export { ToolbarTemplateDirective } from './rendering/toolbar/toolbar-template.directive';
 export { CellTemplateDirective } from './rendering/cell-template.directive';
 export { CellLoadingTemplateDirective } from './rendering/cell-loading.template.directive';
+export { LoadingTemplateDirective } from './rendering/loading-template.directive';
 export { HeaderTemplateDirective } from './rendering/header/header-template.directive';
 export { FooterTemplateDirective } from './rendering/footer/footer-template.directive';
 export { PagerTemplateDirective } from './pager/pager-template.directive';
@@ -147,3 +148,4 @@ export { ColumnLockedChangeEvent } from './column-menu/column-locked-change-even
 export { ColumnStickyChangeEvent } from './column-menu/column-sticky-change-event';
 export { SinglePopupService, PopupCloseEvent } from './common/single-popup.service';
 export { ScrollRequest } from './scrolling/scroll-request.service';
+export { MenuTabbingService } from './filtering/menu/menu-tabbing.service';

package/dist/es2015/main.js

@@ -15,6 +15,7 @@ export { ToolbarComponent } from './rendering/toolbar/toolbar.component';
 export { ToolbarTemplateDirective } from './rendering/toolbar/toolbar-template.directive';
 export { CellTemplateDirective } from './rendering/cell-template.directive';
 export { CellLoadingTemplateDirective } from './rendering/cell-loading.template.directive';
+export { LoadingTemplateDirective } from './rendering/loading-template.directive';
 export { HeaderTemplateDirective } from './rendering/header/header-template.directive';
 export { FooterTemplateDirective } from './rendering/footer/footer-template.directive';
 export { PagerTemplateDirective } from './pager/pager-template.directive';
@@ -110,3 +111,5 @@ export { ColumnMenuComponent } from './column-menu/column-menu.component';
 export { ColumnLockedChangeEvent } from './column-menu/column-locked-change-event';
 export { ColumnStickyChangeEvent } from './column-menu/column-sticky-change-event';
 export { SinglePopupService, PopupCloseEvent } from './common/single-popup.service';
+// Needed as it is an optional injection of the FilterService
+export { MenuTabbingService } from './filtering/menu/menu-tabbing.service';

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1644844868,
+    publishDate: 1645542579,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/rendering/body.module.js

@@ -25,6 +25,7 @@ import { GroupModule } from "../grouping/group.module";
 import { NumericTextBoxModule } from "@progress/kendo-angular-inputs";
 import { DatePickerModule } from '@progress/kendo-angular-dateinputs';
 import { CellLoadingTemplateDirective } from './cell-loading.template.directive';
+import { LoadingTemplateDirective } from './loading-template.directive';
 const exported = [
     CommandColumnComponent,
     CheckboxColumnComponent,
@@ -39,7 +40,8 @@ const exported = [
     SaveCommandDirective,
     RemoveCommandDirective,
     AddCommandDirective,
-    CellLoadingTemplateDirective
+    CellLoadingTemplateDirective,
+    LoadingTemplateDirective
 ];
 const importedModules = [
     CommonModule,
@@ -68,7 +70,8 @@ let BodyModule = class BodyModule {
             SaveCommandDirective,
             RemoveCommandDirective,
             AddCommandDirective,
-            CellLoadingTemplateDirective
+            CellLoadingTemplateDirective,
+            LoadingTemplateDirective
         ];
     }
 };

package/dist/es2015/rendering/common/loading.component.d.ts

@@ -3,12 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { LoadingTemplateDirective } from '../loading-template.directive';
 /**
  * @hidden
  */
 export declare class LoadingComponent {
     private localization;
     hostClass: boolean;
+    loadingTemplate: LoadingTemplateDirective;
     readonly loadingText: string;
     constructor(localization: LocalizationService);
 }

package/dist/es2015/rendering/common/loading.component.js

@@ -3,8 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, HostBinding } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { LoadingTemplateDirective } from '../loading-template.directive';
 /**
  * @hidden
  */
@@ -21,13 +22,21 @@ tslib_1.__decorate([
     HostBinding('class.k-loading-mask'),
     tslib_1.__metadata("design:type", Boolean)
 ], LoadingComponent.prototype, "hostClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", LoadingTemplateDirective)
+], LoadingComponent.prototype, "loadingTemplate", void 0);
 LoadingComponent = tslib_1.__decorate([
     Component({
         selector: '[kendoGridLoading]',
         template: `
-        <span class="k-loading-text">{{ loadingText }}</span>
-        <div class="k-loading-image"></div>
-        <div class="k-loading-color"></div>
+        <ng-container *ngIf="!loadingTemplate">
+            <span class="k-loading-text">{{ loadingText }}</span>
+            <div class="k-loading-image"></div>
+            <div class="k-loading-color"></div>
+        </ng-container>
+        <ng-template *ngIf="loadingTemplate" [ngTemplateOutlet]="loadingTemplate?.templateRef">
+        </ng-template>
     `
     }),
     tslib_1.__metadata("design:paramtypes", [LocalizationService])

package/dist/es2015/rendering/list.component.d.ts

@@ -79,6 +79,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     trackBy: TrackByFunction<GridItem>;
     virtualColumns: boolean;
     isVirtual: boolean;
+    cellLoadingTemplate: TemplateRef<any>;
     loadingTemplate: TemplateRef<any>;
     contentScroll: EventEmitter<any>;
     pageChange: EventEmitter<Action>;

package/dist/es2015/rendering/list.component.js

@@ -657,6 +657,10 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Boolean)
 ], ListComponent.prototype, "isVirtual", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", TemplateRef)
+], ListComponent.prototype, "cellLoadingTemplate", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", TemplateRef)
@@ -738,7 +742,7 @@ ListComponent = tslib_1.__decorate([
                     [rowClass]="rowClass"
                     [isLoading]="loading"
                     [isVirtual]="isVirtual"
-                    [loadingTemplate]="loadingTemplate">
+                    [cellLoadingTemplate]="cellLoadingTemplate">
                 </tbody>
             </table>
             <kendo-resize-sensor></kendo-resize-sensor>
@@ -781,7 +785,7 @@ ListComponent = tslib_1.__decorate([
                     [virtualColumns]="virtualColumns"
                     [isLoading]="loading"
                     [isVirtual]="isVirtual"
-                    [loadingTemplate]="loadingTemplate">
+                    [cellLoadingTemplate]="cellLoadingTemplate">
                 </tbody>
             </table>
             <kendo-resize-sensor *ngIf="isLocked"></kendo-resize-sensor>
@@ -794,7 +798,7 @@ ListComponent = tslib_1.__decorate([
             <div [style.width.px]="totalWidth"></div>
         </div>
     </div>
-    <div *ngIf="loading" kendoGridLoading>
+    <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading>
     </div>
     `
     }),

package/dist/es2015/rendering/loading-template.directive.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+/**
+ * Creates a loading template that overrides the default loading indicator of the Grid Component.
+ * To define a loading template, nest an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside the `<kendo-grid>` tag
+ * [see example]({% slug databinding_grid %}#toc-loading-template).
+ */
+export declare class LoadingTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}

package/dist/es2015/rendering/loading-template.directive.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, TemplateRef } from '@angular/core';
+/**
+ * Creates a loading template that overrides the default loading indicator of the Grid Component.
+ * To define a loading template, nest an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside the `<kendo-grid>` tag
+ * [see example]({% slug databinding_grid %}#toc-loading-template).
+ */
+let LoadingTemplateDirective = class LoadingTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+LoadingTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoGridLoadingTemplate]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], LoadingTemplateDirective);
+export { LoadingTemplateDirective };

package/dist/es2015/rendering/table-body.component.d.ts

@@ -54,7 +54,7 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges,
     isLocked: boolean;
     isLoading: boolean;
     isVirtual: boolean;
-    loadingTemplate: TemplateRef<any>;
+    cellLoadingTemplate: TemplateRef<any>;
     skipGroupDecoration: boolean;
     showGroupFooters: boolean;
     lockedColumnsCount: number;

package/dist/es2015/rendering/table-body.component.js

@@ -409,7 +409,7 @@ tslib_1.__decorate([
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", TemplateRef)
-], TableBodyComponent.prototype, "loadingTemplate", void 0);
+], TableBodyComponent.prototype, "cellLoadingTemplate", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", Boolean)
@@ -497,6 +497,7 @@ TableBodyComponent = tslib_1.__decorate([
             </ng-container>
         </td>
     </tr>
+
     <ng-template ngFor
         [ngForOf]="data"
         [ngForTrackBy]="trackByWrapper"
@@ -564,7 +565,7 @@ TableBodyComponent = tslib_1.__decorate([
                     [dataItem]="item.data"
                     [isLoading]="isLoading"
                     [isVirtual]="isVirtual"
-                    [loadingTemplate]="loadingTemplate"
+                    [loadingTemplate]="cellLoadingTemplate"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
                     [logicalColIndex]="logicalColIndex(column)"

package/dist/es2015/selection/selectall-checkbox.directive.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2, ElementRef, OnDestroy, AfterContentChecked, OnChanges, EventEmitter, NgZone } from '@angular/core';
 import { SelectionService } from './selection.service';
-import { SelectAllCheckboxState } from "./types";
+import { SelectAllCheckboxState } from './types';
 /**
  * Represents the select-all checkbox feature of the Grid ([see example]({% slug selection_grid %}#toc-select-all-feature)).
  */

package/dist/es2015/selection/selectall-checkbox.directive.js

@@ -6,7 +6,8 @@ import * as tslib_1 from "tslib";
 import { detectIE } from './../utils';
 import { Directive, HostBinding, Renderer2, ElementRef, Input, Output, EventEmitter, NgZone } from '@angular/core';
 import { SelectionService } from './selection.service';
-import { isPresent } from "../utils";
+import { isPresent } from '../utils';
+import { hasObservers } from '@progress/kendo-angular-common';
 /**
  * Represents the select-all checkbox feature of the Grid ([see example]({% slug selection_grid %}#toc-select-all-feature)).
  */
@@ -21,10 +22,10 @@ let SelectAllCheckboxDirective = class SelectAllCheckboxDirective {
          * ([see example]({% slug selection_grid %}#toc-select-all-feature)).
          */
         this.selectAllChange = new EventEmitter();
-        this.type = "checkbox";
+        this.type = 'checkbox';
         this.stateSet = false;
         this.ngZone.runOutsideAngular(() => {
-            this.destroyClick = this.renderer.listen(this.el.nativeElement, "click", this.onClick.bind(this));
+            this.destroyClick = this.renderer.listen(this.el.nativeElement, 'click', this.onClick.bind(this));
         });
     }
     ngAfterContentChecked() {
@@ -42,14 +43,20 @@ let SelectAllCheckboxDirective = class SelectAllCheckboxDirective {
      * @hidden
      */
     onClick() {
-        // yields consistent cross-browser behavior when clicking an "indeterminate" checkbox
+        // yields consistent cross-browser behavior when clicking an indeterminate checkbox
         const undefinedCheckedStateInIE = detectIE() && this.selectionService.selectAllState === undefined;
         const isChecked = undefinedCheckedStateInIE ? true : this.el.nativeElement.checked;
         const options = this.selectionService.options;
-        this.selectAllChange.emit(isChecked ? "checked" : "unchecked");
-        if (options.enabled && options.mode === "multiple") {
+        const enabledAndMultiple = options.enabled && options.mode === 'multiple';
+        const shouldEmitSelectAll = hasObservers(this.selectAllChange);
+        if (enabledAndMultiple || shouldEmitSelectAll) {
             this.ngZone.run(() => {
-                this.selectionService.updateAll(isChecked);
+                if (enabledAndMultiple) {
+                    this.selectionService.updateAll(isChecked);
+                }
+                if (shouldEmitSelectAll) {
+                    this.selectAllChange.emit(isChecked ? 'checked' : 'unchecked');
+                }
             });
         }
     }
@@ -59,17 +66,17 @@ let SelectAllCheckboxDirective = class SelectAllCheckboxDirective {
     setState() {
         const state = this.stateSet ? this.stateToBool() : this.selectionService.selectAllState;
         const elem = this.el.nativeElement;
-        this.renderer.setProperty(elem, "indeterminate", !isPresent(state));
-        this.renderer.setProperty(elem, "checked", isPresent(state) ? state : false);
+        this.renderer.setProperty(elem, 'indeterminate', !isPresent(state));
+        this.renderer.setProperty(elem, 'checked', isPresent(state) ? state : false);
     }
     /**
      * @hidden
      */
     stateToBool() {
         switch (this.state) {
-            case "checked":
+            case 'checked':
                 return true;
-            case "unchecked":
+            case 'unchecked':
                 return false;
             default:
                 return undefined;

package/dist/fesm2015/index.js

@@ -2831,7 +2831,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1644844868,
+    publishDate: 1645542579,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -6466,6 +6466,23 @@ CellLoadingTemplateDirective = __decorate([
     __metadata("design:paramtypes", [TemplateRef])
 ], CellLoadingTemplateDirective);
 
+/**
+ * Creates a loading template that overrides the default loading indicator of the Grid Component.
+ * To define a loading template, nest an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside the `<kendo-grid>` tag
+ * [see example]({% slug databinding_grid %}#toc-loading-template).
+ */
+let LoadingTemplateDirective = class LoadingTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+LoadingTemplateDirective = __decorate([
+    Directive({
+        selector: '[kendoGridLoadingTemplate]'
+    }),
+    __metadata("design:paramtypes", [TemplateRef])
+], LoadingTemplateDirective);
+
 const createControl = (source) => (acc, key) => {
     acc[key] = new FormControl(source[key]);
     return acc;
@@ -7096,14 +7113,23 @@ let GridComponent = class GridComponent {
     set detailTemplate(detailTemplate) {
         this._customDetailTemplate = detailTemplate;
     }
-    get loadingTemplate() {
-        if (this._customLoadingTemplate) {
+    get cellLoadingTemplate() {
+        if (this._cellLoadingTemplate) {
             return this._customDetailTemplate;
         }
+        return this.cellLoadingTemplateChildren ? this.cellLoadingTemplateChildren.first : undefined;
+    }
+    set cellLoadingTemplate(cellLoadingTemplate) {
+        this._cellLoadingTemplate = cellLoadingTemplate;
+    }
+    get loadingTemplate() {
+        if (this._loadingTemplate) {
+            return this._loadingTemplate;
+        }
         return this.loadingTemplateChildren ? this.loadingTemplateChildren.first : undefined;
     }
     set loadingTemplate(loadingTemplate) {
-        this._customLoadingTemplate = loadingTemplate;
+        this._loadingTemplate = loadingTemplate;
     }
     get noRecordsTemplate() {
         if (this._customNoRecordsTemplate) {
@@ -8708,6 +8734,10 @@ __decorate([
 __decorate([
     ContentChildren(CellLoadingTemplateDirective),
     __metadata("design:type", QueryList)
+], GridComponent.prototype, "cellLoadingTemplateChildren", void 0);
+__decorate([
+    ContentChildren(LoadingTemplateDirective),
+    __metadata("design:type", QueryList)
 ], GridComponent.prototype, "loadingTemplateChildren", void 0);
 __decorate([
     ContentChildren(NoRecordsTemplateDirective),
@@ -9137,6 +9167,7 @@ GridComponent = __decorate([
                 [rowSticky]="rowSticky"
                 [loading]="loading"
                 [isVirtual]="isVirtual"
+                [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
                 [loadingTemplate]="loadingTemplate?.templateRef"
                 [virtualColumns]="virtualColumns"
                 (scrollBottom)="notifyScrollBottom()"
@@ -9241,7 +9272,7 @@ GridComponent = __decorate([
                     [detailTemplate]="detailTemplate">
                 </tfoot>
             </table>
-            <div *ngIf="loading" kendoGridLoading>
+            <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading>
             </div>
         </ng-template>
         </div>
@@ -10085,6 +10116,10 @@ __decorate([
     Input(),
     __metadata("design:type", Boolean)
 ], ListComponent.prototype, "isVirtual", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], ListComponent.prototype, "cellLoadingTemplate", void 0);
 __decorate([
     Input(),
     __metadata("design:type", TemplateRef)
@@ -10166,7 +10201,7 @@ ListComponent = __decorate([
                     [rowClass]="rowClass"
                     [isLoading]="loading"
                     [isVirtual]="isVirtual"
-                    [loadingTemplate]="loadingTemplate">
+                    [cellLoadingTemplate]="cellLoadingTemplate">
                 </tbody>
             </table>
             <kendo-resize-sensor></kendo-resize-sensor>
@@ -10209,7 +10244,7 @@ ListComponent = __decorate([
                     [virtualColumns]="virtualColumns"
                     [isLoading]="loading"
                     [isVirtual]="isVirtual"
-                    [loadingTemplate]="loadingTemplate">
+                    [cellLoadingTemplate]="cellLoadingTemplate">
                 </tbody>
             </table>
             <kendo-resize-sensor *ngIf="isLocked"></kendo-resize-sensor>
@@ -10222,7 +10257,7 @@ ListComponent = __decorate([
             <div [style.width.px]="totalWidth"></div>
         </div>
     </div>
-    <div *ngIf="loading" kendoGridLoading>
+    <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading>
     </div>
     `
     }),
@@ -12727,13 +12762,21 @@ __decorate([
     HostBinding('class.k-loading-mask'),
     __metadata("design:type", Boolean)
 ], LoadingComponent.prototype, "hostClass", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", LoadingTemplateDirective)
+], LoadingComponent.prototype, "loadingTemplate", void 0);
 LoadingComponent = __decorate([
     Component({
         selector: '[kendoGridLoading]',
         template: `
-        <span class="k-loading-text">{{ loadingText }}</span>
-        <div class="k-loading-image"></div>
-        <div class="k-loading-color"></div>
+        <ng-container *ngIf="!loadingTemplate">
+            <span class="k-loading-text">{{ loadingText }}</span>
+            <div class="k-loading-image"></div>
+            <div class="k-loading-color"></div>
+        </ng-container>
+        <ng-template *ngIf="loadingTemplate" [ngTemplateOutlet]="loadingTemplate?.templateRef">
+        </ng-template>
     `
     }),
     __metadata("design:paramtypes", [LocalizationService])
@@ -17329,10 +17372,10 @@ let SelectAllCheckboxDirective = class SelectAllCheckboxDirective {
          * ([see example]({% slug selection_grid %}#toc-select-all-feature)).
          */
         this.selectAllChange = new EventEmitter();
-        this.type = "checkbox";
+        this.type = 'checkbox';
         this.stateSet = false;
         this.ngZone.runOutsideAngular(() => {
-            this.destroyClick = this.renderer.listen(this.el.nativeElement, "click", this.onClick.bind(this));
+            this.destroyClick = this.renderer.listen(this.el.nativeElement, 'click', this.onClick.bind(this));
         });
     }
     ngAfterContentChecked() {
@@ -17350,14 +17393,20 @@ let SelectAllCheckboxDirective = class SelectAllCheckboxDirective {
      * @hidden
      */
     onClick() {
-        // yields consistent cross-browser behavior when clicking an "indeterminate" checkbox
+        // yields consistent cross-browser behavior when clicking an indeterminate checkbox
         const undefinedCheckedStateInIE = detectIE() && this.selectionService.selectAllState === undefined;
         const isChecked = undefinedCheckedStateInIE ? true : this.el.nativeElement.checked;
         const options = this.selectionService.options;
-        this.selectAllChange.emit(isChecked ? "checked" : "unchecked");
-        if (options.enabled && options.mode === "multiple") {
+        const enabledAndMultiple = options.enabled && options.mode === 'multiple';
+        const shouldEmitSelectAll = hasObservers(this.selectAllChange);
+        if (enabledAndMultiple || shouldEmitSelectAll) {
             this.ngZone.run(() => {
-                this.selectionService.updateAll(isChecked);
+                if (enabledAndMultiple) {
+                    this.selectionService.updateAll(isChecked);
+                }
+                if (shouldEmitSelectAll) {
+                    this.selectAllChange.emit(isChecked ? 'checked' : 'unchecked');
+                }
             });
         }
     }
@@ -17367,17 +17416,17 @@ let SelectAllCheckboxDirective = class SelectAllCheckboxDirective {
     setState() {
         const state$$1 = this.stateSet ? this.stateToBool() : this.selectionService.selectAllState;
         const elem = this.el.nativeElement;
-        this.renderer.setProperty(elem, "indeterminate", !isPresent(state$$1));
-        this.renderer.setProperty(elem, "checked", isPresent(state$$1) ? state$$1 : false);
+        this.renderer.setProperty(elem, 'indeterminate', !isPresent(state$$1));
+        this.renderer.setProperty(elem, 'checked', isPresent(state$$1) ? state$$1 : false);
     }
     /**
      * @hidden
      */
     stateToBool() {
         switch (this.state) {
-            case "checked":
+            case 'checked':
                 return true;
-            case "unchecked":
+            case 'unchecked':
                 return false;
             default:
                 return undefined;
@@ -20953,7 +21002,7 @@ __decorate([
 __decorate([
     Input(),
     __metadata("design:type", TemplateRef)
-], TableBodyComponent.prototype, "loadingTemplate", void 0);
+], TableBodyComponent.prototype, "cellLoadingTemplate", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Boolean)
@@ -21041,6 +21090,7 @@ TableBodyComponent = __decorate([
             </ng-container>
         </td>
     </tr>
+
     <ng-template ngFor
         [ngForOf]="data"
         [ngForTrackBy]="trackByWrapper"
@@ -21108,7 +21158,7 @@ TableBodyComponent = __decorate([
                     [dataItem]="item.data"
                     [isLoading]="isLoading"
                     [isVirtual]="isVirtual"
-                    [loadingTemplate]="loadingTemplate"
+                    [loadingTemplate]="cellLoadingTemplate"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
                     [logicalColIndex]="logicalColIndex(column)"
@@ -21867,7 +21917,8 @@ const exported$1 = [
     SaveCommandDirective,
     RemoveCommandDirective,
     AddCommandDirective,
-    CellLoadingTemplateDirective
+    CellLoadingTemplateDirective,
+    LoadingTemplateDirective
 ];
 const importedModules$3 = [
     CommonModule,
@@ -21896,7 +21947,8 @@ let BodyModule = class BodyModule {
             SaveCommandDirective,
             RemoveCommandDirective,
             AddCommandDirective,
-            CellLoadingTemplateDirective
+            CellLoadingTemplateDirective,
+            LoadingTemplateDirective
         ];
     }
 };
@@ -23658,4 +23710,4 @@ ExcelModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { ColumnChooserComponent, ColumnListComponent, ColumnMenuChooserComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemBase, ColumnMenuItemContentTemplateDirective, ColumnMenuItemComponent, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnMenuModule, ColumnMenuService, ColumnHandleDirective, ColumnResizingService, TableDirective, ColumnInfoService, DomEventsService, IdService, PreventableEvent, SortService, ChangeNotificationService, ColumnReorderService, DragAndDropModule, DragAndDropService, DragHintService, DraggableColumnDirective, DropCueService, DropTargetDirective, EditingDirectiveBase, RowEditingDirectiveBase, AddCommandDirective, CancelCommandDirective, EditCommandDirective, EditService as EditService$1, LocalDataChangesService, RemoveCommandDirective, SaveCommandDirective, ExcelCommandDirective, BooleanFilterComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellWrapperComponent, DateFilterComponent, FilterHostDirective, FilterInputWrapperComponent, FilterInputDirective, FilterRowComponent, DateFilterMenuInputComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuComponent, BooleanFilterRadioButtonDirective, MenuTabbingService, NumericFilterMenuInputComponent, StringFilterMenuInputComponent, NumericFilterComponent, FilterOperatorBase, SharedFilterModule, StringFilterComponent, GroupHeaderComponent, GroupIndicatorComponent, GroupInfoService, GroupPanelComponent, GroupsService, BrowserSupportService, ResizeService, ResponsiveService, LocalizedMessagesDirective, Messages, FocusGroup, FOCUS_ROOT_ACTIVE, FocusRoot, LogicalCellDirective, LogicalRowDirective, NavigationService, PagerContextService, PagerDropDownListDirective, PagerElementComponent, PagerInputDirective, PDFCommandDirective, PDFTemplateDirective, CellComponent, CELL_CONTEXT, EMPTY_CELL_CONTEXT, FieldAccessorPipe, DetailsService, DEFAULT_SCROLLER_FACTORY, SCROLLER_FACTORY_TOKEN, ScrollRequestService, ScrollSyncService, ScrollerService, CellSelectionService, GridMarqueeDirective, SelectAllCheckboxDirective, SelectionCheckboxDirective, Selection, SelectionService, GridModule, SharedModule, GridComponent, ColumnBase$1 as ColumnBase, ColumnComponent, CommandColumnComponent, SpanColumnComponent, ColumnGroupComponent, CheckboxColumnComponent, ToolbarComponent, ToolbarTemplateDirective, CellTemplateDirective, CellLoadingTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, PagerTemplateDirective, GridSpacerComponent, ExpandDetailsDirective, ExpandGroupDirective, DetailTemplateDirective, DetailExpandEvent, DetailCollapseEvent, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, ResizableContainerDirective, TemplateContextDirective, NoRecordsTemplateDirective, DataBindingDirective, SelectionDirective, FilterService, FilterCellTemplateDirective, FilterCellComponent, StringFilterCellComponent, DateFilterCellComponent, BaseFilterCellComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, StringFilterMenuComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, PagerPrevButtonsComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerInputComponent, PagerInfoComponent, PagerPageSizesComponent, RowFilterModule, FilterMenuModule, BodyModule, GroupModule, HeaderModule, FooterModule, PagerModule, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, EditTemplateDirective, ColGroupComponent, HeaderComponent, ListComponent, FooterComponent, TableBodyComponent, PagerComponent, CustomMessagesComponent, LoadingComponent, PDFModule, PDFComponent, PDFMarginComponent, PDFService, ExcelModule, ExcelComponent, ExcelService, ExcelExportEvent, CellCloseEvent, SuspendService, GroupBindingDirective, slice, count, Skip, ColumnReorderEvent, FocusableDirective, ColumnVisibilityChangeEvent, ColumnMenuComponent, ColumnLockedChangeEvent, ColumnStickyChangeEvent, SinglePopupService, PopupCloseEvent };
+export { ColumnChooserComponent, ColumnListComponent, ColumnMenuChooserComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemBase, ColumnMenuItemContentTemplateDirective, ColumnMenuItemComponent, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnMenuModule, ColumnMenuService, ColumnHandleDirective, ColumnResizingService, TableDirective, ColumnInfoService, DomEventsService, IdService, PreventableEvent, SortService, ChangeNotificationService, ColumnReorderService, DragAndDropModule, DragAndDropService, DragHintService, DraggableColumnDirective, DropCueService, DropTargetDirective, EditingDirectiveBase, RowEditingDirectiveBase, AddCommandDirective, CancelCommandDirective, EditCommandDirective, EditService as EditService$1, LocalDataChangesService, RemoveCommandDirective, SaveCommandDirective, ExcelCommandDirective, BooleanFilterComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellWrapperComponent, DateFilterComponent, FilterHostDirective, FilterInputWrapperComponent, FilterInputDirective, FilterRowComponent, DateFilterMenuInputComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuComponent, BooleanFilterRadioButtonDirective, NumericFilterMenuInputComponent, StringFilterMenuInputComponent, NumericFilterComponent, FilterOperatorBase, SharedFilterModule, StringFilterComponent, GroupHeaderComponent, GroupIndicatorComponent, GroupInfoService, GroupPanelComponent, GroupsService, BrowserSupportService, ResizeService, ResponsiveService, LocalizedMessagesDirective, Messages, FocusGroup, FOCUS_ROOT_ACTIVE, FocusRoot, LogicalCellDirective, LogicalRowDirective, NavigationService, PagerContextService, PagerDropDownListDirective, PagerElementComponent, PagerInputDirective, PDFCommandDirective, PDFTemplateDirective, CellComponent, CELL_CONTEXT, EMPTY_CELL_CONTEXT, FieldAccessorPipe, DetailsService, DEFAULT_SCROLLER_FACTORY, SCROLLER_FACTORY_TOKEN, ScrollRequestService, ScrollSyncService, ScrollerService, CellSelectionService, GridMarqueeDirective, SelectAllCheckboxDirective, SelectionCheckboxDirective, Selection, SelectionService, GridModule, SharedModule, GridComponent, ColumnBase$1 as ColumnBase, ColumnComponent, CommandColumnComponent, SpanColumnComponent, ColumnGroupComponent, CheckboxColumnComponent, ToolbarComponent, ToolbarTemplateDirective, CellTemplateDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, PagerTemplateDirective, GridSpacerComponent, ExpandDetailsDirective, ExpandGroupDirective, DetailTemplateDirective, DetailExpandEvent, DetailCollapseEvent, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, ResizableContainerDirective, TemplateContextDirective, NoRecordsTemplateDirective, DataBindingDirective, SelectionDirective, FilterService, FilterCellTemplateDirective, FilterCellComponent, StringFilterCellComponent, DateFilterCellComponent, BaseFilterCellComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, StringFilterMenuComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, PagerPrevButtonsComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerInputComponent, PagerInfoComponent, PagerPageSizesComponent, RowFilterModule, FilterMenuModule, BodyModule, GroupModule, HeaderModule, FooterModule, PagerModule, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, EditTemplateDirective, ColGroupComponent, HeaderComponent, ListComponent, FooterComponent, TableBodyComponent, PagerComponent, CustomMessagesComponent, LoadingComponent, PDFModule, PDFComponent, PDFMarginComponent, PDFService, ExcelModule, ExcelComponent, ExcelService, ExcelExportEvent, CellCloseEvent, SuspendService, GroupBindingDirective, slice, count, Skip, ColumnReorderEvent, FocusableDirective, ColumnVisibilityChangeEvent, ColumnMenuComponent, ColumnLockedChangeEvent, ColumnStickyChangeEvent, SinglePopupService, PopupCloseEvent, MenuTabbingService };