@syncfusion/ej2-treemap 20.4.42 → 21.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.42
+*  version : 21.1.35
 *  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/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treemap@*",
-  "_id": "@syncfusion/ej2-treemap@20.4.40",
+  "_id": "@syncfusion/ej2-treemap@16.31.12",
   "_inBundle": false,
-  "_integrity": "sha512-1kfb0zx94J6i0Sxqy7H4gjYCn7ZqF7EWM+Ts7ok/ioNOZhCrgppfrh4/0tPHpA4VkoR1MrvVX7gg1nib5GcRBg==",
+  "_integrity": "sha512-RcTtbIN6kW5mlgmDXMySYusmdzc3jyCiEtunj4tq/wo+SnHxk9Xp6rY5GlnTETS+Ve3PGxlY/h0UrPRDwesR+w==",
   "_location": "/@syncfusion/ej2-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-20.4.40.tgz",
-  "_shasum": "6d49aeee494e07c4de18283e241f8632745d2333",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-treemap/-/ej2-treemap-16.31.12.tgz",
+  "_shasum": "35004e1d677555412fd3e74f5075c72adde0af7b",
   "_spec": "@syncfusion/ej2-treemap@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.42",
-    "@syncfusion/ej2-compression": "~20.4.42",
-    "@syncfusion/ej2-data": "~20.4.42",
-    "@syncfusion/ej2-file-utils": "~20.4.42",
-    "@syncfusion/ej2-pdf-export": "~20.4.42",
-    "@syncfusion/ej2-svg-base": "~20.4.42"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-compression": "~21.1.35",
+    "@syncfusion/ej2-data": "~21.1.35",
+    "@syncfusion/ej2-file-utils": "~21.1.35",
+    "@syncfusion/ej2-pdf-export": "~21.1.35",
+    "@syncfusion/ej2-svg-base": "~21.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeMap Components",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.42",
+  "version": "21.1.35",
   "sideEffects": false
 }

package/src/treemap/layout/legend.d.ts

