@progress/kendo-angular-grid 13.0.0-develop.2 → 13.0.0-develop.20

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 }]; } });