@syncfusion/ej2-vue-grids 19.3.48 → 19.3.56

package/CHANGELOG.md

@@ -6,6 +6,45 @@
 
 #### Bug Fixes
 
+- `#I338678` - frozen horizontal scroll issue in `Ipad` device has been fixed.
+- `#I348728` - Throws script error while cancel the Excel filter is fixed.
+
+- `#F170304` - Printing Grid is not working when using `GroupCaptionTemplate` in vue component.
+
+## 19.3.55 (2021-11-23)
+
+### Grid
+
+#### Bug Fixes
+
+- `#F170201` - Passed `groupcaption` details in the `exportGroupCaption` event arguments.
+- `#I347287` - Maximum call stack issue occurs when checkbox columns set visible property as false for first column has been fixed.
+- `#I347439` - The last row bottom border issue in Frozen right part has been fixed.
+- `#I348589` - Changing grid height programmatically throws script error while scrolling issue has been fixed.
+
+## 19.3.54 (2021-11-17)
+
+### Grid
+
+#### Bug Fixes
+
+- `#I346575` - Command button click event argument type not returned properly is fixed.
+- `#I347290` - Persist selection is not working properly when enable selection dynamically is fixed.
+- `#I344276` - `HTMLtag` is not disable properly in tooltip has been fixed.
+- `#I346882` - Throws script error while enabling with `filterbarTemplate` with `ShowFilterBarOperator` is fixed.
+- `#F170007` - Autofit issue while render empty records has been fixed.
+- `#I345285` - Footer aggregate is not aligned properly has been fixed.
+
+#### New Features
+
+- `#I338539` - Provided the tag helper support for single level stacked header in Angular Grid.
+
+## 19.3.48 (2021-11-02)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I345881` - Script error while reordering with the column `virtualization` is resolved.
 - `#I345229` - `expandAll` and `CollapseAll` in grouping issue has been fixed.
 - `#I343503` - row Selected data is incorrect while apply Sorting and Grouping is fixed.

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

@@ -1,15 +1,6 @@
 /*!
 *  filename: ej2-vue-grids.umd.min.js
-*  version : 19.3.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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
-/*!
-*  filename: ej2-vue-grids.umd.min.js
-*  version : 19.2.55
+*  version : 19.3.56
 *  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

@@ -18,16 +18,65 @@ if (!isExecute || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-let ColumnsDirective = class ColumnsDirective extends vueImport {
+let StackedColumnsDirective = class StackedColumnsDirective extends vueImport {
     render() {
         return;
     }
     getTag() {
-        return 'e-columns';
+        return 'e-stacked-columns';
     }
 };
-ColumnsDirective = __decorate([
+StackedColumnsDirective = __decorate([
     EJComponentDecorator({}, isExecute)
+], StackedColumnsDirective);
+const StackedColumnsPlugin = {
+    name: 'e-stacked-columns',
+    install(Vue$$1) {
+        Vue$$1.component(StackedColumnsPlugin.name, StackedColumnsDirective);
+    }
+};
+let StackedColumnDirective = class StackedColumnDirective extends vueImport {
+    render() {
+        return;
+    }
+    getTag() {
+        return 'e-stacked-column';
+    }
+};
+StackedColumnDirective = __decorate([
+    EJComponentDecorator({}, isExecute)
+], StackedColumnDirective);
+const StackedColumnPlugin = {
+    name: 'e-stacked-column',
+    install(Vue$$1) {
+        Vue$$1.component(StackedColumnPlugin.name, StackedColumnDirective);
+    }
+};
+
+var __decorate$1 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+const isExecute$1 = gh ? false : true;
+let vueImport$1;
+if (!isExecute$1 || parseInt(allVue.version) < 3) {
+    vueImport$1 = Vue;
+}
+else {
+    vueImport$1 = Vue$1;
+}
+let ColumnsDirective = class ColumnsDirective extends vueImport$1 {
+    render() {
+        return;
+    }
+    getTag() {
+        return 'e-columns';
+    }
+};
+ColumnsDirective = __decorate$1([
+    EJComponentDecorator({}, isExecute$1)
 ], ColumnsDirective);
 const ColumnsPlugin = {
     name: 'e-columns',
@@ -47,7 +96,7 @@ const ColumnsPlugin = {
  * </ejs-grid>
  * ```
  */
