@progress/kendo-angular-grid 13.0.0-develop.14 → 13.0.0-develop.16

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: 1685438859,
-    version: '13.0.0-develop.14',
+    publishDate: 1685462787,
+    version: '13.0.0-develop.16',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -111,6 +111,12 @@ export class CellSelectionService {
             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) {

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,25 +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.aggregateChanges = new EventEmitter();
-        this.lastSelectionStartIndex = 0;
         this.currentSelection = [];
         this.selectAllChecked = false;
         this.active = false;
         this.dragging = false;
+        this.lastSelectionData = {};
         this.addSubscriptions();
     }
     get enableMarquee() {
@@ -45,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();
@@ -109,12 +116,17 @@ export class SelectionService {
             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);
@@ -153,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 });
         }
@@ -367,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 }]; } });

package/fesm2015/progress-kendo-angular-grid.mjs

@@ -2076,17 +2076,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 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.aggregateChanges = new EventEmitter();
-        this.lastSelectionStartIndex = 0;
         this.currentSelection = [];
         this.selectAllChecked = false;
         this.active = false;
         this.dragging = false;
+        this.lastSelectionData = {};
         this.addSubscriptions();
     }
     get enableMarquee() {
@@ -2104,7 +2105,12 @@ class SelectionService {
         return this.active && dragAndMultiple;
     }
     init(settings) {
+        var _a, _b, _c, _d, _e, _f;
         this.settings = settings;
+        if (!isPresent(this.lastSelectionStartIndex)) {
+            this.lastSelectionStartIndex = ((_c = (_b = (_a = this.ctxService) === null || _a === void 0 ? void 0 : _a.grid.selectionDirective) === null || _b === void 0 ? void 0 : _b.rangeSelectionStartRow) === null || _c === void 0 ? void 0 : _c.index) || 0;
+            this.lastSelectionData = ((_f = (_e = (_d = this.ctxService) === null || _d === void 0 ? void 0 : _d.grid.selectionDirective) === null || _e === void 0 ? void 0 : _e.rangeSelectionStartRow) === null || _f === void 0 ? void 0 : _f.dataItem) || {};
+        }
         this.currentSelection = [];
         if (settings.selectable && settings.selectable.enabled !== false) {
             const iterator = this.getIterator();
@@ -2169,12 +2175,17 @@ class SelectionService {
             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);
@@ -2213,6 +2224,7 @@ 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 });
         }
@@ -2427,11 +2439,11 @@ class SelectionService {
         }
     }
 }
-SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService, deps: [{ token: DomEventsService }, { token: LocalDataChangesService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Injectable });
+SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService, deps: [{ token: DomEventsService }, { token: LocalDataChangesService }, { token: NavigationService }, { token: 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: DomEventsService }, { type: LocalDataChangesService }, { type: NavigationService }]; } });
+        }], ctorParameters: function () { return [{ type: DomEventsService }, { type: LocalDataChangesService }, { type: NavigationService }, { type: ContextService }]; } });
 
 /**
  * @hidden
@@ -2532,6 +2544,10 @@ class CellSelectionService {
             this.aggregateChanges.emit(ev);
             ev.cellAggregates = this.aggregates;
         }
+        if (ev.shiftKey) {
+            ev.rangeStartCell = this.lastSelectionItem;
+            ev.rangeEndCell = Object.assign({}, this.settings.cellSelected({ dataItem: item.data, index: item.index }, item.column, item.column.leafIndex).item);
+        }
         this.changes.emit(ev);
     }
     toggle(item) {
@@ -2932,8 +2948,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685438859,
-    version: '13.0.0-develop.14',
+    publishDate: 1685462787,
+    version: '13.0.0-develop.16',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4579,6 +4595,12 @@ 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.
          */
@@ -4626,6 +4648,9 @@ class Selection {
         this.rowSelectionState.clear();
         this.cellSelectionState.clear();
     }