@@ -7,21 +7,27 @@ import { Rect } from '../utils/helper';
 export declare class TreeMapLegend {
     private treemap;
     /** collection of rendering legends */
+    /** @private */
     legendRenderingCollections: any[];
     /** collection of legends */
+    /** @private */
     legendCollections: any[];
+    /** @private */
     outOfRangeLegend: any;
     private legendHeight;
     private legendWidth;
     private totalPages;
     private page;
     private translate;
+    /** @private */
     legendBorderRect: Rect;
     private currentPage;
+    /** @private */
     heightIncrement: number;
+    /** @private */
     widthIncrement: number;
     private textMaxWidth;
-    /** group of legend */
+    /** @private */
     legendGroup: Element;
     private legendNames;
     private defsElement;
@@ -33,8 +39,10 @@ export declare class TreeMapLegend {
     constructor(treemap: TreeMap);
     /**
      * method for legend
+     * @private
      */
     renderLegend(): void;
+    /** @private */
     calculateLegendBounds(): void;
     private getPageChanged;
     private findColorMappingLegendItems;
@@ -44,6 +52,7 @@ export declare class TreeMapLegend {
     private isAddNewLegendData;
     /**
      * To draw the legend
+     * @private
      */
     drawLegend(): void;
     private defaultLegendRtlLocation;
@@ -55,13 +64,16 @@ export declare class TreeMapLegend {
      *
      * @param {PointerEvent | TouchEvent} e - Specifies the pointer argument.
      * @returns {void}
+     * @private
      */
     renderInteractivePointer(e: PointerEvent | TouchEvent): void;
     private drawInteractivePointer;
     private getLegendAlignment;
+    /** @private */
     mouseUpHandler(e: PointerEvent): void;
     /**
      * To remove the interactive pointer
+     * @private
      */
     removeInteractivePointer(): void;
     /**
@@ -69,6 +81,7 @@ export declare class TreeMapLegend {
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     changeNextPage(e: PointerEvent): void;
     /**
@@ -76,14 +89,17 @@ export declare class TreeMapLegend {
      *
      * @param {Element} element - Specifies the element.
      * @returns {void}
+     * @private
      */
     wireEvents(element: Element): void;
     /**
      * To add the event listener
+     * @private
      */
     addEventListener(): void;
     /**
      * To remove the event listener
+     * @private
      */
     removeEventListener(): void;
     /**
@@ -105,6 +121,7 @@ export declare class TreeMapLegend {
      * @param {ColorMappingModel} colorMap - Specifies the color mapping instance.
      * @param {number} legendIndex - Specifies the index of legend.
      * @returns {string} - Returns the legend color.
+     * @private
      */
     legendGradientColor(colorMap: ColorMappingModel, legendIndex: number): string;
 }

package/src/treemap/layout/legend.js

@@ -1,4 +1,3 @@
-import { LevelsData } from '../treemap';
 import { findChildren, Location, Rect, Size, measureText, TextOption, PathOption, RectOption, drawSymbol, orderByArea, legendMaintain } from '../utils/helper';
 import { Browser, isNullOrUndefined, EventHandler, extend } from '@syncfusion/ej2-base';
 import { renderTextElement, textTrim } from '../utils/helper';
@@ -9,9 +8,12 @@ import { legendItemRendering, legendRendering } from '../model/constants';
 var TreeMapLegend = /** @class */ (function () {
     function TreeMapLegend(treemap) {
         this.page = 0;
+        /** @private */
         this.legendBorderRect = new Rect(0, 0, 0, 0);
         this.currentPage = 0;
+        /** @private */
         this.heightIncrement = 0;
+        /** @private */
         this.widthIncrement = 0;
         this.textMaxWidth = 0;
         this.legendInteractiveGradient = [];
@@ -22,9 +24,11 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * method for legend
+     * @private
      */
     TreeMapLegend.prototype.renderLegend = function () {
         var _this = this;
+        this.page = 0;
         this.legendRenderingCollections = [];
         this.legendCollections = [];
         this.legendNames = [];
@@ -48,14 +52,15 @@ var TreeMapLegend = /** @class */ (function () {
             }
         });
     };
+    /** @private */
     TreeMapLegend.prototype.calculateLegendBounds = function () {
         var _this = this;
         var treemap = this.treemap;
         var legend = treemap.legendSettings;
-        this.findColorMappingLegendItems(LevelsData.levelsData[0]);
-        if ((this.treemap.palette.length > 0 || !isNullOrUndefined(this.treemap.colorValuePath))
+        this.findColorMappingLegendItems(treemap.treemapLevelData.levelsData[0]);
+        if ((this.treemap.palette.length > 0 || !isNullOrUndefined(treemap.colorValuePath))
             && this.legendCollections.length === 0) {
-            this.findPaletteLegendItems(LevelsData.levelsData[0]);
+            this.findPaletteLegendItems(treemap.treemapLevelData.levelsData[0]);
         }
         if (this.legendCollections.length > 0) {
             // eslint-disable-next-line @typescript-eslint/tslint/config
@@ -541,16 +546,16 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To draw the legend
+     * @private
      */
     TreeMapLegend.prototype.drawLegend = function () {
-        var treemap = this.treemap;
-        var legend = treemap.legendSettings;
-        var render = treemap.renderer;
+        var legend = this.treemap.legendSettings;
+        var render = this.treemap.renderer;
         var fill;
         var textOptions;
         var gradientElement;
         var textFont = legend.textStyle;
-        this.legendGroup = render.createGroup({ id: treemap.element.id + '_Legend_Group' });
+        this.legendGroup = render.createGroup({ id: this.treemap.element.id + '_Legend_Group' });
         this.renderLegendBorder();
         this.renderLegendTitle();
         if (legend.mode === 'Default') {
@@ -558,8 +563,8 @@ var TreeMapLegend = /** @class */ (function () {
         }
         else {
             for (var i = 0; i < this.legendRenderingCollections.length; i++) {
-                var itemId = treemap.element.id + '_Legend_Index_' + i;
-                var textId = treemap.element.id + '_Legend_Index_' + i + '_Text';
+                var itemId = this.treemap.element.id + '_Legend_Index_' + i;
+                var textId = this.treemap.element.id + '_Legend_Index_' + i + '_Text';
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var item = this.legendRenderingCollections[i];
                 gradientElement = item['element'];
@@ -568,8 +573,8 @@ var TreeMapLegend = /** @class */ (function () {
                 var textLocation = new Location(item['textX'], item['textY']);
                 var rectOptions = new RectOption(itemId, fill, legend.shapeBorder, legend.opacity, bounds);
                 if (this.treemap.enableRtl) {
-                    if (treemap.legendSettings.position === 'Left' || treemap.legendSettings.position === 'Right'
-                        || (treemap.legendSettings.position === 'Auto'
+                    if (this.treemap.legendSettings.position === 'Left' || this.treemap.legendSettings.position === 'Right'
+                        || (this.treemap.legendSettings.position === 'Auto'
                             && this.treemap.availableSize.width >= this.treemap.availableSize.height)) {
                         rectOptions.y = (this.translate.y + this.legendBorderRect.y + this.legendBorderRect.height)
                             - (this.translate.y + rectOptions.height) - Math.abs(this.legendBorderRect.y - rectOptions.y);
@@ -649,11 +654,11 @@ var TreeMapLegend = /** @class */ (function () {
                     cancel: false, name: legendItemRendering, treemap: treemap, fill: collection['Fill'],
                     shape: legend.shape, imageUrl: legend.imageUrl
                 };
-                this_1.treemap.trigger(legendItemRendering, eventArgs, function (observedArgs) {
+                treemap.trigger(legendItemRendering, eventArgs, function (observedArgs) {
                     var renderOptions = new PathOption(shapeId, observedArgs.fill, strokeWidth_1, isLineShape_1 ? collection['Fill'] : strokeColor_1, legend.opacity, '');
                     legendElement.appendChild(drawSymbol(shapeLocation, observedArgs.shape, shapeSize, observedArgs.imageUrl, renderOptions, legendText));
                     textOptions = new TextOption(textId, textLocation.x, textLocation.y, 'start', legendText, '', '');
-                    renderTextElement(textOptions, legend.textStyle, legend.textStyle.color || _this.treemap.themeStyle.legendTextColor, legendElement);
+                    renderTextElement(textOptions, legend.textStyle, legend.textStyle.color || treemap.themeStyle.legendTextColor, legendElement);
                     _this.legendGroup.appendChild(legendElement);
                 });
             };
@@ -733,8 +738,7 @@ var TreeMapLegend = /** @class */ (function () {
         treemap.svgObject.appendChild(this.legendGroup);
     };
     TreeMapLegend.prototype.renderLegendTitle = function () {
-        var treemap = this.treemap;
-        var legend = treemap.legendSettings;
+        var legend = this.treemap.legendSettings;
         var textStyle = legend.titleStyle;
         var legendTitle = legend.title.text;
         var textOptions;
@@ -742,7 +746,7 @@ var TreeMapLegend = /** @class */ (function () {
         var trimTitle = textTrim((this.legendItemRect.width + (spacing * 2)), legendTitle, textStyle);
         var textSize = measureText(trimTitle, textStyle);
         if (legendTitle) {
-            textOptions = new TextOption(treemap.element.id + '_LegendTitle', (this.legendItemRect.x) + (this.legendItemRect.width / 2), this.legendItemRect.y - (textSize.height / 2) - (spacing / 2), 'middle', trimTitle, '');
+            textOptions = new TextOption(this.treemap.element.id + '_LegendTitle', (this.legendItemRect.x) + (this.legendItemRect.width / 2), this.legendItemRect.y - (textSize.height / 2) - (spacing / 2), 'middle', trimTitle, '');
             renderTextElement(textOptions, textStyle, textStyle.color || this.treemap.themeStyle.legendTitleColor, this.legendGroup);
         }
     };
@@ -751,6 +755,7 @@ var TreeMapLegend = /** @class */ (function () {
      *
      * @param {PointerEvent | TouchEvent} e - Specifies the pointer argument.
      * @returns {void}
+     * @private
      */
     TreeMapLegend.prototype.renderInteractivePointer = function (e) {
         var treemap = this.treemap;
@@ -892,6 +897,7 @@ var TreeMapLegend = /** @class */ (function () {
             this.translate = new Location(x, y);
         }
     };
+    /** @private */
     TreeMapLegend.prototype.mouseUpHandler = function (e) {
         this.renderInteractivePointer(e);
         clearTimeout(this.clearTimeout);
@@ -900,6 +906,7 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the interactive pointer
+     * @private
      */
     TreeMapLegend.prototype.removeInteractivePointer = function () {
         if (document.getElementById(this.treemap.element.id + '_Interactive_Legend')) {
@@ -912,17 +919,24 @@ var TreeMapLegend = /** @class */ (function () {
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     TreeMapLegend.prototype.changeNextPage = function (e) {
         this.currentPage = (e.target.id.indexOf('_Left_Page_') > -1) ? (this.currentPage - 1) :
             (this.currentPage + 1);
-        this.drawLegend();
+        if (this.currentPage >= 0 && this.currentPage < this.totalPages.length) {
+            this.drawLegend();
+        }
+        else {
+            this.currentPage = (e.target.id.indexOf('_Left_Page_') > -1) ? 0 : this.totalPages.length - 1;
+        }
     };
     /**
      * Wire events for event handler
      *
      * @param {Element} element - Specifies the element.
      * @returns {void}
+     * @private
      */
     TreeMapLegend.prototype.wireEvents = function (element) {
         EventHandler.add(element, Browser.touchStartEvent, this.changeNextPage, this);
@@ -930,6 +944,7 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To add the event listener
+     * @private
      */
     TreeMapLegend.prototype.addEventListener = function () {
         if (this.treemap.isDestroyed) {
@@ -941,6 +956,7 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the event listener
+     * @private
      */
     TreeMapLegend.prototype.removeEventListener = function () {
         if (this.treemap.isDestroyed) {
@@ -986,6 +1002,7 @@ var TreeMapLegend = /** @class */ (function () {
      * @param {ColorMappingModel} colorMap - Specifies the color mapping instance.
      * @param {number} legendIndex - Specifies the index of legend.
      * @returns {string} - Returns the legend color.
+     * @private
      */
     TreeMapLegend.prototype.legendGradientColor = function (colorMap, legendIndex) {
         var legendFillColor;

package/src/treemap/layout/render-panel.js

@@ -2,7 +2,6 @@ import { Rect, itemsToOrder, TextOption, measureText, textTrim, hide, wordWrap,
 import { isNullOrUndefined, createElement, extend } from '@syncfusion/ej2-base';
 import { findChildren, renderTextElement } from '../utils/helper';
 import { itemRendering } from '../model/constants';
-import { LevelsData } from './../treemap';
 /**
  * To calculate and render the shape layer
  */
@@ -14,12 +13,12 @@ var LayoutPanel = /** @class */ (function () {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var data;
         var totalRect;
-        if (LevelsData.levelsData && LevelsData.levelsData.length > 0) {
+        if (this.treemap.treemapLevelData.levelsData && this.treemap.treemapLevelData.levelsData.length > 0) {
             data = (!isNullOrUndefined(this.treemap.initialDrillDown.groupIndex) &&
                 !isNullOrUndefined(this.treemap.initialDrillDown.groupName)) &&
                 (isNullOrUndefined(this.treemap.drilledItems) ? isNullOrUndefined(this.treemap.drilledItems)
                     : this.treemap.drilledItems.length === 0) ?
-                this.getDrilldownData(LevelsData.levelsData[0], [])[0] : LevelsData.levelsData[0];
+                this.getDrilldownData(this.treemap.treemapLevelData.levelsData[0], [])[0] : this.treemap.treemapLevelData.levelsData[0];
             totalRect = extend({}, this.treemap.areaRect, totalRect, false);
             if (!isNullOrUndefined(this.treemap.treeMapLegendModule) && !isNullOrUndefined(this.treemap.totalRect)) {
                 if (this.treemap.legendSettings.position !== 'Float') {
@@ -38,7 +37,7 @@ var LayoutPanel = /** @class */ (function () {
                 if (!isNullOrUndefined(this.treemap.initialDrillDown.groupIndex) && !this.treemap.enableBreadcrumb) {
                     this.treemap.currentLevel = this.treemap.drilledItems[count]['data']['groupIndex'];
                 }
-                this.calculateLayoutItems(y || LevelsData.levelsData[0], totalRect);
+                this.calculateLayoutItems(y || this.treemap.treemapLevelData.levelsData[0], totalRect);
                 this.renderLayoutItems();
             }
             else {
@@ -47,7 +46,7 @@ var LayoutPanel = /** @class */ (function () {
                         : this.treemap.drilledItems.length === 0)) {
                     this.treemap.currentLevel = this.treemap.initialDrillDown.groupIndex;
                 }
-                this.calculateLayoutItems(data || LevelsData.levelsData[0], totalRect);
+                this.calculateLayoutItems(data || this.treemap.treemapLevelData.levelsData[0], totalRect);
                 this.renderLayoutItems();
             }
         }
@@ -632,18 +631,18 @@ var LayoutPanel = /** @class */ (function () {
         var treemap = this.treemap;
         var itemFill = isLeafItem ? treemap.leafItemSettings.fill : treemap.levels[item['groupIndex']].fill;
         var itemOpacity = isLeafItem ? treemap.leafItemSettings.opacity : treemap.levels[item['groupIndex']].opacity;
-        if (!isNullOrUndefined(LevelsData.defaultLevelsData)) {
-            if (LevelsData.defaultLevelsData.length > 0) {
-                LevelsData.levelsData = LevelsData.defaultLevelsData;
+        if (!isNullOrUndefined(treemap.treemapLevelData.defaultLevelsData)) {
+            if (treemap.treemapLevelData.defaultLevelsData.length > 0) {
+                treemap.treemapLevelData.levelsData = treemap.treemapLevelData.defaultLevelsData;
             }
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var parentData = findChildren(LevelsData.levelsData[0])['values'];
+        var parentData = findChildren(treemap.treemapLevelData.levelsData[0])['values'];
         var colorMapping = isLeafItem ? treemap.leafItemSettings.colorMapping :
             treemap.levels[item['groupIndex']].colorMapping;
         if (colorMapping.length > 0) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var option = colorMap(colorMapping, item['data'][this.treemap.equalColorValuePath], item['data'][this.treemap.rangeColorValuePath]);
+            var option = colorMap(colorMapping, item['data'][treemap.equalColorValuePath], item['data'][treemap.rangeColorValuePath]);
             itemFill = !isNullOrUndefined(option['fill']) ? option['fill'] : treemap.leafItemSettings.fill;
             itemOpacity = option['opacity'];
         }