@syncfusion/ej2-treemap 25.1.35 → 26.1.35

package/src/treemap/treemap.js

@@ -127,8 +127,9 @@ var TreeMap = /** @class */ (function (_super) {
             fetchApiModule.onSuccess = function (args) {
                 if (!isNullOrUndefined(args.type) && args.type === 'application/octet-stream') {
                     var reader_1 = new FileReader();
+                    // eslint-disable-next-line @typescript-eslint/no-this-alias
                     var treemap_1 = _this;
-                    reader_1.onload = function (data) {
+                    reader_1.onload = function () {
                         args = JSON.parse(reader_1.result.toString());
                         treemap_1.dataSource = args;
                         treemap_1.renderTreeMapElements();
@@ -406,19 +407,21 @@ var TreeMap = /** @class */ (function (_super) {
         if (dataCount === this.treemapLevelData.hierarchyData.length - 1) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var mainData_1 = this.treemapLevelData.hierarchyData[0][this.levels[0].groupPath];
-            for (var k = 0; k < this.treemapLevelData.hierarchyData.length; k++) {
-                childData = findChildren(this.treemapLevelData.hierarchyData[k])['values'];
-                if (k !== 0 && childData) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    childData.forEach(function (currentData) { mainData_1.push(currentData); });
-                    this.treemapLevelData.hierarchyData.splice(k, 1);
-                    k -= 1;
+            if (!isNullOrUndefined(mainData_1)) {
+                for (var k = 0; k < this.treemapLevelData.hierarchyData.length; k++) {
+                    childData = findChildren(this.treemapLevelData.hierarchyData[k])['values'];
+                    if (k !== 0 && childData) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        childData.forEach(function (currentData) { mainData_1.push(currentData); });
+                        this.treemapLevelData.hierarchyData.splice(k, 1);
+                        k -= 1;
+                    }
+                }
+                mainData_1 = this.treemapLevelData.hierarchyData[0][this.levels[0].groupPath];
+                for (var l = 0; l < mainData_1.length; l++) {
+                    newData[this.levels[0].groupPath] = mainData_1;
+                    mainData_1[l]['parent'] = newData;
                 }
-            }
-            mainData_1 = this.treemapLevelData.hierarchyData[0][this.levels[0].groupPath];
-            for (var l = 0; l < mainData_1.length; l++) {
-                newData[this.levels[0].groupPath] = mainData_1;
-                mainData_1[l]['parent'] = newData;
             }
         }
     };
@@ -794,7 +797,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @returns {any} - Returns label of the drilled level.
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TreeMap.prototype.calculateSelectedTextLevels = function (labelText, item) {
         //to find the levels by clicking the particular text both for drillDownView as true / false.
         var drillLevel;
@@ -820,7 +823,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @returns {boolean} - check whether it is previous level or not.
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TreeMap.prototype.calculatePreviousLevelChildItems = function (drillLevelValues, item, directLevel) {
         //By clicking any child items drilldown to the particular level.
         //At the time store all the previous drilled level items in drilledItems
@@ -862,7 +865,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @returns {any} - return the new drill down object.
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TreeMap.prototype.compareSelectedLabelWithDrillDownItems = function (drillLevelValues, item, i) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var drillLevelChild;

package/src/treemap/user-interaction/tooltip.d.ts

@@ -16,11 +16,13 @@ export declare class TreeMapTooltip {
     removeTooltip(): void;
     /**
      * To bind events for tooltip module
+     *
      * @private
      */
     addEventListener(): void;
     /**
      * To unbind events for tooltip module
+     *
      * @private
      */
     removeEventListener(): void;

package/src/treemap/user-interaction/tooltip.js

@@ -60,11 +60,13 @@ var TreeMapTooltip = /** @class */ (function () {
                     markerFill = item['options']['fill'];
                 }
                 if (this.treemap.enableRtl) {
-                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ? textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
+                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ?
+                            textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
                             || formatValue(value, this.treemap) + ' : ' + this.treemap.weightValuePath.toString()];
                 }
                 else {
-                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ? textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
+                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ?
+                            textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
                             || this.treemap.weightValuePath.toString() + ' : ' + formatValue(value, this.treemap)];
                 }
                 if (document.getElementById(this.tooltipId)) {
@@ -88,10 +90,14 @@ var TreeMapTooltip = /** @class */ (function () {
                     || this.tooltipSettings.textStyle.color;
                 this.tooltipSettings.textStyle.opacity = this.treemap.themeStyle.tooltipTextOpacity
                     || this.tooltipSettings.textStyle.opacity;
+                var border = {
+                    width: this.tooltipSettings.border.width || this.treemap.themeStyle.tooltipBorderWidth || 0,
+                    color: this.tooltipSettings.border.color || this.treemap.themeStyle.tooltipBorderColor || 'transparent'
+                };
                 tootipArgs = {
                     cancel: false, name: tooltipRendering, item: item,
                     options: {
-                        location: location, text: tooltipContent, data: toolTipData,
+                        location: location, text: tooltipContent, data: toolTipData, border: border,
                         textStyle: this.tooltipSettings.textStyle, template: this.tooltipSettings.template
                     },
                     treemap: this.treemap,
@@ -125,6 +131,7 @@ var TreeMapTooltip = /** @class */ (function () {
         }
         if (!cancel) {
             this.svgTooltip = new Tooltip({
+                theme: this.treemap.theme,
                 enable: true,
                 header: '',
                 data: args['data'],
@@ -137,6 +144,7 @@ var TreeMapTooltip = /** @class */ (function () {
                 areaBounds: this.treemap.areaRect,
                 textStyle: args['textStyle'],
                 fill: this.treemap.tooltipSettings.fill ? this.treemap.tooltipSettings.fill : this.treemap.themeStyle.tooltipFillColor,
+                border: args['border'],
                 enableShadow: true
             });
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -168,6 +176,7 @@ var TreeMapTooltip = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     *
      * @private
      */
     TreeMapTooltip.prototype.addEventListener = function () {
@@ -180,6 +189,7 @@ var TreeMapTooltip = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To unbind events for tooltip module
+     *
      * @private
      */
     TreeMapTooltip.prototype.removeEventListener = function () {

package/src/treemap/utils/enum.d.ts

@@ -205,7 +205,13 @@ export declare type TreeMapTheme =
 /** Render a treemap with Material3 theme. */
 'Material3' | 
 /** Render a treemap with Material3Dark theme. */
-'Material3Dark';
+'Material3Dark' | 
+/** Render a treemap with Fluent2 theme. */
+'Fluent2' | 
+/** Render a treemap with Fluent2 dark theme. */
+'Fluent2Dark' | 
+/** Render a treemap with Fluent2 high contrast theme. */
+'Fluent2HighContrast';
 /**
  * Defines the rendering directions to render the treemap items in the treemap.
  */
@@ -220,6 +226,7 @@ export declare type RenderingMode =
 'TopLeftBottomRight';
 /**
  * Defines the shape of the marker in the tooltip of the treemap.
+ *
  * @private
  */
 export declare type MarkerShape = 

package/src/treemap/utils/enum.js

@@ -1 +0,0 @@
-

package/src/treemap/utils/helper.d.ts

@@ -434,11 +434,10 @@ export declare function colorNameToHex(color: string): string;
  * @param {Size} size - Specifies the size
  * @param {string} url - Specifies the url
  * @param {PathOption} options - Specifies the options
- * @param {string} label - Specifies the label
  * @returns {Element} - Returns the element
  * @private
  */
-export declare function drawSymbol(location: Location, shape: string, size: Size, url: string, options: PathOption, label: string): Element;
+export declare function drawSymbol(location: Location, shape: string, size: Size, url: string, options: PathOption): Element;
 /**
  * @param {Location} location - Specifies the location
  * @param {Size} size - Specifies the size

package/src/treemap/utils/helper.js

@@ -1052,11 +1052,10 @@ export function colorNameToHex(color) {
  * @param {Size} size - Specifies the size
  * @param {string} url - Specifies the url
  * @param {PathOption} options - Specifies the options
- * @param {string} label - Specifies the label
  * @returns {Element} - Returns the element
  * @private
  */
-export function drawSymbol(location, shape, size, url, options, label) {
+export function drawSymbol(location, shape, size, url, options) {
     var svgRenderer = new SvgRenderer('');
     var temp = renderLegendShape(location, size, shape, options, url);
     var htmlElement = svgRenderer['draw' + temp.functionName](temp.renderOption);

package/CHANGELOG.md

@@ -1,80 +0,0 @@
-<!-- markdownlint-disable MD010 -->
-
-<!-- markdownlint-disable MD030 -->
-
-<!-- markdownlint-disable MD004 -->
-
-# Changelog
-
-## [Unreleased]
-
-## 18.2.44 (2020-07-07)
-
-### TreeMap
-
-#### New Features
-
-- `#280380` - `isResized` argument is exposed in the `loaded` event arguments for indicating that the component is resized.
-
-#### Bug Fixes
-
-- `#280380` - Color of the treemap item will be maintained when the fill color of the selection settings is not provided.
-
-## 17.1.48 (2019-05-21)
-
-### TreeMap
-
-#### Bug Fixes
-
-- `#I235721` - The issue with color value in individual nodes of levels in treemap has been resolved.
-
-## 17.1.44 (2019-05-07)
-
-### TreeMap
-
-#### Bug Fixes
-
-- `#I234615` - The issue with value from the "fill" property is not applied when we have both the "fill" and "colorValuePath" APIs has been fixed.
-
-## 17.1.42 (2019-04-23)
-
-### TreeMap
-
-#### Bug Fixes
-
-- `#I233284` – The issue of breaking the treemap, if data contains the "_" character in its value has been fixed.
-
-## 17.1.32-beta (2019-03-13)
-
-### TreeMap
-
-#### New Features
-
-- The right-to-left (RTL) rendering support has been provided.
-- Load on-demand option has been provided to load and render the child items dynamically.
-- Responsive support has been provided to the TreeMap legend.
-- The 'doubleClick', 'rightClick', and 'legendRendering' events have been provided in TreeMap.
-
-## 16.4.40-beta (2018-12-10)
-
-### TreeMap
-
-#### New Features
-
-- Support has been added for desaturation color mapping.
-- Support has been added to hide specific legend items and bind legend text from data source.
-- Support has been added for highlighting or selecting the legend items along with shapes.
-- Support has been added to bind colors for the items from the data source.
-
-## 16.2.41 (2018-06-25)
-
-### TreeMap
-
-The TreeMap is used to displayed the hierarchical or multi-level data to visualize the nested rectangles.
-
-- **Layout Mode** - TreeMap supports different type of layouts like Squarified, SliceAndDiceHorizontal, SliceAndDiceVertical and SliceAndDiceAuto.
-- **Legend** - TreeMap supports legend feature with different mode. Default and Interactive.
-- **LabelTemplate** - Leaf item labels can be customized by the label template.
-- **ColorMapping** - TreeMap supports the color mapping feature. It used to customize the leaf item fill colors based on range or values.
-- **User-Interactions** - TreeMap supports the Drilldown, Tooltip, Highlight and Selection user interaction features.
-- **Print and Export** - TreeMap supports printing and exporting as different file types.