+    /**
+     * @hidden
+     */
     getItemKey(row) {
         if (this.selectionKey) {
             if (typeof this.selectionKey === "string") {
@@ -4704,7 +4729,7 @@ class Selection {
     }
 }
 Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Selection, deps: [{ token: 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: [{
@@ -4713,6 +4738,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: ContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
                 type: Input
+            }], rangeSelectionStartRow: [{
+                type: Input
+            }], rangeSelectionStartColumnIndex: [{
+                type: Input
             }], selectionKey: [{
                 type: Input,
                 args: ["kendoGridSelectBy"]

package/fesm2020/progress-kendo-angular-grid.mjs

@@ -2069,17 +2069,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 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.aggregateChanges = new EventEmitter();
-        this.lastSelectionStartIndex = 0;
         this.currentSelection = [];
         this.selectAllChecked = false;
         this.active = false;
         this.dragging = false;
+        this.lastSelectionData = {};
         this.addSubscriptions();
     }
     get enableMarquee() {
@@ -2098,6 +2099,10 @@ 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();
@@ -2162,12 +2167,17 @@ class SelectionService {
             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);
@@ -2206,6 +2216,7 @@ 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 });
         }
@@ -2420,11 +2431,11 @@ class SelectionService {
         }
     }
 }
-SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService, deps: [{ token: DomEventsService }, { token: LocalDataChangesService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Injectable });
+SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectionService, deps: [{ token: DomEventsService }, { token: LocalDataChangesService }, { token: NavigationService }, { token: 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: DomEventsService }, { type: LocalDataChangesService }, { type: NavigationService }]; } });
+        }], ctorParameters: function () { return [{ type: DomEventsService }, { type: LocalDataChangesService }, { type: NavigationService }, { type: ContextService }]; } });
 
 /**
  * @hidden
@@ -2525,6 +2536,12 @@ class CellSelectionService {
             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) {
@@ -2925,8 +2942,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685438859,
-    version: '13.0.0-develop.14',
+    publishDate: 1685462787,
+    version: '13.0.0-develop.16',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4544,6 +4561,12 @@ 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.
          */
@@ -4591,6 +4614,9 @@ class Selection {
         this.rowSelectionState.clear();
         this.cellSelectionState.clear();
     }
