@progress/kendo-angular-grid 5.5.1-dev.202112060801 → 5.5.2

package/dist/es/columns/checkbox-column.component.js

@@ -6,6 +6,7 @@ import * as tslib_1 from "tslib";
 import { Component, forwardRef, ContentChild, SkipSelf, Host, Optional, Input } from '@angular/core';
 import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * Represents the checkbox for selecting columns in the Grid. If the column is
  * defined as empty, it renders a default checkbox for row selection.
@@ -70,8 +71,8 @@ import { CellTemplateDirective } from '../rendering/cell-template.directive';
  */
 var CheckboxColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(CheckboxColumnComponent, _super);
-    function CheckboxColumnComponent(parent) {
-        var _this = _super.call(this, parent) || this;
+    function CheckboxColumnComponent(parent, idService) {
+        var _this = _super.call(this, parent, idService) || this;
         _this.parent = parent;
         /*
          * @hidden
@@ -107,8 +108,8 @@ var CheckboxColumnComponent = /** @class */ (function (_super) {
             selector: 'kendo-grid-checkbox-column',
             template: ""
         }),
-        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ColumnBase])
+        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+        tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
     ], CheckboxColumnComponent);
     return CheckboxColumnComponent;
 }(ColumnBase));

package/dist/es/columns/column-base.js

@@ -21,7 +21,10 @@ var ɵ0 = isColumnContainer;
  * The base class for the column components of the Grid.
  */
 var ColumnBase = /** @class */ (function () {
-    function ColumnBase(parent) {
+    /**
+     * @hidden
+     */
+    function ColumnBase(parent, idService) {
         this.parent = parent;
         /**
          * @hidden
@@ -130,7 +133,8 @@ var ColumnBase = /** @class */ (function () {
          * @hidden
          */
         this.columnMenuTemplates = new QueryList();
-        if (parent && !isColumnContainer(parent)) {
+        this.idService = idService;
+        if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
             throw new Error('Columns can be nested only inside ColumnGroupComponent');
         }
     }

package/dist/es/columns/column-group.component.js

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { Component, forwardRef, SkipSelf, Host, Optional, QueryList, ContentChildren } from '@angular/core';
+import { IdService } from '../common/id.service';
 import { ColumnBase } from './column-base';
 import { columnsSpan } from './column-common';
 /**
@@ -68,8 +69,8 @@ export function isColumnGroupComponent(column) {
  */
 var ColumnGroupComponent = /** @class */ (function (_super) {
     tslib_1.__extends(ColumnGroupComponent, _super);
-    function ColumnGroupComponent(parent) {
-        var _this = _super.call(this, parent) || this;
+    function ColumnGroupComponent(parent, idService) {
+        var _this = _super.call(this, parent, idService) || this;
         _this.parent = parent;
         /**
          * @hidden
@@ -159,8 +160,8 @@ var ColumnGroupComponent = /** @class */ (function (_super) {
             selector: 'kendo-grid-column-group',
             template: ""
         }),
-        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ColumnBase])
+        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+        tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
     ], ColumnGroupComponent);
     return ColumnGroupComponent;
 }(ColumnBase));

package/dist/es/columns/column.component.js

@@ -13,6 +13,7 @@ import { ColumnBase } from './column-base';
 import { isPresent } from '../utils';
 import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-template.directive';
 import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * @hidden
  */
@@ -69,8 +70,8 @@ export function isColumnComponent(column) {
  */
 var ColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(ColumnComponent, _super);
-    function ColumnComponent(parent) {
-        var _this = _super.call(this, parent) || this;
+    function ColumnComponent(parent, idService) {
+        var _this = _super.call(this, parent, idService) || this;
         /**
          * Allows the column headers to be clicked and the `sortChange` event emitted.
          * You have to handle the `sortChange` event yourself and sort the data.
@@ -261,8 +262,8 @@ var ColumnComponent = /** @class */ (function (_super) {
             selector: 'kendo-grid-column',
             template: ""
         }),
-        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ColumnBase])
+        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+        tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
     ], ColumnComponent);
     return ColumnComponent;
 }(ColumnBase));

