@carbon/charts-vue 1.0.4 → 1.2.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.1](https://github.com/carbon-design-system/carbon-charts/compare/v1.2.0...v1.2.1) (2022-06-14)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+# [1.2.0](https://github.com/carbon-design-system/carbon-charts/compare/v1.1.0...v1.2.0) (2022-06-13)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+# [1.1.0](https://github.com/carbon-design-system/carbon-charts/compare/v1.0.4...v1.1.0) (2022-06-08)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [1.0.4](https://github.com/carbon-design-system/carbon-charts/compare/v1.0.3...v1.0.4) (2022-05-27)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -11287,9 +11287,7 @@ var CSS_VERIFIER_ELEMENT_CLASSNAME = 'DONT_STYLE_ME_css_styles_verifier';
 var dom_utils_DOMUtils = /** @class */ (function (_super) {
     __extends(DOMUtils, _super);
     function DOMUtils(model, services) {
-        var _this = _super.call(this, model, services) || this;
-        _this.chartID = Math.floor((1 + Math.random()) * 0x1000000000000).toString(16);
-        return _this;
+        return _super.call(this, model, services) || this;
     }
     DOMUtils.getHTMLElementSize = function (element) {
         return {
@@ -11425,6 +11423,8 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
     DOMUtils.prototype.init = function () {
         // Add width & height to the chart holder if necessary, and add a classname
         this.styleHolderElement();
+        // Initialize chart ID
+        this.initializeID();
         this.addMainContainer();
         this.verifyCSSStylesBeingApplied();
         if (this.model.getOptions().resizable) {
@@ -11439,12 +11439,16 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
     DOMUtils.prototype.generateElementIDString = function (originalID) {
         return "chart-" + this.chartID + "-" + originalID;
     };
+    DOMUtils.prototype.initializeID = function () {
+        this.chartID = Math.floor((1 + Math.random()) * 0x1000000000000).toString(16);
+    };
     DOMUtils.prototype.addMainContainer = function () {
         var options = this.model.getOptions();
         var chartsprefix = tools_Tools.getProperty(options, 'style', 'prefix');
         var mainContainer = src_select(this.getHolder())
             .append('div')
             .classed(carbonPrefix + "--" + chartsprefix + "--chart-wrapper", true)
+            .attr('id', "chart-" + this.getChartID())
             .style('height', '100%')
             .style('width', '100%');
         mainContainer.append('g').attr('class', CSS_VERIFIER_ELEMENT_CLASSNAME);
@@ -39625,7 +39629,9 @@ var toolbar_Toolbar = /** @class */ (function (_super) {
     Toolbar.prototype.render = function (animate) {
         var _this = this;
         if (animate === void 0) { animate = true; }
-        var container = this.getComponentContainer().attr('role', 'toolbar');
+        var container = this.getComponentContainer()
+            .attr('role', 'toolbar')
+            .attr('aria-label', "chart-" + this.services.domUtils.getChartID() + " toolbar");
         var isDataLoading = tools_Tools.getProperty(this.getOptions(), 'data', 'loading');
         if (isDataLoading) {
             container.html('');
@@ -44179,6 +44185,10 @@ var heatmap_HeatmapModel = /** @class */ (function (_super) {
         if (domain[0] > 0) {
             domain[0] = 0;
         }
+        else if (domain[0] === 0 && domain[1] === 0) {
+            // Range cannot be between 0 and 0 (itself)
+            return [0, 1];
+        }
         // Ensure the median of the range is 0 if domain extends into both negative & positive
         if (domain[0] < 0 && domain[1] > 0) {
             if (Math.abs(domain[0]) > domain[1]) {
@@ -44326,7 +44336,7 @@ var heatmap_HeatmapModel = /** @class */ (function (_super) {
      */
     HeatmapModel.prototype.getTabularDataArray = function () {
         var displayData = this.getDisplayData();
-        var _a = this.assignRangeAndDomains(), primaryDomain = _a.primaryDomain, primaryRange = _a.primaryRange, secondaryDomain = _a.secondaryDomain, secondaryRange = _a.secondaryRange;
+        var _a = this.assignRangeAndDomains(), primaryDomain = _a.primaryDomain, primaryRange = _a.primaryRange;
         var domainValueFormatter;
         var result = heatmap_spreadArrays([
             [primaryDomain.label, primaryRange.label, 'Value']
@@ -44378,7 +44388,7 @@ var heatmap_HeatmapModel = /** @class */ (function (_super) {
         }
         // Save scale type
         this._colorScale = quantize_quantize()
-            .domain(this.getValueDomain())
+            .domain(domain)
             .range(colorPairing);
     };
     return HeatmapModel;