+    /**
+     * @hidden
+     */
     getItemKey(row) {
         if (this.selectionKey) {
             if (typeof this.selectionKey === "string") {
@@ -4669,7 +4695,7 @@ class Selection {
     }
 }
 Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Selection, deps: [{ token: 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: [{
@@ -4678,6 +4704,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: ContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
                 type: Input
+            }], rangeSelectionStartRow: [{
+                type: Input
+            }], rangeSelectionStartColumnIndex: [{
+                type: Input
             }], selectionKey: [{
                 type: Input,
                 args: ["kendoGridSelectBy"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "13.0.0-develop.14",
+  "version": "13.0.0-develop.16",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -32,25 +32,25 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "13.0.0-develop.14",
-    "@progress/kendo-angular-common": "13.0.0-develop.14",
-    "@progress/kendo-angular-dateinputs": "13.0.0-develop.14",
-    "@progress/kendo-angular-layout": "13.0.0-develop.14",
-    "@progress/kendo-angular-dropdowns": "13.0.0-develop.14",
-    "@progress/kendo-angular-excel-export": "13.0.0-develop.14",
-    "@progress/kendo-angular-icons": "13.0.0-develop.14",
-    "@progress/kendo-angular-inputs": "13.0.0-develop.14",
-    "@progress/kendo-angular-intl": "13.0.0-develop.14",
-    "@progress/kendo-angular-l10n": "13.0.0-develop.14",
-    "@progress/kendo-angular-label": "13.0.0-develop.14",
-    "@progress/kendo-angular-pdf-export": "13.0.0-develop.14",
-    "@progress/kendo-angular-popup": "13.0.0-develop.14",
-    "@progress/kendo-angular-utils": "13.0.0-develop.14",
+    "@progress/kendo-angular-buttons": "13.0.0-develop.16",
+    "@progress/kendo-angular-common": "13.0.0-develop.16",
+    "@progress/kendo-angular-dateinputs": "13.0.0-develop.16",
+    "@progress/kendo-angular-layout": "13.0.0-develop.16",
+    "@progress/kendo-angular-dropdowns": "13.0.0-develop.16",
+    "@progress/kendo-angular-excel-export": "13.0.0-develop.16",
+    "@progress/kendo-angular-icons": "13.0.0-develop.16",
+    "@progress/kendo-angular-inputs": "13.0.0-develop.16",
+    "@progress/kendo-angular-intl": "13.0.0-develop.16",
+    "@progress/kendo-angular-l10n": "13.0.0-develop.16",
+    "@progress/kendo-angular-label": "13.0.0-develop.16",
+    "@progress/kendo-angular-pdf-export": "13.0.0-develop.16",
+    "@progress/kendo-angular-popup": "13.0.0-develop.16",
+    "@progress/kendo-angular-utils": "13.0.0-develop.16",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.0.0-develop.14",
+    "@progress/kendo-angular-schematics": "13.0.0-develop.16",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/schematics/ngAdd/index.js

@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '13.0.0-develop.14',
+            '@progress/kendo-angular-treeview': '13.0.0-develop.16',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '13.0.0-develop.14',
+            '@progress/kendo-angular-dialog': '13.0.0-develop.16',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^1.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '13.0.0-develop.14'
+            '@progress/kendo-angular-progressbar': '13.0.0-develop.16'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/selection/selection-default.d.ts

@@ -21,6 +21,18 @@ export declare class Selection {
      * @default []
      */
     selectedKeys: any[];
+    /**
+     * Defines the initial shift-click range selection starting row index.
+     *
+     * @default 0
+     */
+    rangeSelectionStartRow: RowArgs;
+    /**
+     * Defines the initial shift-click range selection starting column index when cell selection is enabled.
+     *
+     * @default 0
+     */
+    rangeSelectionStartColumnIndex: number;
     /**
      * Defines the item key that will be stored in the `selectedKeys` collection.
      */
@@ -52,12 +64,15 @@ export declare class Selection {
      * @hidden
      */
     reset(): void;
-    protected getItemKey(row: RowArgs): any;
+    /**
+     * @hidden
+     */
+    getItemKey(row: RowArgs): any;
     protected getSelectionItem(row: RowArgs, col: ColumnComponent, colIndex: number): CellSelectionItem;
     protected onSelectionChange(selection: SelectionEvent): void;
     private notifyChange;
     private setState;
     private stateToArray;
     static ɵfac: i0.ɵɵFactoryDeclaration<Selection, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Selection, "kendo-grid-selection-base", never, { "selectedKeys": "selectedKeys"; "selectionKey": "kendoGridSelectBy"; "columnKey": "columnKey"; }, { "selectedKeysChange": "selectedKeysChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Selection, "kendo-grid-selection-base", never, { "selectedKeys": "selectedKeys"; "rangeSelectionStartRow": "rangeSelectionStartRow"; "rangeSelectionStartColumnIndex": "rangeSelectionStartColumnIndex"; "selectionKey": "kendoGridSelectBy"; "columnKey": "columnKey"; }, { "selectedKeysChange": "selectedKeysChange"; }, never>;
 }

package/selection/selection.service.d.ts

@@ -9,6 +9,7 @@ import { DomEventsService } from '../common/dom-events.service';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { NavigationService } from '../navigation/navigation.service';
 import { SelectionAggregates } from '../aggregates/aggregate-types';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -29,9 +30,10 @@ export declare class SelectionService implements OnDestroy {
     private domEvents;
     private localDataChangesService?;
     private navigationService?;
+    private ctxService?;
     changes: EventEmitter<SelectionEvent>;
     aggregateChanges: EventEmitter<SelectionEvent>;
-    lastSelectionStartIndex: number;
+    lastSelectionStartIndex: any;
     currentSelection: any[];
     selectAllChecked: boolean;
     settings: SelectionServiceSettings;
@@ -43,8 +45,9 @@ export declare class SelectionService implements OnDestroy {
     private cellClickSubscription;
     private mousedownSubscription;
     private dataChangedSubscription;
+    private lastSelectionData;
     private _selectAllState;
-    constructor(domEvents: DomEventsService, localDataChangesService?: LocalDataChangesService, navigationService?: NavigationService);
+    constructor(domEvents: DomEventsService, localDataChangesService?: LocalDataChangesService, navigationService?: NavigationService, ctxService?: ContextService);
     init(settings: any): void;
     isSelected(index: number): boolean;
     handleClick(item: any, event: any): void;

package/selection/types.d.ts

@@ -45,6 +45,22 @@ export interface SelectionEvent {
      * Shows the state of the `Shift` key during the selection.
      */
     shiftKey?: boolean;
+    /**
+     * Represents the initially clicked row in a shift-click range row selection
+     */
+    rangeStartRow?: RowArgs;
+    /**
+     * Represents the shift-clicked item in a shift-click range row selection
+     */
+    rangeEndRow?: RowArgs;
+    /**
+     * Represents the initially clicked cell in a shift-click range cell selection
+     */
+    rangeStartCell?: CellSelectionItem;
+    /**
+     * Represents the shift-clicked cell in a shift-click range cell selection
+     */
+    rangeEndCell?: CellSelectionItem;
 }
 /**
  * The settings for the selection functionality of the Grid ([more information and example]({% slug selection_grid %}#toc-setup)).