@progress/kendo-angular-grid 16.11.0-develop.1 → 16.11.0-develop.2

package/grid.component.d.ts

@@ -35,7 +35,7 @@ import { ResponsiveService } from "./layout/responsive.service";
 import { ExcelService } from './excel/excel.service';
 import { ExcelExportEvent } from './excel/excel-export-event';
 import { ColumnList } from './columns/column-list';
-import { RowClassFn, RowSelectedFn, RowStickyFn } from './rendering/common/row-class';
+import { RowClassFn, RowSelectedFn, RowStickyFn, RowSelectableFn } from './rendering/common/row-class';
 import { ToolbarTemplateDirective } from "./rendering/toolbar/toolbar-template.directive";
 import { EditEvent } from "./editing/edit-event-args.interface";
 import { RemoveEvent } from "./editing/remove-event-args.interface";
@@ -91,8 +91,8 @@ import * as i0 from "@angular/core";
  */
 export declare class GridComponent implements AfterContentInit, AfterViewInit, OnDestroy, OnChanges, OnInit {
     private supportService;
-    private selectionService;
-    private cellSelectionService;
+    selectionService: SelectionService;
+    cellSelectionService: CellSelectionService;
     wrapper: ElementRef;
     private groupInfoService;
     groupsService: GroupsService;
@@ -315,6 +315,12 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      */
     set rowSelected(fn: RowSelectedFn);
     get rowSelected(): RowSelectedFn;
+    /**
+     * Defines a Boolean function that is executed for each data row in the component.
+     * Determines whether the row will be selectable.
+     */
+    set isRowSelectable(fn: RowSelectableFn);
+    get isRowSelectable(): RowSelectableFn;
     /**
      * Defines a function that determines the selected state of a data cell.
      * Returns an object with `selected` and `item` properties.
@@ -559,6 +565,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private cachedWindowWidth;
     private defaultSelection;
     private _rowSelected;
+    private _isRowSelectable;
     private _cellSelected;
     private _customDetailTemplate;
     private _cellLoadingTemplate;
@@ -598,6 +605,10 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * @hidden
      */
     getHintSettings(type: string): any;
+    /**
+     * @hidden
+     */
+    blockArrowSelection: boolean;
     private selectionSubscription;
     private stateChangeSubscription;
     private groupExpandCollapseSubscription;
@@ -878,6 +889,10 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * @hidden
      */
     get flatData(): Array<any>;
+    /**
+     * @hidden
+     */
+    updateNavigationMetadata(): void;
     /**
      * @hidden
      */
@@ -905,7 +920,6 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private assertNavigable;
     private _rowClass;
     private navigationMetadata;
-    private updateNavigationMetadata;
     private applyAutoSize;
     private onColumnRangeChange;
     private toggleDetailRowLegacy;
@@ -913,5 +927,5 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private shouldResetSelection;
     private notifyReorderContainers;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kendo-grid", ["kendoGrid"], { "data": "data"; "pageSize": "pageSize"; "height": "height"; "rowHeight": "rowHeight"; "detailRowHeight": "detailRowHeight"; "skip": "skip"; "scrollable": "scrollable"; "selectable": "selectable"; "sort": "sort"; "size": "size"; "trackBy": "trackBy"; "filter": "filter"; "group": "group"; "virtualColumns": "virtualColumns"; "filterable": "filterable"; "sortable": "sortable"; "pageable": "pageable"; "groupable": "groupable"; "rowReorderable": "rowReorderable"; "navigable": "navigable"; "navigatable": "navigatable"; "autoSize": "autoSize"; "rowClass": "rowClass"; "rowSticky": "rowSticky"; "rowSelected": "rowSelected"; "cellSelected": "cellSelected"; "resizable": "resizable"; "reorderable": "reorderable"; "loading": "loading"; "columnMenu": "columnMenu"; "hideHeader": "hideHeader"; "isDetailExpanded": "isDetailExpanded"; "isGroupExpanded": "isGroupExpanded"; }, { "filterChange": "filterChange"; "pageChange": "pageChange"; "groupChange": "groupChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowReorder": "rowReorder"; "dataStateChange": "dataStateChange"; "groupExpand": "groupExpand"; "groupCollapse": "groupCollapse"; "detailExpand": "detailExpand"; "detailCollapse": "detailCollapse"; "edit": "edit"; "cancel": "cancel"; "save": "save"; "remove": "remove"; "add": "add"; "cellClose": "cellClose"; "cellClick": "cellClick"; "pdfExport": "pdfExport"; "excelExport": "excelExport"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockedChange": "columnLockedChange"; "columnStickyChange": "columnStickyChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; }, ["columns", "detailTemplateChildren", "cellLoadingTemplateChildren", "loadingTemplateChildren", "statusBarTemplateChildren", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kendo-grid", ["kendoGrid"], { "data": "data"; "pageSize": "pageSize"; "height": "height"; "rowHeight": "rowHeight"; "detailRowHeight": "detailRowHeight"; "skip": "skip"; "scrollable": "scrollable"; "selectable": "selectable"; "sort": "sort"; "size": "size"; "trackBy": "trackBy"; "filter": "filter"; "group": "group"; "virtualColumns": "virtualColumns"; "filterable": "filterable"; "sortable": "sortable"; "pageable": "pageable"; "groupable": "groupable"; "rowReorderable": "rowReorderable"; "navigable": "navigable"; "navigatable": "navigatable"; "autoSize": "autoSize"; "rowClass": "rowClass"; "rowSticky": "rowSticky"; "rowSelected": "rowSelected"; "isRowSelectable": "isRowSelectable"; "cellSelected": "cellSelected"; "resizable": "resizable"; "reorderable": "reorderable"; "loading": "loading"; "columnMenu": "columnMenu"; "hideHeader": "hideHeader"; "isDetailExpanded": "isDetailExpanded"; "isGroupExpanded": "isGroupExpanded"; }, { "filterChange": "filterChange"; "pageChange": "pageChange"; "groupChange": "groupChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowReorder": "rowReorder"; "dataStateChange": "dataStateChange"; "groupExpand": "groupExpand"; "groupCollapse": "groupCollapse"; "detailExpand": "detailExpand"; "detailCollapse": "detailCollapse"; "edit": "edit"; "cancel": "cancel"; "save": "save"; "remove": "remove"; "add": "add"; "cellClose": "cellClose"; "cellClick": "cellClick"; "pdfExport": "pdfExport"; "excelExport": "excelExport"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockedChange": "columnLockedChange"; "columnStickyChange": "columnStickyChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; }, ["columns", "detailTemplateChildren", "cellLoadingTemplateChildren", "loadingTemplateChildren", "statusBarTemplateChildren", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], never, true, never>;
 }