package/dist/es/columns/command-column.component.js

@@ -6,6 +6,7 @@ import * as tslib_1 from "tslib";
 import { Component, forwardRef, ContentChild, SkipSelf, Host, Optional } from '@angular/core';
 import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * Represents the command columns of the Grid. You have to define the content of the
  * column inside an `<ng-template>` tag. The template context is set to the current
@@ -74,8 +75,8 @@ import { CellTemplateDirective } from '../rendering/cell-template.directive';
  */
 var CommandColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(CommandColumnComponent, _super);
-    function CommandColumnComponent(parent) {
-        var _this = _super.call(this, parent) || this;
+    function CommandColumnComponent(parent, idService) {
+        var _this = _super.call(this, parent, idService) || this;
         _this.parent = parent;
         return _this;
     }
@@ -103,8 +104,8 @@ var CommandColumnComponent = /** @class */ (function (_super) {
             selector: 'kendo-grid-command-column',
             template: ""
         }),
-        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ColumnBase])
+        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+        tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
     ], CommandColumnComponent);
     return CommandColumnComponent;
 }(ColumnBase));

package/dist/es/columns/span-column.component.js

@@ -9,6 +9,7 @@ import { EditTemplateDirective } from '../editing/edit-template.directive';
 import { ColumnBase } from './column-base';
 import { ColumnComponent } from "./column.component";
 import { isPresent } from "../utils";
+import { IdService } from '../common/id.service';
 /**
  * @hidden
  */
@@ -83,8 +84,8 @@ export function isSpanColumnComponent(column) {
  */
 var SpanColumnComponent = /** @class */ (function (_super) {
     tslib_1.__extends(SpanColumnComponent, _super);
-    function SpanColumnComponent(parent) {
-        var _this = _super.call(this, parent) || this;
+    function SpanColumnComponent(parent, idService) {
+        var _this = _super.call(this, parent, idService) || this;
         /*
          * @hidden
          */
@@ -303,8 +304,8 @@ var SpanColumnComponent = /** @class */ (function (_super) {
             selector: 'kendo-grid-span-column',
             template: ""
         }),
-        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ColumnBase])
+        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+        tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
     ], SpanColumnComponent);
     return SpanColumnComponent;
 }(ColumnBase));

package/dist/es/common/id.service.js

