@syncfusion/ej2-vue-grids 20.2.49 → 20.3.47

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-grids@*",
-  "_id": "@syncfusion/ej2-vue-grids@20.2.48",
+  "_id": "@syncfusion/ej2-vue-grids@1.131.2",
   "_inBundle": false,
-  "_integrity": "sha512-O32AsKm9icq0wp2YVtjRRdIp8OysWjKTNMGhTXLtssirL8hkcVQQlKMOKP9Y1gy9kMoYRQY7RHhoRmsbwJeoAg==",
+  "_integrity": "sha512-gIgA9hUu++akVruX8ryiA9q2q2Aw+U1QltTblA8aHg4VA6+yF/F/cm7LNJ2WP4fMMo55NPbMq3UMHyK/Hbk3QA==",
   "_location": "/@syncfusion/ej2-vue-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-20.2.48.tgz",
-  "_shasum": "45a70d259f1b7b531bbd24d935e5fc6d5a55f58f",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-1.131.2.tgz",
+  "_shasum": "6cf00d03775b90885f6c45bf96e6c34fe0fda8ae",
   "_spec": "@syncfusion/ej2-vue-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-grids": "20.2.49",
-    "@syncfusion/ej2-vue-base": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-grids": "20.3.47",
+    "@syncfusion/ej2-vue-base": "~20.3.47"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Vue",
@@ -68,6 +68,6 @@
   "scripts": {
     "postinstall": "node ../ej2-vue-base/postinstall.js"
   },
-  "version": "20.2.49",
+  "version": "20.3.47",
   "sideEffects": false
 }

package/src/grid/aggregate-columns.directive.d.ts

@@ -1,4 +1,3 @@
-export declare const isExecute: any;
 declare let vueImport: any;
 export declare class AggregateColumnsDirective extends vueImport {
     constructor();

package/src/grid/aggregate-columns.directive.js

@@ -17,12 +17,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
+import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
 import { Options } from 'vue-class-component';
-export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue3.Vue;
@@ -36,18 +35,18 @@ var AggregateColumnsDirective = /** @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     AggregateColumnsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     AggregateColumnsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };

package/src/grid/aggregates.directive.d.ts

@@ -1,4 +1,3 @@
-export declare const isExecute: any;
 declare let vueImport: any;
 export declare class AggregatesDirective extends vueImport {
     constructor();

package/src/grid/aggregates.directive.js

@@ -17,12 +17,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
+import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
 import { Options } from 'vue-class-component';
-export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue3.Vue;
@@ -36,18 +35,18 @@ var AggregatesDirective = /** @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     AggregatesDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     AggregatesDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };

package/src/grid/columns.directive.d.ts

@@ -1,4 +1,3 @@
-export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ColumnsDirective extends vueImport {
     constructor();

package/src/grid/columns.directive.js

@@ -17,12 +17,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
+import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
 import { Options } from 'vue-class-component';
-export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue3.Vue;
@@ -36,18 +35,18 @@ var ColumnsDirective = /** @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     ColumnsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     ColumnsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };

package/src/grid/grid.component.d.ts

@@ -5,7 +5,6 @@ export declare const testProp: any;
 export declare const props: any;
 export declare const watch: any;
 export declare const emitProbs: any;
-export declare const isExecute: any;
 /**
  * `ejs-grid` represents the VueJS Grid Component.
  * ```vue
@@ -33,6 +32,7 @@ export declare class GridComponent extends ComponentBase {
     render(createElement: any): any;
     custom(): void;
     addRecord(data?: Object, index?: number): void;
+    addShimmerEffect(): void;
     autoFitColumns(fieldNames?: string | string[]): void;
     batchAsyncUpdate(changes: Object): void;
     batchUpdate(changes: Object): void;
@@ -126,6 +126,7 @@ export declare class GridComponent extends ComponentBase {
     refresh(): void;
     refreshColumns(): void;
     refreshHeader(): void;
+    removeMaskRow(): void;
     reorderColumnByIndex(fromIndex: number, toIndex: number): void;
     reorderColumnByTargetIndex(fieldName: string | string[], toIndex: number): void;
     reorderColumns(fromFName: string | string[], toFName: string): void;
@@ -151,6 +152,7 @@ export declare class GridComponent extends ComponentBase {
     showAdaptiveFilterDialog(): void;
     showAdaptiveSortDialog(): void;
     showColumns(keys: string | string[], showBy?: string): void;
+    showMaskRow(axisDirection?: string, dialogElement?: Object): void;
     showSpinner(): void;
     sortColumn(columnName: string, direction: Object, isMultiSort?: boolean): void;
     startEdit(): void;

package/src/grid/grid.component.js

@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Grid } from '@syncfusion/ej2-grids';
 import { StackedColumnsDirective, StackedColumnDirective, StackedColumnsPlugin, StackedColumnPlugin } from './stacked-column.directive';
@@ -26,7 +26,7 @@ import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from '
 import { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
 import { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './aggregates.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'plugins', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowGrouping', 'allowKeyboard', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'childGrid', 'clipMode', 'columnChooserSettings', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'cssClass', 'currencyCode', 'currentAction', 'dataSource', 'detailTemplate', 'editSettings', 'ej2StatePersistenceVersion', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableColumnVirtualization', 'enableHeaderFocus', 'enableHover', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableStickyHeader', 'enableVirtualization', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'groupSettings', 'height', 'hierarchyPrintMode', 'infiniteScrollSettings', 'locale', 'pageSettings', 'pagerTemplate', 'parentDetails', 'printMode', 'query', 'queryString', 'resizeSettings', 'rowDropSettings', 'rowHeight', 'rowRenderingMode', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'sortSettings', 'textWrapSettings', 'toolbar', 'toolbarTemplate', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeAutoFill', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeDataBound', 'beforeExcelExport', 'beforeOpenAdaptiveDialog', 'beforeOpenColumnChooser', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkBoxChange', 'columnDataStateChange', 'columnDeselected', 'columnDeselecting', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'columnSelected', 'columnSelecting', 'commandClick', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'destroyed', 'detailDataBound', 'excelAggregateQueryCellInfo', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'exportDetailDataBound', 'exportGroupCaption', 'headerCellInfo', 'keyPressed', 'lazyLoadGroupCollapse', 'lazyLoadGroupExpand', 'load', 'pdfAggregateQueryCellInfo', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordClick', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
+export var properties = ['isLazyUpdate', 'plugins', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowGrouping', 'allowKeyboard', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'childGrid', 'clipMode', 'columnChooserSettings', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'cssClass', 'currencyCode', 'currentAction', 'dataSource', 'detailTemplate', 'editSettings', 'ej2StatePersistenceVersion', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableColumnVirtualization', 'enableHeaderFocus', 'enableHover', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableStickyHeader', 'enableVirtualMaskRow', 'enableVirtualization', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'groupSettings', 'height', 'hierarchyPrintMode', 'infiniteScrollSettings', 'loadingIndicator', 'locale', 'pageSettings', 'pagerTemplate', 'parentDetails', 'printMode', 'query', 'queryString', 'resizeSettings', 'rowDropSettings', 'rowHeight', 'rowRenderingMode', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'sortSettings', 'textWrapSettings', 'toolbar', 'toolbarTemplate', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeAutoFill', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeDataBound', 'beforeExcelExport', 'beforeOpenAdaptiveDialog', 'beforeOpenColumnChooser', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkBoxChange', 'columnDataStateChange', 'columnDeselected', 'columnDeselecting', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'columnSelected', 'columnSelecting', 'commandClick', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'destroyed', 'detailDataBound', 'excelAggregateQueryCellInfo', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'exportDetailDataBound', 'exportGroupCaption', 'headerCellInfo', 'keyPressed', 'lazyLoadGroupCollapse', 'lazyLoadGroupExpand', 'load', 'pdfAggregateQueryCellInfo', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordClick', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
 export var modelProps = ['dataSource'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -37,7 +37,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-export var isExecute = gh ? false : true;
 /**
  * `ejs-grid` represents the VueJS Grid Component.
  * ```vue
@@ -153,10 +152,10 @@ var GridComponent = /** @class */ (function (_super) {
         }
     };
     GridComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
     };
@@ -166,6 +165,9 @@ var GridComponent = /** @class */ (function (_super) {
     GridComponent.prototype.addRecord = function (data, index) {
         return this.ej2Instances.addRecord(data, index);
     };
+    GridComponent.prototype.addShimmerEffect = function () {
+        return this.ej2Instances.addShimmerEffect();
+    };
     GridComponent.prototype.autoFitColumns = function (fieldNames) {
         return this.ej2Instances.autoFitColumns(fieldNames);
     };
@@ -445,6 +447,9 @@ var GridComponent = /** @class */ (function (_super) {
     GridComponent.prototype.refreshHeader = function () {
         return this.ej2Instances.refreshHeader();
     };
+    GridComponent.prototype.removeMaskRow = function () {
+        return this.ej2Instances.removeMaskRow();
+    };
     GridComponent.prototype.reorderColumnByIndex = function (fromIndex, toIndex) {
         return this.ej2Instances.reorderColumnByIndex(fromIndex, toIndex);
     };
@@ -520,6 +525,9 @@ var GridComponent = /** @class */ (function (_super) {
     GridComponent.prototype.showColumns = function (keys, showBy) {
         return this.ej2Instances.showColumns(keys, showBy);
     };
+    GridComponent.prototype.showMaskRow = function (axisDirection, dialogElement) {
+        return this.ej2Instances.showMaskRow(axisDirection, dialogElement);
+    };
     GridComponent.prototype.showSpinner = function () {
         return this.ej2Instances.showSpinner();
     };

package/src/grid/stacked-column.directive.d.ts

@@ -1,4 +1,3 @@
-export declare const isExecute: any;
 declare let vueImport: any;
 export declare class StackedColumnsDirective extends vueImport {
     constructor();

package/src/grid/stacked-column.directive.js

@@ -17,12 +17,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
+import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
 import { Options } from 'vue-class-component';
-export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue3.Vue;
@@ -36,18 +35,18 @@ var StackedColumnsDirective = /** @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     StackedColumnsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     StackedColumnsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };

package/src/pager/pager.component.d.ts

@@ -5,7 +5,6 @@ export declare const testProp: any;
 export declare const props: any;
 export declare const watch: any;
 export declare const emitProbs: any;
-export declare const isExecute: any;
 /**
  * `ejs-pager` represents the VueJS Pager Component.
  * ```vue

package/src/pager/pager.component.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Pager } from '@syncfusion/ej2-grids';
 import { Options } from 'vue-class-component';
@@ -32,7 +32,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-export var isExecute = gh ? false : true;
 /**
  * `ejs-pager` represents the VueJS Pager Component.
  * ```vue
@@ -107,10 +106,10 @@ var PagerComponent = /** @class */ (function (_super) {
         }
     };
     PagerComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
     };

package/styles/bootstrap-dark.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
@@ -103,6 +104,7 @@
   min-height: 34px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -369,7 +371,7 @@
   word-break: normal;
 }
 .e-excelfilter .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;
@@ -513,6 +515,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #0070f0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -762,6 +766,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid,
 .e-grid.e-bigger {
   font-size: 14px;
+  /* stylelint-disable */
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1419,6 +1424,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 13px;
   height: auto;
   position: relative;
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-gridheader {
   -webkit-user-select: none;
@@ -2326,7 +2334,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-left: 8px;
 }
 .e-grid .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;
@@ -2340,7 +2348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
-  -webkit-user-select: auto;
+  -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
   height: 20px;
   line-height: 20px;
   position: relative;
@@ -2536,7 +2544,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid .e-content {
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
   overflow-x: auto;
   overflow-y: scroll;
   position: relative;
@@ -2666,6 +2674,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0;
   cursor: pointer;
 }
+.e-grid .e-disablepointer {
+  cursor: default;
+}
 .e-grid .e-groupcaption {
   border-style: solid;
   border-width: 1px 0 0;
@@ -2887,6 +2898,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-checkboxfiltertext {
   width: 150px;
   word-break: normal;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
 .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2946,10 +2959,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
 }
 .e-grid .e-frozenhdrcont {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
 }
 .e-grid .e-frozencontent {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
   border-bottom-width: 1px;
   float: left;
   width: min-content;
@@ -2958,19 +2971,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: right;
 }
 .e-grid .e-movablecontent {
-  -ms-overflow-style: none;
+  -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
   -ms-flex: 1;
       flex: 1;
   overflow-x: auto;
   overflow-y: hidden;
 }
-.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
+.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   display: none;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   width: 7px;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 4px;
 }
@@ -3377,9 +3390,39 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
   border-right: 0;
 }
+.e-grid .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-grid .e-mask.e-mask-group-intent {
+  margin-left: 7px;
+  width: 16px;
+}
+.e-grid .e-mask.e-mask-detail-intent {
+  width: 16px;
+}
+.e-grid .e-mask.e-mask-checkbox-intent {
+  margin-left: 3px;
+  margin-right: 16px;
+  width: 20px;
+}
+.e-grid .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-grid .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
+.e-grid .e-mask.e-mask-drag-intent {
+  margin-left: 12px;
+  width: 12px;
+}
 .e-grid.sf-grid .e-table {
   border-spacing: 0.25px;
 }
+.e-grid.sf-grid span.e-ungroupbutton.e-icons {
+  margin-left: -8px;
+}
 .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
 .e-grid.sf-grid .e-headercell.e-frozen-right-border,
 .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3957,7 +4000,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;