@syncfusion/ej2-vue-treegrid 19.2.55 → 19.3.43

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-treegrid@*",
-  "_id": "@syncfusion/ej2-vue-treegrid@19.2.51",
+  "_id": "@syncfusion/ej2-vue-treegrid@18.9.1",
   "_inBundle": false,
-  "_integrity": "sha512-m11QO9m6ULcJhpvXeCjxi9hNSUTM+WJhoYN6gvsxM/t+xeiTe4pUq1xPYhx3/EAeNB0dUT+DOCnH6AnscfoMjQ==",
+  "_integrity": "sha512-BVHhjPotmSzF87e73ums2xp29DYIraPs5WLuCCv6pto7Nwzxno3PUTY4iB3nY/WjUCdNWxgtsiC0nX4r9KXAWA==",
   "_location": "/@syncfusion/ej2-vue-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-treegrid/-/ej2-vue-treegrid-19.2.51.tgz",
-  "_shasum": "ab32fc817817c94f31c62ff075a0b93584bc3402",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-treegrid/-/ej2-vue-treegrid-18.9.1.tgz",
+  "_shasum": "c6fb94ac5bd4e61f1c14f36589e56d70671bf2fd",
   "_spec": "@syncfusion/ej2-vue-treegrid@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.2.55",
-    "@syncfusion/ej2-treegrid": "19.2.55",
-    "@syncfusion/ej2-vue-base": "~19.2.55"
+    "@syncfusion/ej2-base": "~19.3.43",
+    "@syncfusion/ej2-treegrid": "19.3.43",
+    "@syncfusion/ej2-vue-base": "~19.3.43"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component for Vue",
@@ -62,6 +62,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.2.55",
+  "version": "19.3.43",
   "sideEffects": false
 }

package/src/treegrid/treegrid.component.d.ts

@@ -23,7 +23,9 @@ export declare class TreeGridComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     trigger(eventName: string, eventProp: {
         [key: string]: Object;
@@ -71,9 +73,16 @@ export declare class TreeGridComponent extends ComponentBase {
     getDataRows(): Object[];
     getFooterContent(): Object;
     getFooterContentTable(): Object;
+    getFrozenLeftColumnHeaderByIndex(index: number): Object;
+    getFrozenRightCellFromIndex(rowIndex: number, columnIndex: number): Object;
+    getFrozenRightColumnHeaderByIndex(index: number): Object;
+    getFrozenRightDataRows(): Object[];
+    getFrozenRightRowByIndex(index: number): Object;
+    getFrozenRightRows(): Object[];
     getHeaderContent(): Object;
     getHeaderTable(): Object;
     getMovableCellFromIndex(rowIndex: number, columnIndex: number): Object;
+    getMovableColumnHeaderByIndex(index: number): Object;
     getMovableDataRows(): Object[];
     getMovableRowByIndex(index: number): Object;
     getMovableRows(): Object[];

package/src/treegrid/treegrid.component.js

@@ -19,7 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { isUndefined } from '@syncfusion/ej2-base';
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { TreeGrid } from '@syncfusion/ej2-treegrid';
 import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';
 import { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
@@ -60,8 +60,33 @@ var TreeGridComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    TreeGridComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     TreeGridComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -79,6 +104,7 @@ var TreeGridComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -255,6 +281,24 @@ var TreeGridComponent = /** @class */ (function (_super) {
     TreeGridComponent.prototype.getFooterContentTable = function () {
         return this.ej2Instances.getFooterContentTable();
     };
+    TreeGridComponent.prototype.getFrozenLeftColumnHeaderByIndex = function (index) {
+        return this.ej2Instances.getFrozenLeftColumnHeaderByIndex(index);
+    };
+    TreeGridComponent.prototype.getFrozenRightCellFromIndex = function (rowIndex, columnIndex) {
+        return this.ej2Instances.getFrozenRightCellFromIndex(rowIndex, columnIndex);
+    };
+    TreeGridComponent.prototype.getFrozenRightColumnHeaderByIndex = function (index) {
+        return this.ej2Instances.getFrozenRightColumnHeaderByIndex(index);
+    };
+    TreeGridComponent.prototype.getFrozenRightDataRows = function () {
+        return this.ej2Instances.getFrozenRightDataRows();
+    };
+    TreeGridComponent.prototype.getFrozenRightRowByIndex = function (index) {
+        return this.ej2Instances.getFrozenRightRowByIndex(index);
+    };
+    TreeGridComponent.prototype.getFrozenRightRows = function () {
+        return this.ej2Instances.getFrozenRightRows();
+    };
     TreeGridComponent.prototype.getHeaderContent = function () {
         return this.ej2Instances.getHeaderContent();
     };
@@ -264,6 +308,9 @@ var TreeGridComponent = /** @class */ (function (_super) {
     TreeGridComponent.prototype.getMovableCellFromIndex = function (rowIndex, columnIndex) {
         return this.ej2Instances.getMovableCellFromIndex(rowIndex, columnIndex);
     };
+    TreeGridComponent.prototype.getMovableColumnHeaderByIndex = function (index) {
+        return this.ej2Instances.getMovableColumnHeaderByIndex(index);
+    };
     TreeGridComponent.prototype.getMovableDataRows = function () {
         return this.ej2Instances.getMovableDataRows();
     };

package/styles/bootstrap-dark.css

@@ -176,6 +176,10 @@
   line-height: 18px;
 }
 
+.e-treegrid .e-icons.e-none::before {
+  content: '';
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;
@@ -241,8 +245,8 @@
 }
 
 .e-treegrid .e-hierarchycheckbox .e-frame {
-  height: 18px;
-  width: 18px;
+  height: 20px;
+  width: 20px;
 }
 
 .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -266,7 +270,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 16px;
+  line-height: 10px;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap.css

@@ -177,6 +177,10 @@
   line-height: 18px;
 }
 
+.e-treegrid .e-icons.e-none::before {
+  content: '';
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;
@@ -242,8 +246,8 @@
 }
 
 .e-treegrid .e-hierarchycheckbox .e-frame {
-  height: 18px;
-  width: 18px;
+  height: 20px;
+  width: 20px;
 }
 
 .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -267,7 +271,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 16px;
+  line-height: 10px;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap4.css

@@ -212,6 +212,10 @@
   line-height: 16px;
 }
 
+.e-treegrid .e-icons.e-none::before {
+  content: '';
+}
+
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;
@@ -277,8 +281,8 @@
 }
 
 .e-treegrid .e-hierarchycheckbox .e-frame {
-  height: 18px;
-  width: 18px;
+  height: 14px;
+  width: 14px;
 }
 
 .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -302,7 +306,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 16px;
+  line-height: 10px;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {