@syncfusion/ej2-treemap 24.2.3 → 25.1.35
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/dist/ej2-treemap.min.js +2 -2
- 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 +38 -12
- package/dist/es6/ej2-treemap.es2015.js.map +1 -1
- package/dist/es6/ej2-treemap.es5.js +38 -12
- 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 +12 -12
- package/src/treemap/layout/legend.js +9 -4
- package/src/treemap/treemap.js +29 -8
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -72
- package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -49
|
@@ -3338,7 +3338,7 @@ let TreeMap = class TreeMap extends Component {
|
|
|
3338
3338
|
const titleBounds = new Rect(location.x, location.y, elementSize.width, elementSize.height);
|
|
3339
3339
|
const element = renderTextElement(options, style, style.color || (type === 'title' ? this.themeStyle.titleFontColor : this.themeStyle.subTitleFontColor), groupEle);
|
|
3340
3340
|
element.setAttribute('aria-label', title.description || title.text);
|
|
3341
|
-
element.setAttribute('role', '');
|
|
3341
|
+
element.setAttribute('role', 'region');
|
|
3342
3342
|
element.setAttribute('tabindex', this.tabIndex.toString());
|
|
3343
3343
|
if ((type === 'title' && !title.subtitleSettings.text) || (type === 'subtitle')) {
|
|
3344
3344
|
height = (this.availableSize.height - titleBounds.y - titlePadding - this.margin.bottom);
|
|
@@ -4151,43 +4151,50 @@ let TreeMap = class TreeMap extends Component {
|
|
|
4151
4151
|
if (this.tooltipSettings.visible) {
|
|
4152
4152
|
modules.push({
|
|
4153
4153
|
member: 'treeMapTooltip',
|
|
4154
|
-
args: [this]
|
|
4154
|
+
args: [this],
|
|
4155
|
+
name: 'TreeMapTooltip'
|
|
4155
4156
|
});
|
|
4156
4157
|
}
|
|
4157
4158
|
if (this.highlightSettings.enable) {
|
|
4158
4159
|
modules.push({
|
|
4159
4160
|
member: 'treeMapHighlight',
|
|
4160
|
-
args: [this]
|
|
4161
|
+
args: [this],
|
|
4162
|
+
name: 'TreeMapHighlight'
|
|
4161
4163
|
});
|
|
4162
4164
|
}
|
|
4163
4165
|
if (this.selectionSettings.enable) {
|
|
4164
4166
|
modules.push({
|
|
4165
4167
|
member: 'treeMapSelection',
|
|
4166
|
-
args: [this]
|
|
4168
|
+
args: [this],
|
|
4169
|
+
name: 'TreeMapSelection'
|
|
4167
4170
|
});
|
|
4168
4171
|
}
|
|
4169
4172
|
if (this.legendSettings.visible) {
|
|
4170
4173
|
modules.push({
|
|
4171
4174
|
member: 'treeMapLegend',
|
|
4172
|
-
args: [this]
|
|
4175
|
+
args: [this],
|
|
4176
|
+
name: 'TreeMapLegend'
|
|
4173
4177
|
});
|
|
4174
4178
|
}
|
|
4175
4179
|
if (this.allowPrint) {
|
|
4176
4180
|
modules.push({
|
|
4177
4181
|
member: 'Print',
|
|
4178
|
-
args: [this, Print]
|
|
4182
|
+
args: [this, Print],
|
|
4183
|
+
name: 'Print'
|
|
4179
4184
|
});
|
|
4180
4185
|
}
|
|
4181
4186
|
if (this.allowImageExport) {
|
|
4182
4187
|
modules.push({
|
|
4183
4188
|
member: 'ImageExport',
|
|
4184
|
-
args: [this, ImageExport]
|
|
4189
|
+
args: [this, ImageExport],
|
|
4190
|
+
name: 'ImageExport'
|
|
4185
4191
|
});
|
|
4186
4192
|
}
|
|
4187
4193
|
if (this.allowPdfExport) {
|
|
4188
4194
|
modules.push({
|
|
4189
4195
|
member: 'PdfExport',
|
|
4190
|
-
args: [this, PdfExport]
|
|
4196
|
+
args: [this, PdfExport],
|
|
4197
|
+
name: 'PdfExport'
|
|
4191
4198
|
});
|
|
4192
4199
|
}
|
|
4193
4200
|
return modules;
|
|
@@ -4248,6 +4255,20 @@ let TreeMap = class TreeMap extends Component {
|
|
|
4248
4255
|
this.legendId = [];
|
|
4249
4256
|
this.removeSvg();
|
|
4250
4257
|
super.destroy();
|
|
4258
|
+
this.areaRect = null;
|
|
4259
|
+
this.themeStyle = null;
|
|
4260
|
+
this.totalRect = null;
|
|
4261
|
+
this.drilledLegendItems = null;
|
|
4262
|
+
this.doubleTapTimer = null;
|
|
4263
|
+
this.treemapLevelData = null;
|
|
4264
|
+
this.resizeEvent = null;
|
|
4265
|
+
this.availableSize = null;
|
|
4266
|
+
this.intl = null;
|
|
4267
|
+
if (!isNullOrUndefined(this.layout)) {
|
|
4268
|
+
this.layout.destroy();
|
|
4269
|
+
}
|
|
4270
|
+
this.layout = null;
|
|
4271
|
+
this.renderer = null;
|
|
4251
4272
|
}
|
|
4252
4273
|
removeSvg() {
|
|
4253
4274
|
removeElement(this.element.id + '_Secondary_Element');
|
|
@@ -5142,7 +5163,9 @@ class TreeMapLegend {
|
|
|
5142
5163
|
'text-anchor': 'middle',
|
|
5143
5164
|
'transform': '',
|
|
5144
5165
|
'opacity': 1,
|
|
5145
|
-
'dominant-baseline': ''
|
|
5166
|
+
'dominant-baseline': '',
|
|
5167
|
+
'role': 'region',
|
|
5168
|
+
'aria-label': pagingText
|
|
5146
5169
|
};
|
|
5147
5170
|
pagingGroup.appendChild(render.createText(pageTextOptions, pagingText));
|
|
5148
5171
|
this.legendGroup.appendChild(pagingGroup);
|
|
@@ -5178,7 +5201,9 @@ class TreeMapLegend {
|
|
|
5178
5201
|
const textSize = measureText(trimTitle, textStyle);
|
|
5179
5202
|
if (legendTitle) {
|
|
5180
5203
|
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, '');
|
|
5181
|
-
renderTextElement(textOptions, textStyle, textStyle.color || this.treemap.themeStyle.legendTitleColor, this.legendGroup);
|
|
5204
|
+
let textElement = renderTextElement(textOptions, textStyle, textStyle.color || this.treemap.themeStyle.legendTitleColor, this.legendGroup);
|
|
5205
|
+
textElement.setAttribute('role', 'region');
|
|
5206
|
+
textElement.setAttribute('aria-label', legendTitle);
|
|
5182
5207
|
}
|
|
5183
5208
|
}
|
|
5184
5209
|
/**
|
|
@@ -5412,6 +5437,8 @@ class TreeMapLegend {
|
|
|
5412
5437
|
* @private
|
|
5413
5438
|
*/
|
|
5414
5439
|
destroy() {
|
|
5440
|
+
clearTimeout(this.clearTimeout);
|
|
5441
|
+
this.clearTimeout = null;
|
|
5415
5442
|
this.legendRenderingCollections = [];
|
|
5416
5443
|
this.legendCollections = [];
|
|
5417
5444
|
this.outOfRangeLegend = null;
|
|
@@ -5425,8 +5452,7 @@ class TreeMapLegend {
|
|
|
5425
5452
|
this.legendInteractiveGradient = [];
|
|
5426
5453
|
this.legendItemRect = null;
|
|
5427
5454
|
this.removeEventListener();
|
|
5428
|
-
|
|
5429
|
-
//this.treemap = null;
|
|
5455
|
+
this.treemap = null;
|
|
5430
5456
|
}
|
|
5431
5457
|
/**
|
|
5432
5458
|
* Get the gradient color for interactive legend.
|