@progress/kendo-angular-grid 7.4.2 → 11.0.0-develop.80

package/{esm2015/rendering/list.component.js → esm2020/rendering/list.component.mjs}

@@ -1,22 +1,38 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, Output, EventEmitter, HostBinding, ViewChild, Inject, InjectionToken, QueryList, ViewChildren } from '@angular/core';
+import { Component, Input, Output, EventEmitter, HostBinding, ViewChild, ElementRef, Inject, InjectionToken, QueryList, NgZone, Renderer2, ViewChildren, ChangeDetectorRef, TemplateRef } from '@angular/core';
 import { Subject, fromEvent, merge } from 'rxjs';
 import { delay, map, filter, tap, take, switchMapTo } from 'rxjs/operators';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { RowHeightService } from '../scrolling/row-height.service';
 import { ScrollerService, PageAction, ScrollAction, ScrollBottomAction } from '../scrolling/scroller.service';
+import { ScrollRequestService } from '../scrolling/scroll-request.service';
 import { ColumnBase } from '../columns/column-base';
+import { DetailTemplateDirective } from './details/detail-template.directive';
 import { isChanged, isPresent, isUniversal, anyChanged, isNumber, requestAnimationFrame, cancelAnimationFrame } from '../utils';
+import { DetailsService } from './details/details.service';
 import { ColumnsContainer } from '../columns/columns-container';
+import { ChangeNotificationService } from '../data/change-notification.service';
 import { syncRowsHeight } from '../layout/row-sync';
+import { NoRecordsTemplateDirective } from './no-records-template.directive';
+import { SuspendService } from '../scrolling/suspend.service';
+import { GroupsService } from "../grouping/groups.service";
 import { expandColumns, sumColumnWidths } from "../columns/column-common";
-import { ResizeSensorComponent } from "@progress/kendo-angular-common";
+import { ScrollSyncService } from "../scrolling/scroll-sync.service";
+import { ResizeService } from "../layout/resize.service";
+import { isDocumentAvailable, ResizeSensorComponent } from "@progress/kendo-angular-common";
+import { BrowserSupportService } from "../layout/browser-support.service";
+import { EditService } from '../editing/edit.service';
+import { NavigationService } from '../navigation/navigation.service';
 import { Keys } from '@progress/kendo-angular-common';
+import { ColumnResizingService } from "../column-resizing/column-resizing.service";
 import { GROUP_CELL_WIDTH } from '../constants';
 import { defaultTrackBy } from '../common/default-track-by';
 import { hasClasses, rtlScrollPosition } from './common/dom-queries';
+import { PDFService } from '../pdf/pdf.service';
+import { ColumnInfoService } from '../common/column-info.service';
 import { NON_DATA_CELL_CLASSES } from './constants';
 import * as i0 from "@angular/core";
 import * as i1 from "./details/details.service";
@@ -38,7 +54,8 @@ import * as i16 from "./table-body.component";
 import * as i17 from "@progress/kendo-angular-common";
 import * as i18 from "@angular/common";
 import * as i19 from "../column-resizing/table.directive";
