@carbon/charts-vue 1.0.4 → 1.2.1
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/CHANGELOG.md +24 -0
- package/charts-vue.common.js +16 -6
- package/charts-vue.common.js.map +1 -1
- package/charts-vue.umd.js +16 -6
- package/charts-vue.umd.js.map +1 -1
- package/charts-vue.umd.min.js +1 -1
- package/charts-vue.umd.min.js.map +1 -1
- package/package.json +2 -2
package/charts-vue.umd.js
CHANGED
|
@@ -11296,9 +11296,7 @@ var CSS_VERIFIER_ELEMENT_CLASSNAME = 'DONT_STYLE_ME_css_styles_verifier';
|
|
|
11296
11296
|
var dom_utils_DOMUtils = /** @class */ (function (_super) {
|
|
11297
11297
|
__extends(DOMUtils, _super);
|
|
11298
11298
|
function DOMUtils(model, services) {
|
|
11299
|
-
|
|
11300
|
-
_this.chartID = Math.floor((1 + Math.random()) * 0x1000000000000).toString(16);
|
|
11301
|
-
return _this;
|
|
11299
|
+
return _super.call(this, model, services) || this;
|
|
11302
11300
|
}
|
|
11303
11301
|
DOMUtils.getHTMLElementSize = function (element) {
|
|
11304
11302
|
return {
|
|
@@ -11434,6 +11432,8 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
|
|
|
11434
11432
|
DOMUtils.prototype.init = function () {
|
|
11435
11433
|
// Add width & height to the chart holder if necessary, and add a classname
|
|
11436
11434
|
this.styleHolderElement();
|
|
11435
|
+
// Initialize chart ID
|
|
11436
|
+
this.initializeID();
|
|
11437
11437
|
this.addMainContainer();
|
|
11438
11438
|
this.verifyCSSStylesBeingApplied();
|
|
11439
11439
|
if (this.model.getOptions().resizable) {
|
|
@@ -11448,12 +11448,16 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
|
|
|
11448
11448
|
DOMUtils.prototype.generateElementIDString = function (originalID) {
|
|
11449
11449
|
return "chart-" + this.chartID + "-" + originalID;
|
|
11450
11450
|
};
|
|
11451
|
+
DOMUtils.prototype.initializeID = function () {
|
|
11452
|
+
this.chartID = Math.floor((1 + Math.random()) * 0x1000000000000).toString(16);
|
|
11453
|
+
};
|
|
11451
11454
|
DOMUtils.prototype.addMainContainer = function () {
|
|
11452
11455
|
var options = this.model.getOptions();
|
|
11453
11456
|
var chartsprefix = tools_Tools.getProperty(options, 'style', 'prefix');
|
|
11454
11457
|
var mainContainer = src_select(this.getHolder())
|
|
11455
11458
|
.append('div')
|
|
11456
11459
|
.classed(carbonPrefix + "--" + chartsprefix + "--chart-wrapper", true)
|
|
11460
|
+
.attr('id', "chart-" + this.getChartID())
|
|
11457
11461
|
.style('height', '100%')
|
|
11458
11462
|
.style('width', '100%');
|
|
11459
11463
|
mainContainer.append('g').attr('class', CSS_VERIFIER_ELEMENT_CLASSNAME);
|
|
@@ -39634,7 +39638,9 @@ var toolbar_Toolbar = /** @class */ (function (_super) {
|
|
|
39634
39638
|
Toolbar.prototype.render = function (animate) {
|
|
39635
39639
|
var _this = this;
|
|
39636
39640
|
if (animate === void 0) { animate = true; }
|
|
39637
|
-
var container = this.getComponentContainer()
|
|
39641
|
+
var container = this.getComponentContainer()
|
|
39642
|
+
.attr('role', 'toolbar')
|
|
39643
|
+
.attr('aria-label', "chart-" + this.services.domUtils.getChartID() + " toolbar");
|
|
39638
39644
|
var isDataLoading = tools_Tools.getProperty(this.getOptions(), 'data', 'loading');
|
|
39639
39645
|
if (isDataLoading) {
|
|
39640
39646
|
container.html('');
|
|
@@ -44188,6 +44194,10 @@ var heatmap_HeatmapModel = /** @class */ (function (_super) {
|
|
|
44188
44194
|
if (domain[0] > 0) {
|
|
44189
44195
|
domain[0] = 0;
|
|
44190
44196
|
}
|
|
44197
|
+
else if (domain[0] === 0 && domain[1] === 0) {
|
|
44198
|
+
// Range cannot be between 0 and 0 (itself)
|
|
44199
|
+
return [0, 1];
|
|
44200
|
+
}
|
|
44191
44201
|
// Ensure the median of the range is 0 if domain extends into both negative & positive
|
|
44192
44202
|
if (domain[0] < 0 && domain[1] > 0) {
|
|
44193
44203
|
if (Math.abs(domain[0]) > domain[1]) {
|
|
@@ -44335,7 +44345,7 @@ var heatmap_HeatmapModel = /** @class */ (function (_super) {
|
|
|
44335
44345
|
*/
|
|
44336
44346
|
HeatmapModel.prototype.getTabularDataArray = function () {
|
|
44337
44347
|
var displayData = this.getDisplayData();
|
|
44338
|
-
var _a = this.assignRangeAndDomains(), primaryDomain = _a.primaryDomain, primaryRange = _a.primaryRange
|
|
44348
|
+
var _a = this.assignRangeAndDomains(), primaryDomain = _a.primaryDomain, primaryRange = _a.primaryRange;
|
|
44339
44349
|
var domainValueFormatter;
|
|
44340
44350
|
var result = heatmap_spreadArrays([
|
|
44341
44351
|
[primaryDomain.label, primaryRange.label, 'Value']
|
|
@@ -44387,7 +44397,7 @@ var heatmap_HeatmapModel = /** @class */ (function (_super) {
|
|
|
44387
44397
|
}
|
|
44388
44398
|
// Save scale type
|
|
44389
44399
|
this._colorScale = quantize_quantize()
|
|
44390
|
-
.domain(
|
|
44400
|
+
.domain(domain)
|
|
44391
44401
|
.range(colorPairing);
|
|
44392
44402
|
};
|
|
44393
44403
|
return HeatmapModel;
|