@progress/kendo-angular-grid 7.4.2-dev.202211170751 → 11.0.0-develop.100

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 © 2023 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
@@ -371,9 +390,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
-            <td class="k-hierarchy-cell"
+            <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="addRowLogicalIndex()"
@@ -382,6 +401,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 >
             </td>
             <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
+                class="k-table-td"
                 kendoGridCell
                     [rowIndex]="-1"
                     [columnIndex]="lockedColumnsCount + columnIndex"
@@ -402,7 +422,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         </tr>
     </ng-container>
     <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
-        <td [attr.colspan]="colSpan">
+        <td [attr.colspan]="colSpan" class="k-table-td">
             <ng-template
                 *ngIf="noRecordsTemplate?.templateRef"
                 [templateContext]="{
@@ -442,9 +462,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"
@@ -452,7 +472,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             <ng-container *ngIf="!skipGroupDecoration">
                 <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
-            <td class="k-hierarchy-cell"
+            <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -487,6 +507,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     [colIndex]="columnIndex"
                     [colSpan]="column.colspan"
                     role="gridcell"
+                    class="k-table-td"
                     [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
                     [class.k-grid-content-sticky]="column.sticky"
                     [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -513,9 +534,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [logicalSlaveRow]="false"
                 [logicalCellsCount]="1"
             >
-            <td class="k-group-cell" *ngFor="let g of groups"></td>
-            <td class="k-hierarchy-cell"></td>
-            <td class="k-detail-cell"
+            <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
+            <td class="k-hierarchy-cell k-table-td"></td>
+            <td class="k-detail-cell k-table-td"
                 [attr.colspan]="columnsSpan"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -549,7 +570,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             <ng-container *ngIf="!skipGroupDecoration">
                 <td class="k-group-cell" *ngFor="let g of groups"></td>
             </ng-container>
-            <td class="k-hierarchy-cell"
+            <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -561,6 +582,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
                     [logicalColIndex]="logicalColIndex(column)"
                 [attr.data-skip]="skipGroupDecoration"
+                class="k-table-td"
                 *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
                 <ng-template
                     [templateContext]="{
@@ -577,7 +599,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]',
@@ -590,9 +612,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
-            <td class="k-hierarchy-cell"
+            <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="addRowLogicalIndex()"
@@ -601,6 +623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 >
             </td>
             <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
+                class="k-table-td"
                 kendoGridCell
                     [rowIndex]="-1"
                     [columnIndex]="lockedColumnsCount + columnIndex"
@@ -621,7 +644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </tr>
     </ng-container>
     <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
-        <td [attr.colspan]="colSpan">
+        <td [attr.colspan]="colSpan" class="k-table-td">
             <ng-template
                 *ngIf="noRecordsTemplate?.templateRef"
                 [templateContext]="{
@@ -661,9 +684,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"
@@ -671,7 +694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             <ng-container *ngIf="!skipGroupDecoration">
                 <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
-            <td class="k-hierarchy-cell"
+            <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -706,6 +729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [colIndex]="columnIndex"
                     [colSpan]="column.colspan"
                     role="gridcell"
+                    class="k-table-td"
                     [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
                     [class.k-grid-content-sticky]="column.sticky"
                     [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -732,9 +756,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [logicalSlaveRow]="false"
                 [logicalCellsCount]="1"
             >
-            <td class="k-group-cell" *ngFor="let g of groups"></td>
-            <td class="k-hierarchy-cell"></td>
-            <td class="k-detail-cell"
+            <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
+            <td class="k-hierarchy-cell k-table-td"></td>
+            <td class="k-detail-cell k-table-td"
                 [attr.colspan]="columnsSpan"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -768,7 +792,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             <ng-container *ngIf="!skipGroupDecoration">
                 <td class="k-group-cell" *ngFor="let g of groups"></td>
             </ng-container>
-            <td class="k-hierarchy-cell"
+            <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -780,6 +804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
                     [logicalColIndex]="logicalColIndex(column)"
                 [attr.data-skip]="skipGroupDecoration"
+                class="k-table-td"
                 *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
                 <ng-template
                     [templateContext]="{
@@ -839,6 +864,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 © 2023 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 © 2023 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 © 2023 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 © 2023 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 © 2023 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 © 2023 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 © 2023 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 © 2023 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 © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 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';
@@ -12,8 +12,8 @@ export class SuspendService {
         this.scroll = false;
     }
 }
-SuspendService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SuspendService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SuspendService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SuspendService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SuspendService, decorators: [{
+SuspendService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SuspendService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SuspendService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SuspendService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SuspendService, decorators: [{
             type: Injectable
         }] });

package/{esm2015/selection/cell-selection.service.js → esm2020/selection/cell-selection.service.mjs}

@@ -1,10 +1,13 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, EventEmitter } from '@angular/core';
 import { iterator } from '../utils';
 import { isPresent } from '../utils';
+import { DomEventsService } from '../common/dom-events.service';
+import { LocalDataChangesService } from '../editing/local-data-changes.service';
+import { NavigationService } from '../navigation/navigation.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/dom-events.service";
 import * as i2 from "../editing/local-data-changes.service";
@@ -106,8 +109,8 @@ export class CellSelectionService {
         this.changes.emit(ev);
     }
     toggle(item) {
-        let selectedCells = [];
-        let deselectedCells = [];
+        const selectedCells = [];
+        const deselectedCells = [];
         this.lastSelectionItem =
             this.settings.cellSelected({ dataItem: item.data, index: item.index }, item.column, item.column.leafIndex).item;
         this.lastSelectionItemRowIndex = item.index;
@@ -164,7 +167,7 @@ export class CellSelectionService {
                 return selectedItem.itemKey === contender.itemKey;
             });
             if (cellsToRemove.length) {
-                let ev = {
+                const ev = {
                     ctrlKey: false,
                     deselectedCells: cellsToRemove,
                     selectedCells: []
@@ -288,8 +291,8 @@ export class CellSelectionService {
         }
     }
 }
-CellSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CellSelectionService, deps: [{ token: i1.DomEventsService }, { token: i2.LocalDataChangesService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Injectable });
-CellSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CellSelectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CellSelectionService, decorators: [{
+CellSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CellSelectionService, deps: [{ token: i1.DomEventsService }, { token: i2.LocalDataChangesService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Injectable });
+CellSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CellSelectionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CellSelectionService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DomEventsService }, { type: i2.LocalDataChangesService }, { type: i3.NavigationService }]; } });