-import * as i20 from "../layout/resizable.directive";
+import * as i20 from "./grid-table.directive";
+import * as i21 from "../layout/resizable.directive";
 const elementAt = (index, elements, elementOffset) => {
     for (let idx = 0, elementIdx = 0; idx < elements.length; idx++) {
         const offset = elementOffset(elements[idx]);
@@ -111,6 +128,7 @@ export class ListComponent {
         this.groupable = false;
         this.trackBy = defaultTrackBy;
         this.sort = new Array();
+        this.size = 'medium';
         this.contentScroll = new EventEmitter();
         this.pageChange = new EventEmitter();
         this.scrollBottom = new EventEmitter();
@@ -181,7 +199,11 @@ export class ListComponent {
         this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => this.rtl = rtl));
     }
     ngOnChanges(changes) {
-        const hasInitialSkip = changes.skip && changes.skip.firstChange && changes.skip.currentValue > 0;
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const changesInSkip = changes['skip'];
+        const hasInitialSkip = changesInSkip && changesInSkip.firstChange && changesInSkip.currentValue > 0;
         if (hasInitialSkip) {
             this.handleInitialScrollToSkip();
         }
@@ -200,6 +222,9 @@ export class ListComponent {
         }
     }
     ngAfterViewInit() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
         if (this.skip && this.isVirtual) {
             this.container.nativeElement.scrollTop = this.rowHeightService.offset(this.skip);
         }
@@ -365,6 +390,9 @@ export class ListComponent {
         });
     }
     scrollToVirtualRow(itemIndex) {
+        if (!isDocumentAvailable()) {
+            return;
+        }
         if (isPresent(this.detailTemplate)) {
             itemIndex = Math.floor(itemIndex / 2);
         }
@@ -410,6 +438,9 @@ export class ListComponent {
         }
     }
     resetNavigationViewport() {
+        if (!isDocumentAvailable) {
+            return;
+        }
         if (!this.container || !this.navigationService.tableEnabled ||
             !this.navigationService.needsViewport() || this.data.length === 0) {
             return;
@@ -467,6 +498,7 @@ export class ListComponent {
     }
     updateViewportColumns(range) {
         const columns = this.columns.nonLockedLeafColumns.toArray();
+        // eslint-disable-next-line prefer-const
         let { startIdx, endIdx, offset } = range || this.calculateViewportColumns();
         const start = Math.max(0, startIdx - bufferSize);
         const end = Math.min(endIdx + bufferSize, columns.length - 1);
@@ -475,7 +507,7 @@ export class ListComponent {
                 offset -= columns[idx].width;
             }
         }
-        let currentColumns = columns.slice(start, end + 1);
+        const currentColumns = columns.slice(start, end + 1);
         this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
         if (start > 0) {
             const offsetColumn = new ColumnBase();
@@ -563,8 +595,8 @@ export class ListComponent {
         return element.offsetLeft;
     }
 }
-ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.DetailsService }, { token: i2.ChangeNotificationService }, { token: i3.SuspendService }, { token: i4.GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i5.ScrollSyncService }, { token: i6.ResizeService }, { token: i7.EditService }, { token: i8.BrowserSupportService }, { token: i9.NavigationService }, { token: i10.ScrollRequestService }, { token: i11.LocalizationService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListComponent, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", stickyRowHeight: "stickyRowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
+ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.DetailsService }, { token: i2.ChangeNotificationService }, { token: i3.SuspendService }, { token: i4.GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i5.ScrollSyncService }, { token: i6.ResizeService }, { token: i7.EditService }, { token: i8.BrowserSupportService }, { token: i9.NavigationService }, { token: i10.ScrollRequestService }, { token: i11.LocalizationService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ListComponent, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", stickyRowHeight: "stickyRowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
         {
             provide: SCROLLER_FACTORY_TOKEN,
             useValue: DEFAULT_SCROLLER_FACTORY
@@ -581,7 +613,14 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
         [scope]="this"
         >
         <div role="presentation" class="k-grid-table-wrap">
-            <table [locked]="true" #lockedTable class="k-grid-table" role="presentation" [style.width.px]="lockedWidth">
+            <table
+                [locked]="true"
+                #lockedTable
+                class="k-grid-table"
+                role="presentation"
+                kendoGridTable
+                [size]="size"
+                [style.width.px]="lockedWidth">
                 <colgroup kendoGridColGroup
                     role="presentation"
                     [groups]="groups"
@@ -614,14 +653,21 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
         <div class="k-height-container" role="presentation">
             <div [style.height.px]="totalHeight"></div>
         </div>
-    </div><div #container
+    </div>
+    <div #container
                class="k-grid-content k-virtual-content"
                role="presentation" tabindex="-1"
                [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
                [lockedWidth]="lockedWidth + 1">
         <div role="presentation" class="k-grid-table-wrap">
-            <table [style.width.px]="nonLockedWidth" #table [virtualColumns]="virtualColumns"
-              class="k-grid-table" role="presentation">
+            <table
+                [style.width.px]="nonLockedWidth"
+                #table
+                [virtualColumns]="virtualColumns"
+                class="k-grid-table"
+                kendoGridTable
+                [size]="size"
+                role="presentation">
                 <colgroup kendoGridColGroup
                     role="presentation"
                     [groups]="isLocked ? [] : groups"
@@ -663,8 +709,8 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
             <div [style.width.px]="totalWidth"></div>
         </div>
     </div>
-    `, isInline: true, components: [{ type: i15.ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { type: i16.TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "rowClass"] }, { type: i17.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i17.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i19.TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: i20.ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListComponent, decorators: [{
+    `, isInline: true, components: [{ type: i15.ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { type: i16.TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "rowClass"] }, { type: i17.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i17.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i19.TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: i20.GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { type: i21.ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -686,7 +732,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         [scope]="this"
         >
         <div role="presentation" class="k-grid-table-wrap">
-            <table [locked]="true" #lockedTable class="k-grid-table" role="presentation" [style.width.px]="lockedWidth">
+            <table
+                [locked]="true"
+                #lockedTable
+                class="k-grid-table"
+                role="presentation"
+                kendoGridTable
+                [size]="size"
+                [style.width.px]="lockedWidth">
                 <colgroup kendoGridColGroup
                     role="presentation"
                     [groups]="groups"
@@ -719,14 +772,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <div class="k-height-container" role="presentation">
             <div [style.height.px]="totalHeight"></div>
         </div>
-    </div><div #container
+    </div>
+    <div #container
                class="k-grid-content k-virtual-content"
                role="presentation" tabindex="-1"
                [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
                [lockedWidth]="lockedWidth + 1">
         <div role="presentation" class="k-grid-table-wrap">
-            <table [style.width.px]="nonLockedWidth" #table [virtualColumns]="virtualColumns"
-              class="k-grid-table" role="presentation">
+            <table
+                [style.width.px]="nonLockedWidth"
+                #table
+                [virtualColumns]="virtualColumns"
+                class="k-grid-table"
+                kendoGridTable
+                [size]="size"
+                role="presentation">
                 <colgroup kendoGridColGroup
                     role="presentation"
                     [groups]="isLocked ? [] : groups"
@@ -825,6 +885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], sort: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], contentScroll: [{
                 type: Output
             }], pageChange: [{

package/{esm2015/rendering/loading-template.directive.js → esm2020/rendering/loading-template.directive.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
+import { Directive, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Creates a loading template that overrides the default loading indicator of the Grid Component.
@@ -14,9 +14,9 @@ export class LoadingTemplateDirective {
         this.templateRef = templateRef;
     }
 }
-LoadingTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoadingTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-LoadingTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LoadingTemplateDirective, selector: "[kendoGridLoadingTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoadingTemplateDirective, decorators: [{
+LoadingTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+LoadingTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LoadingTemplateDirective, selector: "[kendoGridLoadingTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridLoadingTemplate]'

package/{esm2015/rendering/no-records-template.directive.js → esm2020/rendering/no-records-template.directive.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Optional } from '@angular/core';
+import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the no-records template of the Grid. Provides an option to customize the
@@ -73,9 +73,9 @@ export class NoRecordsTemplateDirective {
         this.templateRef = templateRef;
     }
 }
-NoRecordsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NoRecordsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-NoRecordsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NoRecordsTemplateDirective, decorators: [{
+NoRecordsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NoRecordsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+NoRecordsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NoRecordsTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridNoRecordsTemplate]'

package/{esm2015/rendering/table-body.component.js → esm2020/rendering/table-body.component.mjs}

@@ -1,16 +1,28 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { nodesToArray } from './../utils';
-import { Component, Input } from '@angular/core';
+import { Component, Input, NgZone, Renderer2, ElementRef, TemplateRef, HostBinding } from '@angular/core';
+import { DetailTemplateDirective } from './details/detail-template.directive';
+import { GroupsService } from '../grouping/groups.service';
+import { ChangeNotificationService } from '../data/change-notification.service';
 import { isChanged, isPresent } from '../utils';
+import { NoRecordsTemplateDirective } from './no-records-template.directive';
+import { EditService } from '../editing/edit.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { columnsSpan, columnsToRender } from "../columns/column-common";
 import { closest, closestInScope, hasClasses, isFocusableWithTabKey, matchesClasses, matchesNodeName } from './common/dom-queries';
+import { DomEventsService } from '../common/dom-events.service';
+import { SelectionService } from "../selection/selection.service";
+import { ColumnInfoService } from "../common/column-info.service";
 import { hasFilterRow } from '../filtering/filterable';
-import { Keys } from '@progress/kendo-angular-common';
+import { NavigationService } from '../navigation/navigation.service';
+import { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
 import { defaultTrackBy } from '../common/default-track-by';
+import { DetailsService } from './details/details.service';
 import { NON_DATA_CELL_CLASSES, NON_DATA_ROW_CLASSES, IGNORE_TARGET_CLASSSES, IGNORE_CONTAINER_CLASSES } from './constants';
+import { CellSelectionService } from '../selection/cell-selection.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./details/details.service";
 import * as i2 from "../grouping/groups.service";
@@ -68,6 +80,7 @@ export class TableBodyComponent {
         this.lockedColumnsCount = 0;
         this.totalColumnsCount = 0;
         this.trackBy = defaultTrackBy;
+        this.hostClass = true;
         this.rowClass = () => null;
         this.cellKeydownSubscription = this.navigationService.cellKeydown.subscribe((args) => this.cellKeydownHandler(args));
         this.trackByWrapper = this.trackByWrapper.bind(this);
@@ -256,7 +269,7 @@ export class TableBodyComponent {
     }
     addStickyColumnStyles(column) {
         const stickyStyles = this.columnInfoService.stickyColumnsStyles(column);
-        return Object.assign(Object.assign({}, column.style), stickyStyles);
+        return { ...column.style, ...stickyStyles };
     }
     resizeHandler() {
         this.applyStickyRowsStyling();
@@ -337,6 +350,9 @@ export class TableBodyComponent {
         };
     }
     eventTarget(args) {
+        if (!isDocumentAvailable()) {
+            return;
+        }
         if (args.type === 'touchend') {
             const touch = args.changedTouches[0];
             return document.elementFromPoint(touch.clientX, touch.clientY);
@@ -344,6 +360,9 @@ export class TableBodyComponent {
         return args.target;
     }
     applyStickyRowsStyling() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
         const stickyRows = nodesToArray(this.element.nativeElement.querySelectorAll('.k-grid-row-sticky'));
         const length = stickyRows.length;
         if (length) {
@@ -361,8 +380,8 @@ export class TableBodyComponent {
         }
     }
 }
-TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.DetailsService }, { token: i2.GroupsService }, { token: i3.ChangeNotificationService }, { token: i4.EditService }, { token: i5.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.DomEventsService }, { token: i7.SelectionService }, { token: i8.CellSelectionService }, { token: i9.ColumnInfoService }, { token: i10.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", data: "data", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", showGroupFooters: "showGroupFooters", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", rowClass: "rowClass" }, usesOnChanges: true, ngImport: i0, template: `
+TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.DetailsService }, { token: i2.GroupsService }, { token: i3.ChangeNotificationService }, { token: i4.EditService }, { token: i5.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.DomEventsService }, { token: i7.SelectionService }, { token: i8.CellSelectionService }, { token: i9.ColumnInfoService }, { token: i10.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", data: "data", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", showGroupFooters: "showGroupFooters", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     <ng-container *ngIf="editService.hasNewItem">
         <tr class="k-grid-add-row k-grid-edit-row k-master-row"
             kendoGridLogicalRow
@@ -442,9 +461,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount"
+            class="{{ isOdd(item) ?  'k-alt k-table-row-alt' : ''}}"
             [class.k-grid-row-sticky]="rowSticky ? rowSticky({ dataItem: item.data, index: $any(item).index }) : false"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
-            [class.k-alt]="isOdd(item)"
             [class.k-master-row]="true"
             [class.k-grid-edit-row]="isEditingRow($any(item).index)"
             [attr.data-kendo-grid-item-index]="$any(item).index"
@@ -577,7 +596,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
     </ng-container>
     <kendo-resize-sensor *ngIf="rowSticky" (resize)="resizeHandler()"></kendo-resize-sensor>
     `, isInline: true, components: [{ type: i11.CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "rowIndex", "dataItem"] }, { type: i12.GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { type: i13.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i15.LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem"] }, { type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i16.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i14.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i17.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i14.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TableBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridTableBody]',
@@ -661,9 +680,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount"
+            class="{{ isOdd(item) ?  'k-alt k-table-row-alt' : ''}}"
             [class.k-grid-row-sticky]="rowSticky ? rowSticky({ dataItem: item.data, index: $any(item).index }) : false"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
-            [class.k-alt]="isOdd(item)"
             [class.k-master-row]="true"
             [class.k-grid-edit-row]="isEditingRow($any(item).index)"
             [attr.data-kendo-grid-item-index]="$any(item).index"
@@ -839,6 +858,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], rowSticky: [{
                 type: Input
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-table-tbody']
             }], rowClass: [{
                 type: Input
             }] } });

package/{esm2015/rendering/toolbar/toolbar-template.directive.js → esm2020/rendering/toolbar/toolbar-template.directive.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, Input } from '@angular/core';
+import { Directive, TemplateRef, Optional, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the toolbar template of the Grid.
@@ -84,9 +84,9 @@ export class ToolbarTemplateDirective {
         return this._position;
     }
 }
-ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
+ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridToolbarTemplate]'

package/{esm2015/rendering/toolbar/toolbar.component.js → esm2020/rendering/toolbar/toolbar.component.mjs}

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input } from '@angular/core';
+import { Component, Input, ElementRef, HostBinding } from '@angular/core';
+import { ContextService } from './../../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./../../common/provider.service";
 import * as i2 from "@angular/common";
@@ -10,19 +11,37 @@ import * as i2 from "@angular/common";
  * @hidden
  */
 export class ToolbarComponent {
-    constructor(ctx) {
+    constructor(ctx, wrapper) {
         this.ctx = ctx;
+        this.wrapper = wrapper;
         this.context = {};
+        this._size = 'medium';
+    }
+    get sizeSmallClass() {
+        return this.size === 'small';
+    }
+    get sizeMediumClass() {
+        return this.size === 'medium' || !this.size;
     }
     set position(value) {
         this.context.position = value;
     }
+    set size(size) {
+        this._size = size;
+        if (size === 'none') {
+            this.wrapper.nativeElement.classList.remove('k-toolbar-sm', 'k-toolbar-md');
+        }
+    }
+    ;
+    get size() {
+        return this._size;
+    }
     get toolbarTemplateRef() {
         return this.ctx.grid.toolbarTemplate ? this.ctx.grid.toolbarTemplate.templateRef : undefined;
     }
 }
-ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: { position: "position" }, ngImport: i0, template: `
+ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size" }, host: { properties: { "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
         <ng-template
             *ngIf="toolbarTemplateRef"
             [ngTemplateOutlet]="toolbarTemplateRef"
@@ -30,7 +49,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
             >
         </ng-template>
     `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-toolbar',
@@ -43,6 +62,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { position: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ElementRef }]; }, propDecorators: { sizeSmallClass: [{
+                type: HostBinding,
+                args: ['class.k-toolbar-sm']
+            }], sizeMediumClass: [{
+                type: HostBinding,
+                args: ['class.k-toolbar-md']
+            }], position: [{
+                type: Input
+            }], size: [{
                 type: Input
             }] } });

package/esm2020/scrolling/content-scroll-event.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/{esm2015/scrolling/row-height.service.js → esm2020/scrolling/row-height.service.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/esm2020/scrolling/scroll-bottom-event.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/{esm2015/scrolling/scroll-request.service.js → esm2020/scrolling/scroll-request.service.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';
@@ -16,8 +16,8 @@ export class ScrollRequestService {
         this.requests.next(request);
     }
 }
-ScrollRequestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollRequestService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollRequestService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollRequestService, decorators: [{
+ScrollRequestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollRequestService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollRequestService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollRequestService, decorators: [{
             type: Injectable
         }] });

package/{esm2015/scrolling/scroll-sync.service.js → esm2020/scrolling/scroll-sync.service.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
+import { Injectable, NgZone } from '@angular/core';
 import { Subscription, Subject, fromEvent } from 'rxjs';
 import { distinctUntilChanged, filter, map, tap } from 'rxjs/operators';
 import * as i0 from "@angular/core";
@@ -71,8 +71,8 @@ export class ScrollSyncService {
         }
     }
 }
-ScrollSyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollSyncService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollSyncService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollSyncService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollSyncService, decorators: [{
+ScrollSyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollSyncService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollSyncService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollSyncService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollSyncService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/{esm2015/scrolling/scroller.service.js → esm2020/scrolling/scroller.service.mjs}

@@ -1,7 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { Observable, BehaviorSubject } from 'rxjs';
 /**
  * @hidden
@@ -55,7 +56,7 @@ export class ScrollerService {
         }
     }
     onScroll({ scrollTop, offsetHeight, scrollHeight, clientHeight }, observer) {
-        if (this.lastScrollTop === scrollTop) {
+        if (!isDocumentAvailable() || (this.lastScrollTop === scrollTop)) {
             return;
         }
         const up = this.lastScrollTop >= scrollTop;

package/esm2020/scrolling/scrollmode.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};