@syncfusion/ej2-treemap 26.2.10 → 27.1.50

package/dist/es6/ej2-treemap.es5.js

@@ -483,7 +483,7 @@ var TooltipSettings = /** @__PURE__ @class */ (function (_super) {
         Complex({ width: null, color: null }, Border)
     ], TooltipSettings.prototype, "border", void 0);
     __decorate([
-        Complex({ fontFamily: null, size: null, fontWeight: null }, Font)
+        Complex({ fontFamily: null, size: null, fontWeight: null, opacity: null }, Font)
     ], TooltipSettings.prototype, "textStyle", void 0);
     return TooltipSettings;
 }(ChildProperty));
@@ -2807,48 +2807,46 @@ function getThemeStyle(theme) {
             break;
         case 'bootstrap5':
             style = {
-                backgroundColor: 'rgba(255,255,255, 0.0)',
+                backgroundColor: 'transparent',
                 titleFontColor: '#212529',
-                titleFontWeight: 'Normal',
+                titleFontWeight: '400',
                 subTitleFontColor: '#212529',
-                tooltipFillColor: '#212529',
-                tooltipFontColor: '#F9FAFB',
-                tooltipFontSize: '13px',
-                tooltipFillOpacity: 1,
-                tooltipTextOpacity: 1,
+                tooltipFillColor: '#000000',
+                tooltipFontColor: '#FFFFFF',
+                tooltipFontSize: '12px',
+                tooltipFillOpacity: 0.9,
                 legendTitleColor: '#212529',
                 legendTextColor: '#212529',
-                fontFamily: 'Helvetica Neue',
+                fontFamily: 'Segoe UI',
                 fontSize: '14px',
-                fontWeight: 'Normal',
+                fontWeight: '400',
                 subtitleFontSize: '12px',
-                legendFontSize: '12px',
-                labelFontFamily: 'Helvetica Neue',
-                labelFontSize: '12px',
+                legendFontSize: '10px',
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '10px',
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
             break;
         case 'bootstrap5dark':
             style = {
-                backgroundColor: 'rgba(255,255,255, 0.0)',
-                titleFontColor: '#FFFFFF',
-                titleFontWeight: 'Normal',
-                subTitleFontColor: '#FFFFFF',
-                tooltipFillColor: '#E9ECEF',
+                backgroundColor: 'transparent',
+                titleFontColor: '#DEE2E6',
+                titleFontWeight: '400',
+                subTitleFontColor: '#DEE2E6',
+                tooltipFillColor: '#FFFFFF',
                 tooltipFontColor: '#212529',
-                tooltipFontSize: '13px',
-                tooltipFillOpacity: 1,
-                tooltipTextOpacity: 1,
-                legendTitleColor: '#FFFFFF',
-                legendTextColor: '#FFFFFF',
-                fontFamily: 'Helvetica Neue',
+                tooltipFontSize: '12px',
+                tooltipFillOpacity: 0.9,
+                legendTitleColor: '#DEE2E6',
+                legendTextColor: '#DEE2E6',
+                fontFamily: 'Segoe UI',
                 fontSize: '14px',
-                fontWeight: 'Normal',
+                fontWeight: '400',
                 subtitleFontSize: '12px',
-                legendFontSize: '12px',
-                labelFontFamily: 'Helvetica Neue',
-                labelFontSize: '12px',
+                legendFontSize: '10px',
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '10px',
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
@@ -3114,7 +3112,8 @@ var Print = /** @__PURE__ @class */ (function () {
                 backgroundElement = backgroundElement.childNodes[0];
                 if (!isNullOrUndefined(backgroundElement)) {
                     var backgroundColor = backgroundElement.getAttribute('fill');
-                    if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' || treeMap.theme === 'Fluent2')
+                    if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' ||
+                        treeMap.theme === 'Fluent2')
                         && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                         backgroundElement.setAttribute('fill', 'rgba(255,255,255, 1)');
                     }
@@ -3187,7 +3186,8 @@ var ImageExport = /** @__PURE__ @class */ (function () {
             var backgroundElement = exportElement.childNodes[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' || treeMap.theme === 'Fluent2')
+                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' ||
+                    treeMap.theme === 'Fluent2')
                     && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
                 }
@@ -3289,7 +3289,8 @@ var PdfExport = /** @__PURE__ @class */ (function () {
             var backgroundElement = exportElement.childNodes[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' || treeMap.theme === 'Fluent2')
+                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' ||
+                    treeMap.theme === 'Fluent2')
                     && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
                 }
@@ -4813,7 +4814,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                 (treemap.availableSize.height / 100) * parseFloat(legend.height) : parseFloat(legend.height) : null;
             titleTextStyle.fontFamily = titleTextStyle.fontFamily || treemap.themeStyle.fontFamily;
             titleTextStyle.fontWeight = titleTextStyle.fontWeight || treemap.themeStyle.titleFontWeight;
-            titleTextStyle.size = titleTextStyle.size || treemap.themeStyle.legendFontSize;
+            titleTextStyle.size = titleTextStyle.size || treemap.themeStyle.subtitleFontSize;
             var legendTitleSize = measureText(legendTitle, titleTextStyle);
             var startX_1 = 0;
             var startY_1 = 0;
@@ -5209,7 +5210,9 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                         outfill = ((Object.prototype.toString.call(colorMap.color) === '[object Array]'))
                             ? colorMap.color[0] : colorMap.color;
                         labelLegend = !isNullOrUndefined(colorMap.label) ? colorMap.label : 'Others';
-                        if (isNullOrUndefined(this.outOfRangeLegend)) {
+                        isDuplicate = this.treemap.legendSettings.removeDuplicateLegend ?
+                            this.removeDuplicates(this.legendCollections, labelLegend) : false;
+                        if (isNullOrUndefined(this.outOfRangeLegend) && !isDuplicate) {
                             this.legendCollections.push({
                                 actualValue: labelLegend, legendData: [],
                                 legendName: labelLegend, legendFill: outfill
@@ -5219,7 +5222,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                             legendIndex++;
                         }
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        this.legendCollections[otherIndex - 1]['legendData'].push(data[i]);
+                        this.legendCollections[this.legendCollections.length - 1]['legendData'].push(data[i]);
                     }
                 }
             }
@@ -6371,10 +6374,9 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
                 this.tooltipSettings.textStyle.fontFamily = this.tooltipSettings.textStyle.fontFamily || this.treemap.themeStyle.fontFamily;
                 this.tooltipSettings.textStyle.fontStyle = !isNullOrUndefined(this.tooltipSettings.textStyle.fontStyle) ? this.tooltipSettings.textStyle.fontStyle : 'Normal';
                 this.tooltipSettings.textStyle.fontWeight = this.tooltipSettings.textStyle.fontWeight || this.treemap.themeStyle.fontWeight;
-                this.tooltipSettings.textStyle.color = this.treemap.themeStyle.tooltipFontColor
-                    || this.tooltipSettings.textStyle.color;
-                this.tooltipSettings.textStyle.opacity = this.treemap.themeStyle.tooltipTextOpacity
-                    || this.tooltipSettings.textStyle.opacity;
+                this.tooltipSettings.textStyle.color = this.tooltipSettings.textStyle.color || this.treemap.themeStyle.tooltipFontColor;
+                // eslint-disable-next-line max-len
+                this.tooltipSettings.textStyle.opacity = this.tooltipSettings.textStyle.opacity || this.treemap.themeStyle.tooltipTextOpacity;
                 var border = {
                     width: this.tooltipSettings.border.width || this.treemap.themeStyle.tooltipBorderWidth || 0,
                     color: this.tooltipSettings.border.color || this.treemap.themeStyle.tooltipBorderColor || 'transparent'