@syncfusion/ej2-vue-grids 19.4.55 → 20.1.48

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## [Unreleased]
 
+### Grid
+
+#### Bug Fixes
+
+- `#I368016` - Foreign key column editing and filtering is not working properly with `virtualization` issue has been fixed.
+- `#I369186` - Aggregate value refresh issue in child grid has been fixed.
+
+## 19.4.55 (2022-03-08)
+
+### Grid
+
+#### Bug Fixes
+
+- `#I367001` - Inline editing is not working properly when `RowDragandDrop` with frozen columns is fixed.
+- `#I368530` - Aggregates not shown when using `expandAll` and `collapseAll` in grouping issue has been fixed.
+- `#I368787` - `Autofill` removing decimal values in number type columns issue has been fixed.
+
 ## 19.4.54 (2022-03-01)
 
 ### Grid

package/dist/ej2-vue-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-grids.umd.min.js
-*  version : 19.4.55
+*  version : 20.1.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

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

@@ -1,8 +1,8 @@
 import { Grid, Pager } from '@syncfusion/ej2-grids';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
-import Vue$1 from 'vue';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
+import Vue$1 from 'vue';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -10,6 +10,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     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;
 };
+// {{VueImport}}
 const isExecute = gh ? false : true;
 let vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -18,16 +19,47 @@ if (!isExecute || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-let StackedColumnsDirective = class StackedColumnsDirective extends vueImport {
-    render() {
+let StackedColumnsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class StackedColumnsDirective extends vueImport {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-stacked-columns';
     }
 };
 StackedColumnsDirective = __decorate([
     EJComponentDecorator({}, isExecute)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], StackedColumnsDirective);
 const StackedColumnsPlugin = {
     name: 'e-stacked-columns',
@@ -59,6 +91,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 const isExecute$1 = gh ? false : true;
 let vueImport$1;
 if (!isExecute$1 || parseInt(allVue.version) < 3) {
@@ -67,16 +100,47 @@ if (!isExecute$1 || parseInt(allVue.version) < 3) {
 else {
     vueImport$1 = Vue$1;
 }
-let ColumnsDirective = class ColumnsDirective extends vueImport$1 {
-    render() {
+let ColumnsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class ColumnsDirective extends vueImport$1 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-columns';
     }
 };
 ColumnsDirective = __decorate$1([
     EJComponentDecorator({}, isExecute$1)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], ColumnsDirective);
 const ColumnsPlugin = {
     name: 'e-columns',
@@ -120,6 +184,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 const isExecute$2 = gh ? false : true;
 let vueImport$2;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -128,16 +193,47 @@ if (!isExecute$2 || parseInt(allVue.version) < 3) {
 else {
     vueImport$2 = Vue$1;
 }
-let AggregateColumnsDirective = class AggregateColumnsDirective extends vueImport$2 {
-    render() {
+let AggregateColumnsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class AggregateColumnsDirective extends vueImport$2 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-columns';
     }
 };
 AggregateColumnsDirective = __decorate$2([
     EJComponentDecorator({}, isExecute$2)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], AggregateColumnsDirective);
 const AggregateColumnsPlugin = {
     name: 'e-columns',
@@ -187,6 +283,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 const isExecute$3 = gh ? false : true;
 let vueImport$3;
 if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -195,16 +292,47 @@ if (!isExecute$3 || parseInt(allVue.version) < 3) {
 else {
     vueImport$3 = Vue$1;
 }
-let AggregatesDirective = class AggregatesDirective extends vueImport$3 {
-    render() {
+let AggregatesDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class AggregatesDirective extends vueImport$3 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-aggregates';
     }
 };
 AggregatesDirective = __decorate$3([
     EJComponentDecorator({}, isExecute$3)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], AggregatesDirective);
 const AggregatesPlugin = {
     name: 'e-aggregates',
@@ -277,7 +405,12 @@ let GridComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class GridComponent extends ComponentBase {
     constructor() {
@@ -296,6 +429,7 @@ class GridComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -388,6 +522,9 @@ class GridComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     addRecord(data, index) {
         return this.ej2Instances.addRecord(data, index);
     }
@@ -780,7 +917,12 @@ GridComponent = __decorate$4([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], GridComponent);
 const GridPlugin = {
@@ -826,7 +968,12 @@ let PagerComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class PagerComponent extends ComponentBase {
     constructor() {
@@ -843,6 +990,7 @@ class PagerComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -897,6 +1045,9 @@ class PagerComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     destroyTemplate(propertyNames, index) {
         return this.ej2Instances.destroyTemplate(propertyNames, index);
     }
@@ -917,7 +1068,12 @@ PagerComponent = __decorate$5([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], PagerComponent);
 const PagerPlugin = {