@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/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
- var _this = _super.call(this, model, services) || this;
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().attr('role', 'toolbar');
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, secondaryDomain = _a.secondaryDomain, secondaryRange = _a.secondaryRange;
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(this.getValueDomain())
44400
+ .domain(domain)
44391
44401
  .range(colorPairing);
44392
44402
  };
44393
44403
  return HeatmapModel;