@progress/kendo-angular-grid 7.0.0-next.202203311511 → 7.0.0-next.202204010834

package/common/provider.service.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import type { GridComponent } from 'src/grid.component';
+import type { GridComponent } from '../grid.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden

package/editing-directives/editing-directive-base.d.ts

@@ -7,7 +7,7 @@ import { GridComponent } from '../grid.component';
 import { EditService } from './edit-service.interface';
 import { Subscription } from 'rxjs';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import { RemoveConfirmationCallback } from 'src/common/remove-confirmation';
+import { RemoveConfirmationCallback } from '../common/remove-confirmation';
 import * as i0 from "@angular/core";
 /**
  * @hidden

package/editing-directives/in-cell-editing.directive.d.ts

@@ -6,7 +6,7 @@ import { ChangeDetectorRef } from '@angular/core';
 import { EditingDirectiveBase } from './editing-directive-base';
 import { GridComponent } from '../grid.component';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import { CreateFormGroup } from 'src/common/create-form-group';
+import { CreateFormGroup } from '../common/create-form-group';
 import * as i0 from "@angular/core";
 /**
  * A directive which encapsulates the editing operations of the Grid when using the in-cell

package/editing-directives/reactive-editing.directive.d.ts

@@ -5,7 +5,7 @@
 import { RowEditingDirectiveBase } from './row-editing-directive-base';
 import { GridComponent } from '../grid.component';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import { CreateFormGroup } from 'src/common/create-form-group';
+import { CreateFormGroup } from '../common/create-form-group';
 import * as i0 from "@angular/core";
 /**
  * A directive which encapsulates the editing operations of the Grid when using the

package/esm2015/grid.component.js

@@ -1690,7 +1690,7 @@ export class GridComponent {
             return;
         }
         if (!this.selectionDirective && !isPresent(this.defaultSelection)) {
-            this.defaultSelection = new Selection(this, this.changeDetectorRef);
+            this.defaultSelection = new Selection(this.providerService, this.changeDetectorRef);
         }
         const cellSelectionMode = this.selectable['cell'];
         const activeService = cellSelectionMode ? this.cellSelectionService : this.selectionService;

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648739193,
+    publishDate: 1648801798,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/selection/selection-default.js

@@ -6,13 +6,13 @@ import { Input, EventEmitter, Output, Directive } from '@angular/core';
 import { isPresent } from "../utils";
 import { PairSet } from './pair-set';
 import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
+import * as i1 from "../common/provider.service";
 /**
  * @hidden
  */
 export class Selection {
-    constructor(grid, cd) {
-        this.grid = grid;
+    constructor(ctx, cd) {
+        this.ctx = ctx;
         this.cd = cd;
         /**
          * Defines the collection that will store the selected item keys.
@@ -27,7 +27,7 @@ export class Selection {
         this.init();
     }
     get isCellSelectionMode() {
-        return isPresent(this.grid.selectable) && this.grid.selectable['cell'];
+        return isPresent(this.ctx.grid.selectable) && this.ctx.grid.selectable['cell'];
     }
     ngOnChanges(changes) {
         // skip reinitialization if the user data is the same as the last state change
@@ -36,11 +36,11 @@ export class Selection {
         }
     }
     init() {
-        if (!isPresent(this.grid.rowSelected)) {
-            this.grid.rowSelected = (row) => this.rowSelectionState.has(this.getItemKey(row));
+        if (!isPresent(this.ctx.grid.rowSelected)) {
+            this.ctx.grid.rowSelected = (row) => this.rowSelectionState.has(this.getItemKey(row));
         }
-        if (!isPresent(this.grid.cellSelected)) {
-            this.grid.cellSelected = (row, column, colIndex) => {
+        if (!isPresent(this.ctx.grid.cellSelected)) {
+            this.ctx.grid.cellSelected = (row, column, colIndex) => {
                 const contender = this.getSelectionItem(row, column, colIndex);
                 return {
                     selected: this.cellSelectionState.has(contender.itemKey, contender.columnKey),
@@ -48,7 +48,7 @@ export class Selection {
                 };
             };
         }
-        this.selectionChangeSubscription = this.grid
+        this.selectionChangeSubscription = this.ctx.grid
             .selectionChange
             .subscribe(this.onSelectionChange.bind(this));
     }
@@ -101,7 +101,7 @@ export class Selection {
                 const itemKey = this.getItemKey(item);
                 this.rowSelectionState.delete(itemKey);
             });
-            if (this.grid.selectableSettings.mode === "single" && this.rowSelectionState.size > 0) {
+            if (this.ctx.grid.selectableSettings.mode === "single" && this.rowSelectionState.size > 0) {
                 this.reset();
             }
             selection.selectedRows.forEach((item) => {
@@ -113,7 +113,7 @@ export class Selection {
             selection.deselectedCells.forEach(({ itemKey, columnKey }) => {
                 this.cellSelectionState.delete(itemKey, columnKey);
             });
-            if (this.grid.selectableSettings.mode === "single" && this.cellSelectionState.size > 0) {
+            if (this.ctx.grid.selectableSettings.mode === "single" && this.cellSelectionState.size > 0) {
                 this.reset();
             }
             selection.selectedCells.forEach(({ itemKey, columnKey }) => {
@@ -142,7 +142,7 @@ export class Selection {
             Array.from(this.rowSelectionState);
     }
 }
-Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token: i1.GridComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token: i1.ProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
 Selection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Selection, selector: "kendo-grid-selection-base", inputs: { selectedKeys: "selectedKeys", selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, decorators: [{
             type: Directive,
@@ -150,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-grid-selection-base'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.GridComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
+        }], ctorParameters: function () { return [{ type: i1.ProviderService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
                 type: Input
             }], selectionKey: [{
                 type: Input,

package/esm2015/selection/selection.directive.js

@@ -5,24 +5,24 @@
 import { Directive } from '@angular/core';
 import { Selection } from "./selection-default";
 import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
+import * as i1 from "../common/provider.service";
 /**
  * A directive which stores the row selection state of the Grid in memory
  * ([see example]({% slug selection_grid %}#toc-during-data-operations)).
  */
 export class SelectionDirective extends Selection {
-    constructor(grid, cd) {
-        super(grid, cd);
-        this.grid = grid;
+    constructor(ctx, cd) {
+        super(ctx, cd);
+        this.ctx = ctx;
     }
     /**
      * @hidden
      */
     ngOnInit() {
-        if (this.grid.selectable === false) {
-            this.grid.selectable = true;
+        if (this.ctx.grid.selectable === false) {
+            this.ctx.grid.selectable = true;
         }
-        this.grid.selectionDirective = this;
+        this.ctx.grid.selectionDirective = this;
     }
     /**
      * @hidden
@@ -31,11 +31,11 @@ export class SelectionDirective extends Selection {
         super.destroy();
     }
 }
-SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token: i1.GridComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token: i1.ProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
 SelectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SelectionDirective, selector: "[kendoGridSelectBy]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridSelectBy]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.GridComponent }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ProviderService }, { type: i0.ChangeDetectorRef }]; } });

package/excel/excel.component.d.ts

@@ -7,7 +7,7 @@ import { ExcelExportData, ColumnBase, CellOptions } from '@progress/kendo-angula
 import { GridComponent } from '../grid.component';
 import { ExcelService } from './excel.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { FetchDataCallback } from 'src/common/fetch-data-callback';
+import { FetchDataCallback } from '../common/fetch-data-callback';
 import * as i0 from "@angular/core";
 /**
  * Configures the settings for the export of Grid in Excel ([see example]({% slug excelexport_grid %})).

package/fesm2015/kendo-angular-grid.js

@@ -2822,7 +2822,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648739193,
+    publishDate: 1648801798,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -4847,12 +4847,23 @@ class PairSet {
     }
 }
 
+/**
+ * @hidden
+ */
+class ProviderService {
+}
+ProviderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ProviderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService, decorators: [{
+            type: Injectable
+        }] });
+
 /**
  * @hidden
  */
 class Selection {
-    constructor(grid, cd) {
-        this.grid = grid;
+    constructor(ctx, cd) {
+        this.ctx = ctx;
         this.cd = cd;
         /**
          * Defines the collection that will store the selected item keys.
@@ -4867,7 +4878,7 @@ class Selection {
         this.init();
     }
     get isCellSelectionMode() {
-        return isPresent(this.grid.selectable) && this.grid.selectable['cell'];
+        return isPresent(this.ctx.grid.selectable) && this.ctx.grid.selectable['cell'];
     }
     ngOnChanges(changes) {
         // skip reinitialization if the user data is the same as the last state change
@@ -4876,11 +4887,11 @@ class Selection {
         }
     }
     init() {
-        if (!isPresent(this.grid.rowSelected)) {
-            this.grid.rowSelected = (row) => this.rowSelectionState.has(this.getItemKey(row));
+        if (!isPresent(this.ctx.grid.rowSelected)) {
+            this.ctx.grid.rowSelected = (row) => this.rowSelectionState.has(this.getItemKey(row));
         }
-        if (!isPresent(this.grid.cellSelected)) {
-            this.grid.cellSelected = (row, column, colIndex) => {
+        if (!isPresent(this.ctx.grid.cellSelected)) {
+            this.ctx.grid.cellSelected = (row, column, colIndex) => {
                 const contender = this.getSelectionItem(row, column, colIndex);
                 return {
                     selected: this.cellSelectionState.has(contender.itemKey, contender.columnKey),
@@ -4888,7 +4899,7 @@ class Selection {
                 };
             };
         }
-        this.selectionChangeSubscription = this.grid
+        this.selectionChangeSubscription = this.ctx.grid
             .selectionChange
             .subscribe(this.onSelectionChange.bind(this));
     }
@@ -4941,7 +4952,7 @@ class Selection {
                 const itemKey = this.getItemKey(item);
                 this.rowSelectionState.delete(itemKey);
             });
-            if (this.grid.selectableSettings.mode === "single" && this.rowSelectionState.size > 0) {
+            if (this.ctx.grid.selectableSettings.mode === "single" && this.rowSelectionState.size > 0) {
                 this.reset();
             }
             selection.selectedRows.forEach((item) => {
@@ -4953,7 +4964,7 @@ class Selection {
             selection.deselectedCells.forEach(({ itemKey, columnKey }) => {
                 this.cellSelectionState.delete(itemKey, columnKey);
             });
-            if (this.grid.selectableSettings.mode === "single" && this.cellSelectionState.size > 0) {
+            if (this.ctx.grid.selectableSettings.mode === "single" && this.cellSelectionState.size > 0) {
                 this.reset();
             }
             selection.selectedCells.forEach(({ itemKey, columnKey }) => {
@@ -4982,7 +4993,7 @@ class Selection {
             Array.from(this.rowSelectionState);
     }
 }
-Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token: GridComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token: ProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
 Selection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Selection, selector: "kendo-grid-selection-base", inputs: { selectedKeys: "selectedKeys", selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, decorators: [{
             type: Directive,
@@ -4990,7 +5001,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-grid-selection-base'
                 }]
-        }], ctorParameters: function () { return [{ type: GridComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
+        }], ctorParameters: function () { return [{ type: ProviderService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
                 type: Input
             }], selectionKey: [{
                 type: Input,
@@ -6486,17 +6497,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     type: Optional
                 }] }]; } });
 
-/**
- * @hidden
- */
-class ProviderService {
-}
-ProviderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ProviderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService, decorators: [{
-            type: Injectable
-        }] });
-
 /**
  * Creates a loading template that overrides the default loading indicator of the Grid Component.
  * To define a loading template, nest an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside the `<kendo-grid>` tag
@@ -19668,7 +19668,7 @@ class GridComponent {
             return;
         }
         if (!this.selectionDirective && !isPresent(this.defaultSelection)) {
-            this.defaultSelection = new Selection(this, this.changeDetectorRef);
+            this.defaultSelection = new Selection(this.providerService, this.changeDetectorRef);
         }
         const cellSelectionMode = this.selectable['cell'];
         const activeService = cellSelectionMode ? this.cellSelectionService : this.selectionService;
@@ -21407,18 +21407,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * ([see example]({% slug selection_grid %}#toc-during-data-operations)).
  */
 class SelectionDirective extends Selection {
-    constructor(grid, cd) {
-        super(grid, cd);
-        this.grid = grid;
+    constructor(ctx, cd) {
+        super(ctx, cd);
+        this.ctx = ctx;
     }
     /**
      * @hidden
      */
     ngOnInit() {
-        if (this.grid.selectable === false) {
-            this.grid.selectable = true;
+        if (this.ctx.grid.selectable === false) {
+            this.ctx.grid.selectable = true;
         }
-        this.grid.selectionDirective = this;
+        this.ctx.grid.selectionDirective = this;
     }
     /**
      * @hidden
@@ -21427,14 +21427,14 @@ class SelectionDirective extends Selection {
         super.destroy();
     }
 }
-SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token: GridComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token: ProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
 SelectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SelectionDirective, selector: "[kendoGridSelectBy]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridSelectBy]'
                 }]
-        }], ctorParameters: function () { return [{ type: GridComponent }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: ProviderService }, { type: i0.ChangeDetectorRef }]; } });
 
 /**
  * A directive which controls the expanded state of the master detail rows.

package/filtering/base-filter-cell.component.d.ts

@@ -7,7 +7,7 @@ import { FilterService } from './filter.service';
 import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
 import { FilterOperatorBase } from './operators/filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { FilterOperator } from 'src/common/filter-operator.interface';
+import { FilterOperator } from '../common/filter-operator.interface';
 import * as i0 from "@angular/core";
 /**
  * @hidden

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "7.0.0-next.202203311511",
+  "version": "7.0.0-next.202204010834",
   "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",

package/rendering/header/header.component.d.ts

@@ -22,7 +22,7 @@ import { ColumnReorderService } from '../../dragdrop/column-reorder.service';
 import { SortService } from '../../common/sort.service';
 import { FilterMenuComponent } from '../../filtering/menu/filter-menu.component';
 import { ColumnMenuComponent } from '../../column-menu/column-menu.component';
-import { ColumnMenuSettings } from 'src/column-menu/column-menu-settings.interface';
+import { ColumnMenuSettings } from '../../column-menu/column-menu-settings.interface';
 import * as i0 from "@angular/core";
 /**
  * @hidden

package/selection/selection-default.d.ts

@@ -3,18 +3,18 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
-import { GridComponent } from "../grid.component";
 import { Subscription } from "rxjs";
 import { RowArgs } from "../rendering/common/row-args";
 import { SelectionEvent, CellSelectionItem } from "./types";
 import { ColumnComponent } from '../columns/column.component';
 import { PairSet } from './pair-set';
+import { ProviderService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class Selection {
-    protected grid: GridComponent;
+    protected ctx: ProviderService;
     protected cd: ChangeDetectorRef;
     /**
      * Defines the collection that will store the selected item keys.
@@ -40,7 +40,7 @@ export declare class Selection {
     protected lastSelectionState: any[];
     protected selectionChangeSubscription: Subscription;
     private get isCellSelectionMode();
-    constructor(grid: GridComponent, cd: ChangeDetectorRef);
+    constructor(ctx: ProviderService, cd: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     protected init(): void;
     /**

package/selection/selection.directive.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { GridComponent } from '../grid.component';
+import { ProviderService } from '../common/provider.service';
 import { Selection } from "./selection-default";
 import * as i0 from "@angular/core";
 /**
@@ -11,8 +11,8 @@ import * as i0 from "@angular/core";
  * ([see example]({% slug selection_grid %}#toc-during-data-operations)).
  */
 export declare class SelectionDirective extends Selection implements OnInit, OnDestroy {
-    protected grid: GridComponent;
-    constructor(grid: GridComponent, cd: ChangeDetectorRef);
+    protected ctx: ProviderService;
+    constructor(ctx: ProviderService, cd: ChangeDetectorRef);
     /**
      * @hidden
      */