package/index.d.ts

@@ -155,7 +155,7 @@ export { ExcelComponent } from './excel/excel.component';
 export { ExcelService } from './excel/excel.service';
 export { ExcelExportEvent } from './excel/excel-export-event';
 export { FetchDataCallback } from './common/fetch-data-callback';
-export { RowClassFn, RowClassArgs, RowSelectedFn, RowStickyFn } from './rendering/common/row-class';
+export { RowClassFn, RowClassArgs, RowSelectedFn, RowStickyFn, RowSelectableFn } from './rendering/common/row-class';
 export { RowArgs } from './rendering/common/row-args';
 export { EditEvent } from './editing/edit-event-args.interface';
 export { AddEvent } from './editing/add-event-args.interface';

package/navigation/navigation.service.d.ts

@@ -112,6 +112,10 @@ export declare class NavigationService implements OnDestroy {
     private onWindowBlur;
     private onKeydown;
     private onTabout;
+    private handleVerticalArrowSelection;
+    private handleHorizontalArrowSelection;
+    private handleMultipleArrowCellSelection;
+    private handleMultipleArrowRowSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, [null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "16.11.0-develop.1",
+  "version": "16.11.0-develop.2",
   "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",
@@ -33,25 +33,25 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.4",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "16.11.0-develop.1",
-    "@progress/kendo-angular-common": "16.11.0-develop.1",
-    "@progress/kendo-angular-dateinputs": "16.11.0-develop.1",
-    "@progress/kendo-angular-layout": "16.11.0-develop.1",
-    "@progress/kendo-angular-dropdowns": "16.11.0-develop.1",
-    "@progress/kendo-angular-excel-export": "16.11.0-develop.1",
-    "@progress/kendo-angular-icons": "16.11.0-develop.1",
-    "@progress/kendo-angular-inputs": "16.11.0-develop.1",
-    "@progress/kendo-angular-intl": "16.11.0-develop.1",
-    "@progress/kendo-angular-l10n": "16.11.0-develop.1",
-    "@progress/kendo-angular-label": "16.11.0-develop.1",
-    "@progress/kendo-angular-pdf-export": "16.11.0-develop.1",
-    "@progress/kendo-angular-popup": "16.11.0-develop.1",
-    "@progress/kendo-angular-utils": "16.11.0-develop.1",
+    "@progress/kendo-angular-buttons": "16.11.0-develop.2",
+    "@progress/kendo-angular-common": "16.11.0-develop.2",
+    "@progress/kendo-angular-dateinputs": "16.11.0-develop.2",
+    "@progress/kendo-angular-layout": "16.11.0-develop.2",
+    "@progress/kendo-angular-dropdowns": "16.11.0-develop.2",
+    "@progress/kendo-angular-excel-export": "16.11.0-develop.2",
+    "@progress/kendo-angular-icons": "16.11.0-develop.2",
+    "@progress/kendo-angular-inputs": "16.11.0-develop.2",
+    "@progress/kendo-angular-intl": "16.11.0-develop.2",
+    "@progress/kendo-angular-l10n": "16.11.0-develop.2",
+    "@progress/kendo-angular-label": "16.11.0-develop.2",
+    "@progress/kendo-angular-pdf-export": "16.11.0-develop.2",
+    "@progress/kendo-angular-popup": "16.11.0-develop.2",
+    "@progress/kendo-angular-utils": "16.11.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.11.0-develop.1",
+    "@progress/kendo-angular-schematics": "16.11.0-develop.2",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/rendering/cell.component.d.ts

@@ -45,6 +45,7 @@ export declare class CellComponent implements DoCheck {
     get isSpanColumn(): boolean;
     get childColumns(): ColumnComponent[];
     get isRowReorderColumn(): boolean;
+    get isRowSelectable(): boolean;
     private _rowIndex;
     private get isColumnEditable();
     private _templateContext;

package/rendering/common/row-class.d.ts

@@ -38,6 +38,17 @@ export declare type RowClassFn = (context: RowClassArgs) => string | string[] |
  * ```
  */
 export declare type RowSelectedFn = (context: RowArgs) => boolean;
+/**
+ * Represents the callback that is used to determine whether a given data row will be selectable. Used by the
+ * [isRowSelectable]({% slug api_grid_gridcomponent %}#toc-isrowselectable) property.
+ *
+ * ```ts
+ * isRowSelectableCallback({ dataItem, index }) {
+ *   return index % 2 === 0;
+ * }
+ * ```
+ */
+export declare type RowSelectableFn = (context: RowArgs) => boolean;
 /**
  * Represents the callback that is used to determine whether a given data row will be sticky.
  *

package/rendering/table-body.component.d.ts

@@ -26,6 +26,7 @@ import { DataItem } from '../data/data-item.interface';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ContextService } from '../common/provider.service';
 import { ColumnsContainer } from '../columns/columns-container';
+import { RowArgs } from './common/row-args';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -98,8 +99,9 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges,
     }): boolean;
     isParentGroupExpanded(item: GroupItem): boolean;
     isOdd(item: any): boolean;
-    isSelectable(): boolean;
+    isSelectable(args: RowArgs): boolean;
     isRowSelected(item: any): boolean;
+    isRowSelectable(args: RowArgs): boolean;
     trackByWrapper(index: number, item: GridItem): any;
     trackByColumns(index: number, item: any): any;
     ngDoCheck(): void;

package/schematics/ngAdd/index.js

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

package/selection/cell-selection.service.d.ts

@@ -10,6 +10,7 @@ import { ColumnBase } from '../columns/column-base';
 import { NavigationService } from '../navigation/navigation.service';
 import { SelectionAggregates } from '../aggregates/aggregate-types';
 import { CellSelectionAggregateService } from '../aggregates/selection-aggregate.service';
+import { RowSelectableFn } from '../rendering/common/row-class';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -17,6 +18,7 @@ import * as i0 from "@angular/core";
 declare type CellSelectionServiceSettings = {
     cellSelected: CellSelectedFn;
     selectable: boolean | SelectableSettings;
+    isRowSelectable: RowSelectableFn;
     view: {
         accessor: Function;
         at: Function;
@@ -38,7 +40,9 @@ export declare class CellSelectionService implements OnDestroy {
     settings: CellSelectionServiceSettings;
     active: boolean;
     aggregates: SelectionAggregates;
+    nonSelectableRows: Map<any, any>;
     get enableMarquee(): boolean;
+    get hasNonSelectable(): boolean;
     mouseDownEventArgs: any;
     mouseUpEventArgs: any;
     dragging: boolean;

package/selection/selectall-checkbox.directive.d.ts

@@ -5,6 +5,7 @@
 import { Renderer2, ElementRef, OnDestroy, AfterContentChecked, OnChanges, EventEmitter, NgZone } from '@angular/core';
 import { SelectionService } from './selection.service';
 import { SelectAllCheckboxState } from './types';
+import { CellSelectionService } from './cell-selection.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the select-all checkbox feature of the Grid ([see example](slug:grid_selection_persistence#toc-selecting-all-items)).
@@ -22,6 +23,7 @@ import * as i0 from "@angular/core";
  */
 export declare class SelectAllCheckboxDirective implements AfterContentChecked, OnDestroy, OnChanges {
     private selectionService;
+    private cellSelectionService;
     private el;
     private renderer;
     private ngZone;
@@ -39,7 +41,7 @@ export declare class SelectAllCheckboxDirective implements AfterContentChecked,
     private stateSet;
     ngAfterContentChecked(): void;
     ngOnChanges(): void;
-    constructor(selectionService: SelectionService, el: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    constructor(selectionService: SelectionService, cellSelectionService: CellSelectionService, el: ElementRef, renderer: Renderer2, ngZone: NgZone);
     ngOnDestroy(): void;
     /**
      * @hidden

package/selection/selection-checkbox.directive.d.ts

@@ -5,6 +5,7 @@
 import { AfterContentChecked, ElementRef, Renderer2, OnDestroy, NgZone } from '@angular/core';
 import { SelectionService } from './selection.service';
 import { CellSelectionAggregateService } from '../aggregates/selection-aggregate.service';
+import { CellSelectionService } from './cell-selection.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the row-selection checkbox of the Grid. The directive expects the
@@ -26,6 +27,7 @@ import * as i0 from "@angular/core";
  */
 export declare class SelectionCheckboxDirective implements AfterContentChecked, OnDestroy {
     private selectionService;
+    private cellSelectionService;
     private aggregateService;
     private el;
     private renderer;
@@ -38,7 +40,7 @@ export declare class SelectionCheckboxDirective implements AfterContentChecked,
     private destroyClick;
     private destroyKeyDown;
     ngAfterContentChecked(): void;
-    constructor(selectionService: SelectionService, aggregateService: CellSelectionAggregateService, el: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    constructor(selectionService: SelectionService, cellSelectionService: CellSelectionService, aggregateService: CellSelectionAggregateService, el: ElementRef, renderer: Renderer2, ngZone: NgZone);
     ngOnDestroy(): void;
     private onClick;
     private onKeyDown;

package/selection/selection.service.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { SelectableSettings, SelectionEvent } from './types';
-import { RowSelectedFn } from '../rendering/common/row-class';
+import { RowSelectableFn, RowSelectedFn } from '../rendering/common/row-class';
 import { DomEventsService } from '../common/dom-events.service';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { NavigationService } from '../navigation/navigation.service';
@@ -17,6 +17,7 @@ import * as i0 from "@angular/core";
  */
 declare type SelectionServiceSettings = {
     rowSelected: RowSelectedFn;
+    isRowSelectable: RowSelectableFn;
     selectable: boolean | SelectableSettings;
     view: {
         accessor: Function;
@@ -36,6 +37,7 @@ export declare class SelectionService implements OnDestroy {
     changes: EventEmitter<SelectionEvent>;
     lastSelectionStartIndex: any;
     currentSelection: any[];
+    nonSelectableRows: Map<any, any>;
     selectAllChecked: boolean;
     settings: SelectionServiceSettings;
     active: boolean;
@@ -43,6 +45,7 @@ export declare class SelectionService implements OnDestroy {
     get enableMarquee(): boolean;
     mouseDownEventArgs: any;
     dragging: boolean;
+    get hasNonSelectable(): boolean;
     private cellClickSubscription;
     private mousedownSubscription;
     private dataChangedSubscription;

package/selection/types.d.ts

@@ -106,6 +106,11 @@ export interface SelectableSettings {
      *
      */
     drag?: boolean;
+    /**
+     * Determines whether a meta key (Ctrl or Command) will be needed to perform multiple selection. By default, adding a new row or cell to the selection requires pressing a meta key.
+     *
+     */
+    metaKeyMultiSelect?: boolean;
 }
 /**
  * Represents the available selection modes. [See example](slug:grid_row_selection).