package/{esm2015/selection/marquee.directive.js → esm2020/selection/marquee.directive.mjs}

@@ -1,8 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { DomEventsService } from './../common/dom-events.service';
 import { Directive, HostBinding } from '@angular/core';
+import { DraggableDirective, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { SelectionService } from './selection.service';
+import { CellSelectionService } from './cell-selection.service';
 import { take, delay } from 'rxjs/operators';
 import { merge } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -11,6 +15,9 @@ import * as i2 from "./selection.service";
 import * as i3 from "./cell-selection.service";
 import * as i4 from "./../common/dom-events.service";
 const createElement = () => {
+    if (!isDocumentAvailable()) {
+        return;
+    }
     const marquee = document.createElement("div");
     marquee.className = "k-marquee";
     const marqueeColor = document.createElement("div");
@@ -69,7 +76,7 @@ export class GridMarqueeDirective {
             return;
         }
         if (!this.selectionStarted) {
-            const distance = Math.sqrt(Math.pow((args.pageX - press.pageX), 2) + Math.pow((args.pageY - press.pageY), 2));
+            const distance = Math.sqrt((args.pageX - press.pageX) ** 2 + (args.pageY - press.pageY) ** 2);
             if (distance > MINIMAL_DRAG_DISTANCE) {
                 this.selectionStarted = true;
                 this.dragEndSubscription = merge(this.domEvents.cellMouseup.pipe(take(1)), this.draggable.kendoRelease.pipe(delay(1), take(1)))
@@ -124,6 +131,9 @@ export class GridMarqueeDirective {
         this.cellSelection.active ? this.cellSelection.dragging = false : this.selection.dragging = false;
     }
     initMarquee() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
         if (!this.marqueeElement) {
             this.marqueeElement = createElement();
             document.body.appendChild(this.marqueeElement);
@@ -149,9 +159,9 @@ export class GridMarqueeDirective {
         return null;
     }
 }
-GridMarqueeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridMarqueeDirective, deps: [{ token: i1.DraggableDirective }, { token: i2.SelectionService }, { token: i3.CellSelectionService }, { token: i4.DomEventsService }], target: i0.ɵɵFactoryTarget.Directive });
-GridMarqueeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]", host: { properties: { "style.-webkit-user-select": "this.webkitUserSelection", "class.user-select-none": "this.userSelection" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridMarqueeDirective, decorators: [{
+GridMarqueeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridMarqueeDirective, deps: [{ token: i1.DraggableDirective }, { token: i2.SelectionService }, { token: i3.CellSelectionService }, { token: i4.DomEventsService }], target: i0.ɵɵFactoryTarget.Directive });
+GridMarqueeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]", host: { properties: { "style.-webkit-user-select": "this.webkitUserSelection", "class.user-select-none": "this.userSelection" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridMarqueeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridSelectionMarquee]'

package/{esm2015/selection/pair-set.js → esm2020/selection/pair-set.mjs}

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