-let ColumnDirective = class ColumnDirective extends vueImport {
+let ColumnDirective = class ColumnDirective extends vueImport$1 {
     render() {
         return;
     }
@@ -55,8 +104,8 @@ let ColumnDirective = class ColumnDirective extends vueImport {
         return 'e-column';
     }
 };
-ColumnDirective = __decorate([
-    EJComponentDecorator({}, isExecute)
+ColumnDirective = __decorate$1([
+    EJComponentDecorator({}, isExecute$1)
 ], ColumnDirective);
 const ColumnPlugin = {
     name: 'e-column',
@@ -65,21 +114,21 @@ const ColumnPlugin = {
     }
 };
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
-const isExecute$1 = gh ? false : true;
-let vueImport$1;
-if (!isExecute$1 || parseInt(allVue.version) < 3) {
-    vueImport$1 = Vue;
+const isExecute$2 = gh ? false : true;
+let vueImport$2;
+if (!isExecute$2 || parseInt(allVue.version) < 3) {
+    vueImport$2 = Vue;
 }
 else {
-    vueImport$1 = Vue$1;
+    vueImport$2 = Vue$1;
 }
-let AggregateColumnsDirective = class AggregateColumnsDirective extends vueImport$1 {
+let AggregateColumnsDirective = class AggregateColumnsDirective extends vueImport$2 {
     render() {
         return;
     }
@@ -87,8 +136,8 @@ let AggregateColumnsDirective = class AggregateColumnsDirective extends vueImpor
         return 'e-columns';
     }
 };
-AggregateColumnsDirective = __decorate$1([
-    EJComponentDecorator({}, isExecute$1)
+AggregateColumnsDirective = __decorate$2([
+    EJComponentDecorator({}, isExecute$2)
 ], AggregateColumnsDirective);
 const AggregateColumnsPlugin = {
     name: 'e-columns',
@@ -114,7 +163,7 @@ const AggregateColumnsPlugin = {
  * </ejs-grid>
  * ```
  */
-let AggregateColumnDirective = class AggregateColumnDirective extends vueImport$1 {
+let AggregateColumnDirective = class AggregateColumnDirective extends vueImport$2 {
     render() {
         return;
     }
@@ -122,8 +171,8 @@ let AggregateColumnDirective = class AggregateColumnDirective extends vueImport$
         return 'e-column';
     }
 };
-AggregateColumnDirective = __decorate$1([
-    EJComponentDecorator({}, isExecute$1)
+AggregateColumnDirective = __decorate$2([
+    EJComponentDecorator({}, isExecute$2)
 ], AggregateColumnDirective);
 const AggregateColumnPlugin = {
     name: 'e-column',
@@ -132,21 +181,21 @@ const AggregateColumnPlugin = {
     }
 };
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
 };
-const isExecute$2 = gh ? false : true;
-let vueImport$2;
-if (!isExecute$2 || parseInt(allVue.version) < 3) {
-    vueImport$2 = Vue;
+const isExecute$3 = gh ? false : true;
+let vueImport$3;
+if (!isExecute$3 || parseInt(allVue.version) < 3) {
+    vueImport$3 = Vue;
 }
 else {
-    vueImport$2 = Vue$1;
+    vueImport$3 = Vue$1;
 }
-let AggregatesDirective = class AggregatesDirective extends vueImport$2 {
+let AggregatesDirective = class AggregatesDirective extends vueImport$3 {
     render() {
         return;
     }
@@ -154,8 +203,8 @@ let AggregatesDirective = class AggregatesDirective extends vueImport$2 {
         return 'e-aggregates';
     }
 };
-AggregatesDirective = __decorate$2([
-    EJComponentDecorator({}, isExecute$2)
+AggregatesDirective = __decorate$3([
+    EJComponentDecorator({}, isExecute$3)
 ], AggregatesDirective);
 const AggregatesPlugin = {
     name: 'e-aggregates',
@@ -182,7 +231,7 @@ const AggregatesPlugin = {
  * </ejs-grid>
  * ```
  */
-let AggregateDirective = class AggregateDirective extends vueImport$2 {
+let AggregateDirective = class AggregateDirective extends vueImport$3 {
     render() {
         return;
     }
@@ -190,8 +239,8 @@ let AggregateDirective = class AggregateDirective extends vueImport$2 {
         return 'e-aggregate';
     }
 };
-AggregateDirective = __decorate$2([
-    EJComponentDecorator({}, isExecute$2)
+AggregateDirective = __decorate$3([
+    EJComponentDecorator({}, isExecute$3)
 ], AggregateDirective);
 const AggregatePlugin = {
     name: 'e-aggregate',
@@ -200,7 +249,7 @@ const AggregatePlugin = {
     }
 };
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -217,7 +266,7 @@ emitProbs.push('modelchanged');
 for (let props of modelProps) {
     emitProbs.push('update:' + props);
 }
-const isExecute$3 = gh ? false : true;
+const isExecute$4 = gh ? false : true;
 /**
  * `ejs-grid` represents the VueJS Grid Component.
  * ```vue
@@ -237,9 +286,9 @@ class GridComponent extends ComponentBase {
         this.models = modelProps;
         this.hasChildDirective = true;
         this.hasInjectedModules = true;
-        this.tagMapper = { "e-columns": "e-column", "e-aggregates": { "e-aggregate": { "e-columns": "e-column" } } };
-        this.tagNameMapper = {};
-        this.isVue3 = !isExecute$3;
+        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.ej2Instances = new Grid({});
         this.ej2Instances._trigger = this.ej2Instances.trigger;
         this.ej2Instances.trigger = this.trigger;
@@ -294,14 +343,14 @@ class GridComponent extends ComponentBase {
         }
     }
     trigger(eventName, eventProp, successHandler) {
-        if (!isExecute$3) {
+        if (!isExecute$4) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$3) {
+                if (!isExecute$4) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -317,7 +366,7 @@ class GridComponent extends ComponentBase {
             let key = this.models.toString().match(/currentView|selectedDate/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$3) {
+                if (!isExecute$4) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -721,13 +770,13 @@ class GridComponent extends ComponentBase {
         return this.ej2Instances.updateRowValue(key, rowData);
     }
 };
-GridComponent = __decorate$3([
+GridComponent = __decorate$4([
     EJComponentDecorator({
         props: properties,
         model: {
             event: 'modelchanged'
         }
-    }, isExecute$3)
+    }, isExecute$4)
     /* Start Options({
         props: props,
         watch: watch,
@@ -740,6 +789,8 @@ const GridPlugin = {
         Vue$$1.component(GridPlugin.name, GridComponent);
         Vue$$1.component(ColumnPlugin.name, ColumnDirective);
         Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
+        Vue$$1.component(StackedColumnPlugin.name, StackedColumnDirective);
+        Vue$$1.component(StackedColumnsPlugin.name, StackedColumnsDirective);
         Vue$$1.component(AggregatePlugin.name, AggregateDirective);
         Vue$$1.component(AggregatesPlugin.name, AggregatesDirective);
         Vue$$1.component(AggregateColumnPlugin.name, AggregateColumnDirective);
@@ -747,7 +798,7 @@ const GridPlugin = {
     }
 };
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     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;
@@ -764,7 +815,7 @@ emitProbs$1.push('modelchanged');
 for (let props of modelProps$1) {
     emitProbs$1.push('update:' + props);
 }
-const isExecute$4 = gh ? false : true;
+const isExecute$5 = gh ? false : true;
 /**
  * `ejs-pager` represents the VueJS Pager Component.
  * ```vue
@@ -786,7 +837,7 @@ class PagerComponent extends ComponentBase {
         this.hasInjectedModules = false;
         this.tagMapper = {};
         this.tagNameMapper = {};
-        this.isVue3 = !isExecute$4;
+        this.isVue3 = !isExecute$5;
         this.ej2Instances = new Pager({});
         this.bindProperties();
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
@@ -859,10 +910,10 @@ class PagerComponent extends ComponentBase {
         return this.ej2Instances.refresh();
     }
 };
-PagerComponent = __decorate$4([
+PagerComponent = __decorate$5([
     EJComponentDecorator({
         props: properties$1
-    }, isExecute$4)
+    }, isExecute$5)
     /* Start Options({
         props: props,
         watch: watch,
@@ -876,6 +927,6 @@ const PagerPlugin = {
     }
 };
 
-export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin, AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin, AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin, GridComponent, GridPlugin, PagerComponent, PagerPlugin };
+export { StackedColumnsDirective, StackedColumnDirective, StackedColumnsPlugin, StackedColumnPlugin, ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin, AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin, AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin, GridComponent, GridPlugin, PagerComponent, PagerPlugin };
 export * from '@syncfusion/ej2-grids';
 //# sourceMappingURL=ej2-vue-grids.es2015.js.map