@syncfusion/ej2-vue-treemap 20.1.47 → 20.2.36

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-treemap@*",
-  "_id": "@syncfusion/ej2-vue-treemap@16.30.0",
+  "_id": "@syncfusion/ej2-vue-treemap@20.2.1",
   "_inBundle": false,
-  "_integrity": "sha512-BpjN3Y6E0Dj9bfOgZmOb51dpPE1QK9EOrSQtpC0x5bcU0sKbXZ1IBeebrPSikip64ixnpkMS2lDE3L4hKINdBA==",
+  "_integrity": "sha512-Di7vQzrjsjFZ5Vwrgy2ih/cPSO8dC+eWteQpPqeGnGrrOt1NMNLBp6vBH3RQtG2nZia6mJ+1QBLRgFNSRwcegA==",
   "_location": "/@syncfusion/ej2-vue-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-treemap/-/ej2-vue-treemap-16.30.0.tgz",
-  "_shasum": "9d97387806252b1d15271d8e5fd82bf0a4ed0a4e",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-treemap/-/ej2-vue-treemap-20.2.1.tgz",
+  "_shasum": "b3b74563da5e21dfb0670872d2a5e4a0f6b9b309",
   "_spec": "@syncfusion/ej2-vue-treemap@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.47",
-    "@syncfusion/ej2-treemap": "20.1.47",
-    "@syncfusion/ej2-vue-base": "~20.1.47"
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-treemap": "20.2.36",
+    "@syncfusion/ej2-vue-base": "~20.2.36"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeMap Components for Vue",
@@ -70,6 +70,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.47",
+  "version": "20.2.36",
   "sideEffects": false
 }

package/src/treemap/colormapping.directive.d.ts

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

package/src/treemap/colormapping.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 ColorMappingsDirective = /** @class */ (function (_super) {
     __extends(ColorMappingsDirective, _super);
     function ColorMappingsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ColorMappingsDirective.prototype.render = function () {
+    ColorMappingsDirective.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;
     };
+    ColorMappingsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ColorMappingsDirective.prototype.getTag = function () {
         return 'e-colorMappings';
     };
     ColorMappingsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ColorMappingsDirective);
     return ColorMappingsDirective;
 }(vueImport));

package/src/treemap/levels.directive.d.ts

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

package/src/treemap/levels.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 LevelsDirective = /** @class */ (function (_super) {
     __extends(LevelsDirective, _super);
     function LevelsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    LevelsDirective.prototype.render = function () {
+    LevelsDirective.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;
     };
+    LevelsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     LevelsDirective.prototype.getTag = function () {
         return 'e-levels';
     };
     LevelsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], LevelsDirective);
     return LevelsDirective;
 }(vueImport));

package/src/treemap/treemap.component.d.ts

@@ -28,6 +28,7 @@ export declare class TreeMapComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     calculatePreviousLevelChildItems(labelText: string, drillLevelValues: any, item: any, directLevel: boolean): boolean;
     calculateSelectedTextLevels(labelText: string, item: any): any;
     clickOnTreeMap(e: Object): void;

package/src/treemap/treemap.component.js

@@ -23,7 +23,7 @@ import { TreeMap } from '@syncfusion/ej2-treemap';
 import { ColorMappingsDirective, ColorMappingDirective, ColorMappingsPlugin, ColorMappingPlugin } from './colormapping.directive';
 import { LevelsDirective, LevelDirective, LevelsPlugin, LevelPlugin } from './levels.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'allowImageExport', 'allowPdfExport', 'allowPrint', 'background', 'border', 'breadcrumbConnector', 'colorValuePath', 'dataSource', 'description', 'drillDownView', 'enableBreadcrumb', 'enableDrillDown', 'enablePersistence', 'enableRtl', 'equalColorValuePath', 'format', 'height', 'highlightSettings', 'initialDrillDown', 'layoutType', 'leafItemSettings', 'legendSettings', 'levels', 'locale', 'margin', 'palette', 'query', 'rangeColorValuePath', 'renderDirection', 'selectionSettings', 'tabIndex', 'theme', 'titleSettings', 'tooltipSettings', 'useGroupingSeparator', 'weightValuePath', 'width', 'beforePrint', 'click', 'doubleClick', 'drillEnd', 'drillStart', 'itemClick', 'itemHighlight', 'itemMove', 'itemRendering', 'itemSelected', 'legendItemRendering', 'legendRendering', 'load', 'loaded', 'mouseMove', 'resize', 'rightClick', 'tooltipRendering'];
+export var properties = ['isLazyUpdate', 'plugins', 'allowImageExport', 'allowPdfExport', 'allowPrint', 'background', 'border', 'breadcrumbConnector', 'colorValuePath', 'dataSource', 'description', 'drillDownView', 'enableBreadcrumb', 'enableDrillDown', 'enablePersistence', 'enableRtl', 'equalColorValuePath', 'format', 'height', 'highlightSettings', 'initialDrillDown', 'layoutType', 'leafItemSettings', 'legendSettings', 'levels', 'locale', 'margin', 'palette', 'query', 'rangeColorValuePath', 'renderDirection', 'selectionSettings', 'tabIndex', 'theme', 'titleSettings', 'tooltipSettings', 'useGroupingSeparator', 'weightValuePath', 'width', 'beforePrint', 'click', 'doubleClick', 'drillEnd', 'drillStart', 'itemClick', 'itemHighlight', 'itemMove', 'itemRendering', 'itemSelected', 'legendItemRendering', 'legendRendering', 'load', 'loaded', 'mouseMove', 'resize', 'rightClick', 'tooltipRendering'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -57,6 +57,7 @@ var TreeMapComponent = /** @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;
     }
     TreeMapComponent.prototype.clearTemplate = function (templateNames) {
@@ -115,6 +116,9 @@ var TreeMapComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    TreeMapComponent.prototype.custom = function () {
+        this.updated();
+    };
     TreeMapComponent.prototype.calculatePreviousLevelChildItems = function (labelText, drillLevelValues, item, directLevel) {
         return this.ej2Instances.calculatePreviousLevelChildItems(labelText, drillLevelValues, item, directLevel);
     };
@@ -170,7 +174,12 @@ var TreeMapComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], TreeMapComponent);
     return TreeMapComponent;