@syncfusion/ej2-vue-grids 20.2.49 → 20.3.47

package/dist/es6/ej2-vue-grids.es5.js

@@ -1,5 +1,5 @@
 import { Grid, Pager } from '@syncfusion/ej2-grids';
-import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 import Vue$1 from 'vue';
@@ -24,7 +24,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Options } from 'vue-class-component';
-var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue;
@@ -38,18 +37,18 @@ var StackedColumnsDirective = /** @__PURE__ @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();
         }
     };
@@ -117,9 +116,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$1 = gh ? false : true;
 var vueImport$1;
-if (!isExecute$1 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$1 = Vue;
 }
 else {
@@ -131,18 +129,18 @@ var ColumnsDirective = /** @__PURE__ @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();
         }
     };
@@ -150,7 +148,7 @@ var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-columns';
     };
     ColumnsDirective = __decorate$1([
-        EJComponentDecorator({}, isExecute$1)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -191,7 +189,7 @@ var ColumnDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-column';
     };
     ColumnDirective = __decorate$1([
-        EJComponentDecorator({}, isExecute$1)
+        EJComponentDecorator({}, isExecute)
     ], ColumnDirective);
     return ColumnDirective;
 }(vueImport$1));
@@ -222,9 +220,8 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$2 = gh ? false : true;
 var vueImport$2;
-if (!isExecute$2 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$2 = Vue;
 }
 else {
@@ -236,18 +233,18 @@ var AggregateColumnsDirective = /** @__PURE__ @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();
         }
     };
@@ -255,7 +252,7 @@ var AggregateColumnsDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-columns';
     };
     AggregateColumnsDirective = __decorate$2([
-        EJComponentDecorator({}, isExecute$2)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -302,7 +299,7 @@ var AggregateColumnDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-column';
     };
     AggregateColumnDirective = __decorate$2([
-        EJComponentDecorator({}, isExecute$2)
+        EJComponentDecorator({}, isExecute)
     ], AggregateColumnDirective);
     return AggregateColumnDirective;
 }(vueImport$2));
@@ -333,9 +330,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$3 = gh ? false : true;
 var vueImport$3;
-if (!isExecute$3 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$3 = Vue;
 }
 else {
@@ -347,18 +343,18 @@ var AggregatesDirective = /** @__PURE__ @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();
         }
     };
@@ -366,7 +362,7 @@ var AggregatesDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-aggregates';
     };
     AggregatesDirective = __decorate$3([
-        EJComponentDecorator({}, isExecute$3)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -414,7 +410,7 @@ var AggregateDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-aggregate';
     };
     AggregateDirective = __decorate$3([
-        EJComponentDecorator({}, isExecute$3)
+        EJComponentDecorator({}, isExecute)
     ], AggregateDirective);
     return AggregateDirective;
 }(vueImport$3));
@@ -445,7 +441,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-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'];
+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'];
 var modelProps = ['dataSource'];
 var testProp = getProps({ props: properties });
 var props = testProp[0];
@@ -456,7 +452,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-var isExecute$4 = gh ? false : true;
 /**
  * `ejs-grid` represents the VueJS Grid Component.
  * ```vue
@@ -473,7 +468,7 @@ var GridComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = true;
         _this.tagMapper = { "e-columns": { "e-column": { "e-stacked-columns": "e-stacked-column" } }, "e-aggregates": { "e-aggregate": { "e-columns": "e-column" } } };
         _this.tagNameMapper = { "e-stacked-columns": "e-columns" };
-        _this.isVue3 = !isExecute$4;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new Grid({});
         _this.ej2Instances._trigger = _this.ej2Instances.trigger;
         _this.ej2Instances.trigger = _this.trigger;
@@ -533,14 +528,14 @@ var GridComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     GridComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
-        if (!isExecute$4) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$4) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -557,7 +552,7 @@ var GridComponent = /** @__PURE__ @class */ (function (_super) {
             var key = this.models.toString().match(/currentView|selectedDate/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$4) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -572,10 +567,10 @@ var GridComponent = /** @__PURE__ @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);
     };
@@ -585,6 +580,9 @@ var GridComponent = /** @__PURE__ @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);
     };
@@ -864,6 +862,9 @@ var GridComponent = /** @__PURE__ @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);
     };
@@ -939,6 +940,9 @@ var GridComponent = /** @__PURE__ @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();
     };
@@ -969,7 +973,7 @@ var GridComponent = /** @__PURE__ @class */ (function (_super) {
             model: {
                 event: 'modelchanged'
             }
-        }, isExecute$4)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -1029,7 +1033,6 @@ for (var _i$1 = 0, modelProps_1$1 = modelProps$1; _i$1 < modelProps_1$1.length;
     var props_1$1 = modelProps_1$1[_i$1];
     emitProbs$1.push('update:' + props_1$1);
 }
-var isExecute$5 = gh ? false : true;
 /**
  * `ejs-pager` represents the VueJS Pager Component.
  * ```vue
@@ -1046,7 +1049,7 @@ var PagerComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = false;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$5;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new Pager({});
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
@@ -1104,10 +1107,10 @@ var PagerComponent = /** @__PURE__ @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);
     };
@@ -1129,7 +1132,7 @@ var PagerComponent = /** @__PURE__ @class */ (function (_super) {
     PagerComponent = __decorate$5([
         EJComponentDecorator({
             props: properties$1
-        }, isExecute$5)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,