@progress/kendo-angular-grid 13.0.0-develop.13 → 13.0.0-develop.15

package/esm2020/grid.module.mjs

@@ -23,6 +23,8 @@ import { FooterModule } from "./rendering/footer/footer.module";
 import { SharedModule } from './shared.module';
 import { ToolbarTemplateDirective } from "./rendering/toolbar/toolbar-template.directive";
 import { ToolbarComponent } from "./rendering/toolbar/toolbar.component";
+import { StatusBarTemplateDirective } from './aggregates/status-bar-template.directive';
+import { StatusBarComponent } from './aggregates/status-bar.component';
 import { ResizeSensorModule } from '@progress/kendo-angular-common';
 import { TemplateEditingDirective } from './editing-directives/template-editing.directive';
 import { ReactiveEditingDirective } from './editing-directives/reactive-editing.directive';
@@ -123,6 +125,7 @@ const exportedModules = [
     ToolbarTemplateDirective,
     ToolbarComponent,
     GridSpacerComponent,
+    StatusBarTemplateDirective,
     DataBindingDirective,
     SelectionDirective,
     CustomMessagesComponent,
@@ -160,7 +163,9 @@ const declarations = [
     GroupBindingDirective,
     GridMarqueeDirective,
     GridSpacerComponent,
-    GridToolbarFocusableDirective
+    GridToolbarFocusableDirective,
+    StatusBarComponent,
+    StatusBarTemplateDirective
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -202,7 +207,9 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         GroupBindingDirective,
         GridMarqueeDirective,
         GridSpacerComponent,
-        GridToolbarFocusableDirective], imports: [CommonModule,
+        GridToolbarFocusableDirective,
+        StatusBarComponent,
+        StatusBarTemplateDirective], imports: [CommonModule,
         GroupModule,
         SharedModule,
         BodyModule,
@@ -217,6 +224,7 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         ToolbarTemplateDirective,
         ToolbarComponent,
         GridSpacerComponent,
+        StatusBarTemplateDirective,
         DataBindingDirective,
         SelectionDirective,
         CustomMessagesComponent,

package/esm2020/index.mjs

@@ -25,6 +25,7 @@ export { FooterTemplateDirective } from './rendering/footer/footer-template.dire
 export { PagerTemplateDirective } from './pager/pager-template.directive';
 export { GridSpacerComponent } from './rendering/common/spacer.component';
 export { ExpandDetailsDirective } from './rendering/details-expand.directive';
+export { StatusBarTemplateDirective } from './aggregates/status-bar-template.directive';
 export { ExpandGroupDirective } from './rendering/groups-expand.directive';
 export { defaultTrackBy } from './common/default-track-by';
 export { DetailTemplateDirective } from './rendering/details/detail-template.directive';

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685375852,
-    version: '13.0.0-develop.13',
+    publishDate: 1685453775,
+    version: '13.0.0-develop.15',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/selection/cell-selection.service.mjs

@@ -21,6 +21,7 @@ export class CellSelectionService {
         this.localDataChangesService = localDataChangesService;
         this.navigationService = navigationService;
         this.changes = new EventEmitter();
+        this.aggregateChanges = new EventEmitter();
         this.mouseUpEvent = new EventEmitter();
         this.currentSelection = [];
         this.active = false;
@@ -106,6 +107,16 @@ export class CellSelectionService {
         }
         ev.ctrlKey = ctrlKey;
         ev.shiftKey = event.shiftKey;
+        if (this.options.cellAggregates) {
+            this.aggregateChanges.emit(ev);
+            ev.cellAggregates = this.aggregates;
+        }
+        if (ev.shiftKey) {
+            ev.rangeStartCell = this.lastSelectionItem;
+            ev.rangeEndCell = {
+                ...this.settings.cellSelected({ dataItem: item.data, index: item.index }, item.column, item.column.leafIndex).item
+            };
+        }
         this.changes.emit(ev);
     }
     toggle(item) {
@@ -209,13 +220,20 @@ export class CellSelectionService {
             }
             next = iterator.next();
         }
+        let cellAggregates;
+        if (this.options.cellAggregates) {
+            this.aggregateChanges.emit({ selectedCells, deselectedCells });
+            cellAggregates = this.aggregates;
+        }
         return {
             deselectedCells,
-            selectedCells
+            selectedCells,
+            cellAggregates
         };
     }
     get options() {
         const defaultOptions = {
+            cellAggregates: false,
             checkboxOnly: false,
             enabled: true,
             mode: "multiple"
@@ -225,6 +243,7 @@ export class CellSelectionService {
         }
         if (typeof this.settings.selectable === 'boolean') {
             return {
+                cellAggregates: false,
                 checkboxOnly: false,
                 enabled: this.settings.selectable,
                 mode: "multiple"

package/esm2020/selection/selection-checkbox.directive.mjs

@@ -54,6 +54,8 @@ export class SelectionCheckboxDirective {
                 const ev = this.selectionService.toggleByIndex(this.itemIndex);
                 ev.ctrlKey = true;
                 ev.shiftKey = false;
+                this.selectionService.aggregateChanges.emit(ev);
+                ev.cellAggregates = this.selectionService.aggregates;
                 this.selectionService.changes.emit(ev);
             });
         }

package/esm2020/selection/selection-default.mjs

@@ -20,6 +20,12 @@ export class Selection {
          * @default []
          */
         this.selectedKeys = [];
+        /**
+         * Defines the initial shift-click range selection starting column index when cell selection is enabled.
+         *
+         * @default 0
+         */
+        this.rangeSelectionStartColumnIndex = 0;
         /**
          * Fires when the `selectedKeys` collection has been updated.
          */
@@ -67,6 +73,9 @@ export class Selection {
         this.rowSelectionState.clear();
         this.cellSelectionState.clear();
     }
+    /**
+     * @hidden
+     */
     getItemKey(row) {
         if (this.selectionKey) {
             if (typeof this.selectionKey === "string") {
@@ -145,7 +154,7 @@ export class Selection {
     }
 }
 Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Selection, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-Selection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Selection, selector: "kendo-grid-selection-base", inputs: { selectedKeys: "selectedKeys", selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, usesOnChanges: true, ngImport: i0 });
+Selection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Selection, selector: "kendo-grid-selection-base", inputs: { selectedKeys: "selectedKeys", rangeSelectionStartRow: "rangeSelectionStartRow", rangeSelectionStartColumnIndex: "rangeSelectionStartColumnIndex", selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Selection, decorators: [{
             type: Directive,
             args: [{
@@ -154,6 +163,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
                 type: Input
+            }], rangeSelectionStartRow: [{
+                type: Input
+            }], rangeSelectionStartColumnIndex: [{
+                type: Input
             }], selectionKey: [{
                 type: Input,
                 args: ["kendoGridSelectBy"]

package/esm2020/selection/selection.service.mjs

@@ -8,24 +8,28 @@ 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 { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/dom-events.service";
 import * as i2 from "../editing/local-data-changes.service";
 import * as i3 from "../navigation/navigation.service";
+import * as i4 from "../common/provider.service";
 /**
  * @hidden
  */
 export class SelectionService {
-    constructor(domEvents, localDataChangesService, navigationService) {
+    constructor(domEvents, localDataChangesService, navigationService, ctxService) {
         this.domEvents = domEvents;
         this.localDataChangesService = localDataChangesService;
         this.navigationService = navigationService;
+        this.ctxService = ctxService;
         this.changes = new EventEmitter();
-        this.lastSelectionStartIndex = 0;
+        this.aggregateChanges = new EventEmitter();
         this.currentSelection = [];
         this.selectAllChecked = false;
         this.active = false;
         this.dragging = false;
+        this.lastSelectionData = {};
         this.addSubscriptions();
     }
     get enableMarquee() {
@@ -44,6 +48,10 @@ export class SelectionService {
     }
     init(settings) {
         this.settings = settings;
+        if (!isPresent(this.lastSelectionStartIndex)) {
+            this.lastSelectionStartIndex = this.ctxService?.grid.selectionDirective?.rangeSelectionStartRow?.index || 0;
+            this.lastSelectionData = this.ctxService?.grid.selectionDirective?.rangeSelectionStartRow?.dataItem || {};
+        }
         this.currentSelection = [];
         if (settings.selectable && settings.selectable.enabled !== false) {
             const iterator = this.getIterator();
@@ -104,12 +112,21 @@ export class SelectionService {
         }
         ev.ctrlKey = ctrlKey;
         ev.shiftKey = event.shiftKey;
+        if (this.options.cellAggregates) {
+            this.aggregateChanges.emit(ev);
+            ev.cellAggregates = this.aggregates;
+        }
+        if (ev.shiftKey) {
+            ev.rangeStartRow = { dataItem: this.lastSelectionData, index: this.lastSelectionStartIndex };
+            ev.rangeEndRow = { dataItem: item.data, index: item.index };
+        }
         this.changes.emit(ev);
     }
     toggle(item) {
         const selectedRows = [];
         const deselectedRows = [];
         this.lastSelectionStartIndex = item.index;
+        this.lastSelectionData = item.data;
         const rowArgs = { dataItem: item.data, index: item.index };
         if (this.isSelected(item.index)) {
             deselectedRows.push(rowArgs);
@@ -148,6 +165,7 @@ export class SelectionService {
         const deselectedRows = [];
         const selectedRows = [];
         this.lastSelectionStartIndex = item.index;
+        this.lastSelectionData = item.data;
         if (!this.isSelected(item.index)) {
             selectedRows.push({ dataItem: item.data, index: item.index });
         }
@@ -258,9 +276,15 @@ export class SelectionService {
             }
             next = iterator.next();
         }
+        let cellAggregates;
+        if (this.options.cellAggregates) {
+            this.aggregateChanges.emit({ selectedRows, deselectedRows });
+            cellAggregates = this.aggregates;
+        }
         return {
             deselectedRows: deselectedRows,
-            selectedRows: selectedRows
+            selectedRows: selectedRows,
+            cellAggregates
         };
     }
     get selectAllState() {
@@ -273,6 +297,7 @@ export class SelectionService {
     }
     get options() {
         const defaultOptions = {
+            cellAggregates: false,
             checkboxOnly: false,
             enabled: true,
             mode: "multiple"
@@ -282,6 +307,7 @@ export class SelectionService {
         }
         if (typeof this.settings.selectable === 'boolean') {
             return {
+                cellAggregates: false,
                 checkboxOnly: false,
                 enabled: this.settings.selectable,
                 mode: "multiple"
@@ -354,8 +380,8 @@ export class SelectionService {
         }
     }
 }
-SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService, deps: [{ token: i1.DomEventsService }, { token: i2.LocalDataChangesService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Injectable });
+SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService, deps: [{ token: i1.DomEventsService }, { token: i2.LocalDataChangesService }, { token: i3.NavigationService }, { token: i4.ContextService }], target: i0.ɵɵFactoryTarget.Injectable });
 SelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.DomEventsService }, { type: i2.LocalDataChangesService }, { type: i3.NavigationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.DomEventsService }, { type: i2.LocalDataChangesService }, { type: i3.NavigationService }, { type: i4.ContextService }]; } });