@@ -13,6 +13,9 @@ var IdService = /** @class */ (function () {
     function IdService() {
         this.prefix = "k-grid" + sequence++;
     }
+    IdService.prototype.gridId = function () {
+        return this.prefix;
+    };
     IdService.prototype.cellId = function (rowIndex, colIndex) {
         return this.prefix + "-r" + rowIndex + "c" + colIndex;
     };

package/dist/es/filtering/menu/filter-menu-input-wrapper.component.js

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
+import { Component, Input, ViewChild } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { MenuTabbingService } from './menu-tabbing.service';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { Component, Input, ViewChild } from '@angular/core';
+import { MenuTabbingService } from './menu-tabbing.service';
 import { FilterService } from '../filter.service';
 import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
 import { replaceMessagePlaceholder } from '../../utils';

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1638777162,
+    publishDate: 1641921939,
     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/dist/es2015/columns/checkbox-column.component.d.ts

@@ -5,6 +5,7 @@
 import { TemplateRef } from '@angular/core';
 import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * Represents the checkbox for selecting columns in the Grid. If the column is
  * defined as empty, it renders a default checkbox for row selection.
@@ -75,6 +76,6 @@ export declare class CheckboxColumnComponent extends ColumnBase {
     showSelectAll: boolean;
     readonly isCheckboxColumn: boolean;
     template: CellTemplateDirective;
-    constructor(parent?: ColumnBase);
+    constructor(parent?: ColumnBase, idService?: IdService);
     readonly templateRef: TemplateRef<any>;
 }

package/dist/es2015/columns/checkbox-column.component.js

@@ -7,6 +7,7 @@ var CheckboxColumnComponent_1;
 import { Component, forwardRef, ContentChild, SkipSelf, Host, Optional, Input } from '@angular/core';
 import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * Represents the checkbox for selecting columns in the Grid. If the column is
  * defined as empty, it renders a default checkbox for row selection.
@@ -70,8 +71,8 @@ import { CellTemplateDirective } from '../rendering/cell-template.directive';
  * ```
  */
 let CheckboxColumnComponent = CheckboxColumnComponent_1 = class CheckboxColumnComponent extends ColumnBase {
-    constructor(parent) {
-        super(parent);
+    constructor(parent, idService) {
+        super(parent, idService);
         this.parent = parent;
         /*
          * @hidden
@@ -101,7 +102,7 @@ CheckboxColumnComponent = CheckboxColumnComponent_1 = tslib_1.__decorate([
         selector: 'kendo-grid-checkbox-column',
         template: ``
     }),
-    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ColumnBase])
+    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+    tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
 ], CheckboxColumnComponent);
 export { CheckboxColumnComponent };

package/dist/es2015/columns/column-base.d.ts

@@ -6,6 +6,7 @@ import { TemplateRef, QueryList } from '@angular/core';
 import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
 import { FooterTemplateDirective } from '../rendering/footer/footer-template.directive';
 import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * @hidden
  */
@@ -558,6 +559,10 @@ export declare class ColumnBase {
      * @hidden
      */
     resizeStartWidth: number;
+    /**
+     * @hidden
+     */
+    idService: IdService;
     /**
      * @hidden
      */
@@ -595,5 +600,8 @@ export declare class ColumnBase {
      * @hidden
      */
     readonly isVisible: boolean;
-    constructor(parent?: ColumnBase);
+    /**
+     * @hidden
+     */
+    constructor(parent?: ColumnBase, idService?: IdService);
 }

package/dist/es2015/columns/column-base.js

@@ -21,7 +21,10 @@ const ɵ0 = isColumnContainer;
  * The base class for the column components of the Grid.
  */
 export class ColumnBase {
-    constructor(parent) {
+    /**
+     * @hidden
+     */
+    constructor(parent, idService) {
         this.parent = parent;
         /**
          * @hidden
@@ -130,7 +133,8 @@ export class ColumnBase {
          * @hidden
          */
         this.columnMenuTemplates = new QueryList();
-        if (parent && !isColumnContainer(parent)) {
+        this.idService = idService;
+        if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
             throw new Error('Columns can be nested only inside ColumnGroupComponent');
         }
     }

package/dist/es2015/columns/column-group.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { QueryList } from '@angular/core';
+import { IdService } from '../common/id.service';
 import { ColumnBase } from './column-base';
 /**
  * @hidden
@@ -80,7 +81,7 @@ export declare class ColumnGroupComponent extends ColumnBase {
      * @hidden
      */
     children: QueryList<ColumnBase>;
-    constructor(parent?: ColumnBase);
+    constructor(parent?: ColumnBase, idService?: IdService);
     /**
      * @hidden
      */

package/dist/es2015/columns/column-group.component.js

@@ -5,6 +5,7 @@
 import * as tslib_1 from "tslib";
 var ColumnGroupComponent_1;
 import { Component, forwardRef, SkipSelf, Host, Optional, QueryList, ContentChildren } from '@angular/core';
+import { IdService } from '../common/id.service';
 import { ColumnBase } from './column-base';
 import { columnsSpan } from './column-common';
 /**
@@ -68,8 +69,8 @@ export function isColumnGroupComponent(column) {
  * ```
  */
 let ColumnGroupComponent = ColumnGroupComponent_1 = class ColumnGroupComponent extends ColumnBase {
-    constructor(parent) {
-        super(parent);
+    constructor(parent, idService) {
+        super(parent, idService);
         this.parent = parent;
         /**
          * @hidden
@@ -134,7 +135,7 @@ ColumnGroupComponent = ColumnGroupComponent_1 = tslib_1.__decorate([
         selector: 'kendo-grid-column-group',
         template: ``
     }),
-    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ColumnBase])
+    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+    tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
 ], ColumnGroupComponent);
 export { ColumnGroupComponent };

package/dist/es2015/columns/column.component.d.ts

@@ -12,6 +12,7 @@ import { GroupFooterTemplateDirective } from '../grouping/group-footer-template.
 import { ColumnBase } from './column-base';
 import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-template.directive';
 import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * @hidden
  */
@@ -169,7 +170,7 @@ export declare class ColumnComponent extends ColumnBase {
     editTemplate: EditTemplateDirective;
     filterCellTemplate: FilterCellTemplateDirective;
     filterMenuTemplate: FilterMenuTemplateDirective;
-    constructor(parent?: ColumnBase);
+    constructor(parent?: ColumnBase, idService?: IdService);
     readonly templateRef: TemplateRef<any>;
     readonly groupHeaderTemplateRef: TemplateRef<any>;
     readonly groupHeaderColumnTemplateRef: TemplateRef<any>;

package/dist/es2015/columns/column.component.js

@@ -14,6 +14,7 @@ import { ColumnBase } from './column-base';
 import { isPresent } from '../utils';
 import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-template.directive';
 import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * @hidden
  */
@@ -69,8 +70,8 @@ export function isColumnComponent(column) {
  * ```
  */
 let ColumnComponent = ColumnComponent_1 = class ColumnComponent extends ColumnBase {
-    constructor(parent) {
-        super(parent);
+    constructor(parent, idService) {
+        super(parent, idService);
         /**
          * Allows the column headers to be clicked and the `sortChange` event emitted.
          * You have to handle the `sortChange` event yourself and sort the data.
@@ -227,7 +228,7 @@ ColumnComponent = ColumnComponent_1 = tslib_1.__decorate([
         selector: 'kendo-grid-column',
         template: ``
     }),
-    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ColumnBase])
+    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+    tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
 ], ColumnComponent);
 export { ColumnComponent };

package/dist/es2015/columns/command-column.component.d.ts

@@ -5,6 +5,7 @@
 import { TemplateRef } from '@angular/core';
 import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * Represents the command columns of the Grid. You have to define the content of the
  * column inside an `<ng-template>` tag. The template context is set to the current
@@ -74,6 +75,6 @@ import { CellTemplateDirective } from '../rendering/cell-template.directive';
 export declare class CommandColumnComponent extends ColumnBase {
     parent?: ColumnBase;
     template: CellTemplateDirective;
-    constructor(parent?: ColumnBase);
+    constructor(parent?: ColumnBase, idService?: IdService);
     readonly templateRef: TemplateRef<any>;
 }

package/dist/es2015/columns/command-column.component.js

@@ -7,6 +7,7 @@ var CommandColumnComponent_1;
 import { Component, forwardRef, ContentChild, SkipSelf, Host, Optional } from '@angular/core';
 import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
+import { IdService } from '../common/id.service';
 /**
  * Represents the command columns of the Grid. You have to define the content of the
  * column inside an `<ng-template>` tag. The template context is set to the current
@@ -74,8 +75,8 @@ import { CellTemplateDirective } from '../rendering/cell-template.directive';
  * ```
  */
 let CommandColumnComponent = CommandColumnComponent_1 = class CommandColumnComponent extends ColumnBase {
-    constructor(parent) {
-        super(parent);
+    constructor(parent, idService) {
+        super(parent, idService);
         this.parent = parent;
     }
     get templateRef() {
@@ -97,7 +98,7 @@ CommandColumnComponent = CommandColumnComponent_1 = tslib_1.__decorate([
         selector: 'kendo-grid-command-column',
         template: ``
     }),
-    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ColumnBase])
+    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+    tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
 ], CommandColumnComponent);
 export { CommandColumnComponent };

package/dist/es2015/columns/span-column.component.d.ts

@@ -7,6 +7,7 @@ import { CellTemplateDirective } from '../rendering/cell-template.directive';
 import { EditTemplateDirective } from '../editing/edit-template.directive';
 import { ColumnBase } from './column-base';
 import { ColumnComponent } from "./column.component";
+import { IdService } from '../common/id.service';
 /**
  * @hidden
  */
@@ -149,7 +150,7 @@ export declare class SpanColumnComponent extends ColumnBase {
     readonly leafIndex: number;
     private _editable;
     private _locked;
-    constructor(parent?: ColumnBase);
+    constructor(parent?: ColumnBase, idService?: IdService);
     /**
      * @hidden
      */

package/dist/es2015/columns/span-column.component.js

@@ -10,6 +10,7 @@ import { EditTemplateDirective } from '../editing/edit-template.directive';
 import { ColumnBase } from './column-base';
 import { ColumnComponent } from "./column.component";
 import { isPresent } from "../utils";
+import { IdService } from '../common/id.service';
 /**
  * @hidden
  */
@@ -83,8 +84,8 @@ export function isSpanColumnComponent(column) {
  * ```
  */
 let SpanColumnComponent = SpanColumnComponent_1 = class SpanColumnComponent extends ColumnBase {
-    constructor(parent) {
-        super(parent);
+    constructor(parent, idService) {
+        super(parent, idService);
         /*
          * @hidden
          */
@@ -265,7 +266,7 @@ SpanColumnComponent = SpanColumnComponent_1 = tslib_1.__decorate([
         selector: 'kendo-grid-span-column',
         template: ``
     }),
-    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ColumnBase])
+    tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()), tslib_1.__param(1, Optional()),
+    tslib_1.__metadata("design:paramtypes", [ColumnBase, IdService])
 ], SpanColumnComponent);
 export { SpanColumnComponent };

package/dist/es2015/common/id.service.d.ts

@@ -8,6 +8,7 @@
 export declare class IdService {
     private prefix;
     constructor();
+    gridId(): string;
     cellId(rowIndex: number, colIndex: number): string;
     selectionCheckboxId(itemIndex: any): string;
     selectAllCheckboxId(): string;

package/dist/es2015/common/id.service.js

@@ -13,6 +13,9 @@ let IdService = class IdService {
     constructor() {
         this.prefix = `k-grid${sequence++}`;
     }
+    gridId() {
+        return this.prefix;
+    }
     cellId(rowIndex, colIndex) {
         return `${this.prefix}-r${rowIndex}c${colIndex}`;
     }

package/dist/es2015/filtering/menu/filter-menu-input-wrapper.component.d.ts

@@ -3,11 +3,11 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { MenuTabbingService } from './menu-tabbing.service';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { CompositeFilterDescriptor, FilterDescriptor } from "@progress/kendo-data-query";
+import { MenuTabbingService } from './menu-tabbing.service';
 import { FilterService } from '../filter.service';
 import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
-import { CompositeFilterDescriptor, FilterDescriptor } from "@progress/kendo-data-query";
 /**
  * @hidden
  */

package/dist/es2015/filtering/menu/filter-menu-input-wrapper.component.js

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
+import { Component, Input, ViewChild } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { MenuTabbingService } from './menu-tabbing.service';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { Component, Input, ViewChild } from '@angular/core';
+import { MenuTabbingService } from './menu-tabbing.service';
 import { FilterService } from '../filter.service';
 import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
 import { replaceMessagePlaceholder } from '../../utils';