@syncfusion/ej2-vue-grids 19.3.46 → 19.3.54

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-grids@*",
-  "_id": "@syncfusion/ej2-vue-grids@19.3.45",
+  "_id": "@syncfusion/ej2-vue-grids@19.3.53",
   "_inBundle": false,
-  "_integrity": "sha512-uJ+NlTANLefFVmp0OtRhx37eJcJvYQN8B/p36QY/AriZ3hqrInJ7ZRvDP04bPndhZBS0telC7cT2sCU2Kx3oEQ==",
+  "_integrity": "sha512-c/HPWWCzPY1rKVrLEXPEM24/Hka/rxno6i+4+ItwQ+D3ign89LBQzKZPD100o/gyqnpVHxUmW/NoSkfXZH7maQ==",
   "_location": "/@syncfusion/ej2-vue-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-19.3.45.tgz",
-  "_shasum": "4e5e414e078a7d5c3d762a88624750fd2a3ff417",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-19.3.53.tgz",
+  "_shasum": "0fb443400f6d330fd90470af03477ea819e76ed3",
   "_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": "~19.3.43",
-    "@syncfusion/ej2-grids": "19.3.46",
-    "@syncfusion/ej2-vue-base": "~19.3.43"
+    "@syncfusion/ej2-base": "~19.3.54",
+    "@syncfusion/ej2-grids": "19.3.54",
+    "@syncfusion/ej2-vue-base": "~19.3.53"
   },
   "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.3.46",
+  "version": "19.3.54",
   "sideEffects": false
 }

package/src/grid/grid.component.js

