@syncfusion/ej2-treemap 19.3.43 → 19.4.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +72 -0
- package/.github/PULL_REQUEST_TEMPLATE/Feature.md +49 -0
- package/README.md +1 -1
- package/dist/ej2-treemap.umd.min.js +2 -2
- package/dist/ej2-treemap.umd.min.js.map +1 -1
- package/dist/es6/ej2-treemap.es2015.js +42 -9
- package/dist/es6/ej2-treemap.es2015.js.map +1 -1
- package/dist/es6/ej2-treemap.es5.js +42 -9
- package/dist/es6/ej2-treemap.es5.js.map +1 -1
- package/dist/global/ej2-treemap.min.js +2 -2
- package/dist/global/ej2-treemap.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/treemap/layout/render-panel.js +1 -1
- package/src/treemap/model/theme.js +34 -0
- package/src/treemap/treemap.js +2 -1
- package/src/treemap/utils/helper.js +5 -7
|
@@ -926,13 +926,11 @@ function findLabelLocation(rect, position, labelSize, type, treemap) {
|
|
|
926
926
|
}
|
|
927
927
|
function measureElement(element, parentElement) {
|
|
928
928
|
const size = new Size(0, 0);
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
measureElementId.parentNode.removeChild(measureElementId);
|
|
935
|
-
}
|
|
929
|
+
parentElement.appendChild(element);
|
|
930
|
+
size.height = element.offsetHeight;
|
|
931
|
+
size.width = element.offsetWidth;
|
|
932
|
+
const measureElementId = document.getElementById(element.id);
|
|
933
|
+
measureElementId.parentNode.removeChild(measureElementId);
|
|
936
934
|
return size;
|
|
937
935
|
}
|
|
938
936
|
function getArea(rect) {
|
|
@@ -2124,7 +2122,7 @@ class LayoutPanel {
|
|
|
2124
2122
|
}
|
|
2125
2123
|
});
|
|
2126
2124
|
}
|
|
2127
|
-
if (templateGroup.childNodes.length > 0
|
|
2125
|
+
if (templateGroup.childNodes.length > 0) {
|
|
2128
2126
|
secondaryEle.appendChild(templateGroup);
|
|
2129
2127
|
}
|
|
2130
2128
|
this.treemap.svgObject.appendChild(this.layoutGroup);
|
|
@@ -2431,6 +2429,40 @@ function getThemeStyle(theme) {
|
|
|
2431
2429
|
labelFontFamily: 'Helvetica Neue'
|
|
2432
2430
|
};
|
|
2433
2431
|
break;
|
|
2432
|
+
case 'fluentui':
|
|
2433
|
+
style = {
|
|
2434
|
+
backgroundColor: 'rgba(255,255,255, 0.0)',
|
|
2435
|
+
titleFontColor: '#201F1E',
|
|
2436
|
+
subTitleFontColor: '#201F1E',
|
|
2437
|
+
tooltipFillColor: '#FFFFFF',
|
|
2438
|
+
tooltipFontColor: '#323130',
|
|
2439
|
+
tooltipFillOpacity: 1,
|
|
2440
|
+
tooltipTextOpacity: 1,
|
|
2441
|
+
legendTitleColor: '#201F1E',
|
|
2442
|
+
legendTextColor: '#201F1E',
|
|
2443
|
+
fontFamily: 'Segoe UI',
|
|
2444
|
+
fontSize: '14px',
|
|
2445
|
+
legendFontSize: '12px',
|
|
2446
|
+
labelFontFamily: 'Segoe UI'
|
|
2447
|
+
};
|
|
2448
|
+
break;
|
|
2449
|
+
case 'fluentuidark':
|
|
2450
|
+
style = {
|
|
2451
|
+
backgroundColor: 'rgba(255,255,255, 0.0)',
|
|
2452
|
+
titleFontColor: '#F3F2F1',
|
|
2453
|
+
subTitleFontColor: '#F3F2F1',
|
|
2454
|
+
tooltipFillColor: '#252423',
|
|
2455
|
+
tooltipFontColor: '#F3F2F1',
|
|
2456
|
+
tooltipFillOpacity: 1,
|
|
2457
|
+
tooltipTextOpacity: 1,
|
|
2458
|
+
legendTitleColor: '#F3F2F1',
|
|
2459
|
+
legendTextColor: '#F3F2F1',
|
|
2460
|
+
fontFamily: 'Segoe UI',
|
|
2461
|
+
fontSize: '14px',
|
|
2462
|
+
legendFontSize: '12px',
|
|
2463
|
+
labelFontFamily: 'Segoe UI'
|
|
2464
|
+
};
|
|
2465
|
+
break;
|
|
2434
2466
|
default:
|
|
2435
2467
|
style = {
|
|
2436
2468
|
backgroundColor: '#FFFFFF',
|
|
@@ -2863,7 +2895,8 @@ let TreeMap = class TreeMap extends Component {
|
|
|
2863
2895
|
}
|
|
2864
2896
|
}
|
|
2865
2897
|
elementChange() {
|
|
2866
|
-
if (this.treeMapLegendModule && this.legendSettings.visible && this.treeMapLegendModule.legendGroup && this.layout.layoutGroup
|
|
2898
|
+
if (this.treeMapLegendModule && this.legendSettings.visible && this.treeMapLegendModule.legendGroup && this.layout.layoutGroup
|
|
2899
|
+
&& !isNullOrUndefined(this.svgObject)) {
|
|
2867
2900
|
this.svgObject.insertBefore(this.layout.layoutGroup, this.treeMapLegendModule.legendGroup);
|
|
2868
2901
|
}
|
|
2869
2902
|
}
|