@syncfusion/ej2-vue-grids 19.4.53 → 19.4.56

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-grids@*",
-  "_id": "@syncfusion/ej2-vue-grids@19.4.52",
+  "_id": "@syncfusion/ej2-vue-grids@19.4.55",
   "_inBundle": false,
-  "_integrity": "sha512-8hziBpJkS1gmavjcnY9vpBnMaHv+XaxQUQ0ffNrpFSwS526fNn8XQvAYf2Obm5NqEcGF+d0J2o9/l+fob9p7zg==",
+  "_integrity": "sha512-kbzwWUMxMXwLoY4HBtqbhqyy1Qa30TYvVAZIYKVEQpPnrgAOyGDS464HCpVUtfdn4C4tAs05nJI7Da2f2Lp8qg==",
   "_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-19.4.52.tgz",
-  "_shasum": "70db13518ba1b9280b902ff3fc731f5640ac234f",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-19.4.55.tgz",
+  "_shasum": "1f1290f2315b0b84998933dba8eb5eab54c772ed",
   "_spec": "@syncfusion/ej2-vue-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-grids": "19.4.53",
-    "@syncfusion/ej2-vue-base": "~19.4.53"
+    "@syncfusion/ej2-grids": "19.4.56",
+    "@syncfusion/ej2-vue-base": "~19.4.56"
   },
   "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",
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.4.53",
+  "version": "19.4.56",
   "sideEffects": false
 }

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

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class AggregateColumnsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const AggregateColumnsPlugin: {

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

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } 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) {
@@ -31,16 +33,36 @@ else {
 var AggregateColumnsDirective = /** @class */ (function (_super) {
     __extends(AggregateColumnsDirective, _super);
     function AggregateColumnsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    AggregateColumnsDirective.prototype.render = function () {
+    AggregateColumnsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    AggregateColumnsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AggregateColumnsDirective.prototype.getTag = function () {
         return 'e-columns';
     };
     AggregateColumnsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AggregateColumnsDirective);
     return AggregateColumnsDirective;
 }(vueImport));

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

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class AggregatesDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const AggregatesPlugin: {

package/src/grid/aggregates.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } 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) {
@@ -31,16 +33,36 @@ else {
 var AggregatesDirective = /** @class */ (function (_super) {
     __extends(AggregatesDirective, _super);
     function AggregatesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    AggregatesDirective.prototype.render = function () {
+    AggregatesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    AggregatesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AggregatesDirective.prototype.getTag = function () {
         return 'e-aggregates';
     };
     AggregatesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AggregatesDirective);
     return AggregatesDirective;
 }(vueImport));

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

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ColumnsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const ColumnsPlugin: {

package/src/grid/columns.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } 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) {
@@ -31,16 +33,36 @@ else {
 var ColumnsDirective = /** @class */ (function (_super) {
     __extends(ColumnsDirective, _super);
     function ColumnsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ColumnsDirective.prototype.render = function () {
+    ColumnsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ColumnsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ColumnsDirective.prototype.getTag = function () {
         return 'e-columns';
     };
     ColumnsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ColumnsDirective);
     return ColumnsDirective;
 }(vueImport));

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

@@ -31,6 +31,7 @@ export declare class GridComponent extends ComponentBase {
         [key: string]: Object;
     }, successHandler?: Function): void;
     render(createElement: any): any;
+    custom(): void;
     addRecord(data?: Object, index?: number): void;
     autoFitColumns(fieldNames?: string | string[]): void;
     batchAsyncUpdate(changes: Object): void;

package/src/grid/grid.component.js

@@ -62,6 +62,7 @@ var GridComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     GridComponent.prototype.clearTemplate = function (templateNames) {
@@ -158,6 +159,9 @@ var GridComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    GridComponent.prototype.custom = function () {
+        this.updated();
+    };
     GridComponent.prototype.addRecord = function (data, index) {
         return this.ej2Instances.addRecord(data, index);
     };
@@ -549,7 +553,12 @@ var GridComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], GridComponent);
     return GridComponent;

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

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class StackedColumnsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const StackedColumnsPlugin: {

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

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } 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) {
@@ -31,16 +33,36 @@ else {
 var StackedColumnsDirective = /** @class */ (function (_super) {
     __extends(StackedColumnsDirective, _super);
     function StackedColumnsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    StackedColumnsDirective.prototype.render = function () {
+    StackedColumnsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    StackedColumnsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     StackedColumnsDirective.prototype.getTag = function () {
         return 'e-stacked-columns';
     };
     StackedColumnsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StackedColumnsDirective);
     return StackedColumnsDirective;
 }(vueImport));

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

@@ -28,6 +28,7 @@ export declare class PagerComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     destroyTemplate(propertyNames?: string[], index?: any): void;
     getLocalizedLabel(key: string): string;
     goToPage(pageNo: number): void;

package/src/pager/pager.component.js

@@ -55,6 +55,7 @@ var PagerComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     PagerComponent.prototype.clearTemplate = function (templateNames) {
@@ -113,6 +114,9 @@ var PagerComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    PagerComponent.prototype.custom = function () {
+        this.updated();
+    };
     PagerComponent.prototype.destroyTemplate = function (propertyNames, index) {
         return this.ej2Instances.destroyTemplate(propertyNames, index);
     };
@@ -132,7 +136,12 @@ var PagerComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], PagerComponent);
     return PagerComponent;