@@ -21,6 +21,7 @@ import { isUndefined } from '@syncfusion/ej2-base';
 import { ComponentBase, EJComponentDecorator, getProps, gh } 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';
 import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';
 import { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
 import { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './aggregates.directive';
@@ -51,8 +52,8 @@ var GridComponent = /** @class */ (function (_super) {
         _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.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;
         _this.ej2Instances = new Grid({});
         _this.ej2Instances._trigger = _this.ej2Instances.trigger;
@@ -560,6 +561,8 @@ export var GridPlugin = {
         Vue.component(GridPlugin.name, GridComponent);
         Vue.component(ColumnPlugin.name, ColumnDirective);
         Vue.component(ColumnsPlugin.name, ColumnsDirective);
+        Vue.component(StackedColumnPlugin.name, StackedColumnDirective);
+        Vue.component(StackedColumnsPlugin.name, StackedColumnsDirective);
         Vue.component(AggregatePlugin.name, AggregateDirective);
         Vue.component(AggregatesPlugin.name, AggregatesDirective);
         Vue.component(AggregateColumnPlugin.name, AggregateColumnDirective);

package/src/grid/index.d.ts

@@ -1,3 +1,4 @@
+export { StackedColumnsDirective, StackedColumnDirective, StackedColumnsPlugin, StackedColumnPlugin } from './stacked-column.directive';
 export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';
 export { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
 export { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './aggregates.directive';

package/src/grid/index.js

@@ -1,3 +1,4 @@
+export { StackedColumnsDirective, StackedColumnDirective, StackedColumnsPlugin, StackedColumnPlugin } from './stacked-column.directive';
 export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';
 export { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
 export { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './aggregates.directive';

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

@@ -0,0 +1,19 @@
+export declare const isExecute: any;
+declare let vueImport: any;
+export declare class StackedColumnsDirective extends vueImport {
+    render(): void;
+    getTag(): string;
+}
+export declare const StackedColumnsPlugin: {
+    name: string;
+    install(Vue: any): void;
+};
+export declare class StackedColumnDirective extends vueImport {
+    render(): void;
+    getTag(): string;
+}
+export declare const StackedColumnPlugin: {
+    name: string;
+    install(Vue: any): void;
+};
+export {};

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

@@ -0,0 +1,76 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__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;
+};
+import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
+import * as Vue3 from 'vue-class-component';
+import Vue from 'vue';
+export var isExecute = gh ? false : true;
+var vueImport;
+if (!isExecute || parseInt(allVue.version) < 3) {
+    vueImport = Vue3.Vue;
+}
+else {
+    vueImport = Vue;
+}
+var StackedColumnsDirective = /** @class */ (function (_super) {
+    __extends(StackedColumnsDirective, _super);
+    function StackedColumnsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StackedColumnsDirective.prototype.render = function () {
+        return;
+    };
+    StackedColumnsDirective.prototype.getTag = function () {
+        return 'e-stacked-columns';
+    };
+    StackedColumnsDirective = __decorate([
+        EJComponentDecorator({}, isExecute)
+    ], StackedColumnsDirective);
+    return StackedColumnsDirective;
+}(vueImport));
+export { StackedColumnsDirective };
+export var StackedColumnsPlugin = {
+    name: 'e-stacked-columns',
+    install: function (Vue) {
+        Vue.component(StackedColumnsPlugin.name, StackedColumnsDirective);
+    }
+};
+var StackedColumnDirective = /** @class */ (function (_super) {
+    __extends(StackedColumnDirective, _super);
+    function StackedColumnDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StackedColumnDirective.prototype.render = function () {
+        return;
+    };
+    StackedColumnDirective.prototype.getTag = function () {
+        return 'e-stacked-column';
+    };
+    StackedColumnDirective = __decorate([
+        EJComponentDecorator({}, isExecute)
+    ], StackedColumnDirective);
+    return StackedColumnDirective;
+}(vueImport));
+export { StackedColumnDirective };
+export var StackedColumnPlugin = {
+    name: 'e-stacked-column',
+    install: function (Vue) {
+        Vue.component(StackedColumnPlugin.name, StackedColumnDirective);
+    }
+};

package/src/index.d.ts

@@ -1,4 +1,5 @@
 export * from '@syncfusion/ej2-grids';
+export { StackedColumnsDirective, StackedColumnDirective, StackedColumnsPlugin, StackedColumnPlugin } from './grid/stacked-column.directive';
 export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './grid/columns.directive';
 export { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './grid/aggregate-columns.directive';
 export { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './grid/aggregates.directive';

package/src/index.js

@@ -1,4 +1,5 @@
 export * from '@syncfusion/ej2-grids';
+export { StackedColumnsDirective, StackedColumnDirective, StackedColumnsPlugin, StackedColumnPlugin } from './grid/stacked-column.directive';
 export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './grid/columns.directive';
 export { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './grid/aggregate-columns.directive';
 export { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './grid/aggregates.directive';

package/styles/bootstrap5-dark.css

@@ -842,6 +842,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1971,14 +1972,14 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 17px;
   line-height: 16px;
-  margin: 4px 18px 0 2px;
+  margin: 4px 1px 0 2px;
   text-align: center;
   width: 17px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -32px -20px 0 2px;
+  margin: -32px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -3215,7 +3216,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -5px;
+  margin: -5px 15px -5px -12px;
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3279,7 +3280,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 11px;
   height: 17px;
   line-height: 16px;
-  margin: 3px 2px 0 8px;
+  margin: 3px 8px 0 8px;
   text-align: center;
   width: 17px;
 }
@@ -3290,7 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 34px -29px 0;
+  margin: -29px 29px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {

package/styles/bootstrap5.css

@@ -842,6 +842,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1971,14 +1972,14 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 17px;
   line-height: 16px;
-  margin: 4px 18px 0 2px;
+  margin: 4px 1px 0 2px;
   text-align: center;
   width: 17px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -32px -20px 0 2px;
+  margin: -32px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -3215,7 +3216,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -5px;
+  margin: -5px 15px -5px -12px;
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3279,7 +3280,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 11px;
   height: 17px;
   line-height: 16px;
-  margin: 3px 2px 0 8px;
+  margin: 3px 8px 0 8px;
   text-align: center;
   width: 17px;
 }
@@ -3290,7 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 34px -29px 0;
+  margin: -29px 29px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {

package/styles/excel-filter/bootstrap5-dark.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/excel-filter/bootstrap5.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/grid/bootstrap5-dark.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -714,14 +715,14 @@
   font-size: 9px;
   height: 17px;
   line-height: 16px;
-  margin: 4px 18px 0 2px;
+  margin: 4px 1px 0 2px;
   text-align: center;
   width: 17px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -32px -20px 0 2px;
+  margin: -32px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -1958,7 +1959,7 @@
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -5px;
+  margin: -5px 15px -5px -12px;
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -2022,7 +2023,7 @@
   font-size: 11px;
   height: 17px;
   line-height: 16px;
-  margin: 3px 2px 0 8px;
+  margin: 3px 8px 0 8px;
   text-align: center;
   width: 17px;
 }
@@ -2033,7 +2034,7 @@
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 34px -29px 0;
+  margin: -29px 29px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {

package/styles/grid/bootstrap5.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -714,14 +715,14 @@
   font-size: 9px;
   height: 17px;
   line-height: 16px;
-  margin: 4px 18px 0 2px;
+  margin: 4px 1px 0 2px;
   text-align: center;
   width: 17px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -32px -20px 0 2px;
+  margin: -32px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -1958,7 +1959,7 @@
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -5px;
+  margin: -5px 15px -5px -12px;
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -2022,7 +2023,7 @@
   font-size: 11px;
   height: 17px;
   line-height: 16px;
-  margin: 3px 2px 0 8px;
+  margin: 3px 8px 0 8px;
   text-align: center;
   width: 17px;
 }
@@ -2033,7 +2034,7 @@
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 34px -29px 0;
+  margin: -29px 29px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {