@carbon/charts-vue 0.54.8 → 0.54.12

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.12](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.11...v0.54.12) (2022-02-04)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+## [0.54.11](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.10...v0.54.11) (2022-02-02)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+## [0.54.10](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.9...v0.54.10) (2022-01-27)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+## [0.54.9](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.8...v0.54.9) (2022-01-27)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [0.54.8](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.7...v0.54.8) (2022-01-25)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -8535,6 +8535,7 @@ var axisChart = tools_Tools.merge({}, chart, {
 var baseBarChart = tools_Tools.merge({}, axisChart, {
     bars: {
         maxWidth: 16,
+        spacingFactor: 0.25
     },
     timeScale: tools_Tools.merge(timeScale, {
         addSpaceOnEdges: 1,
@@ -8758,6 +8759,7 @@ var meterChart = tools_Tools.merge({}, chart, {
         clickable: false,
     },
     meter: {
+        showLabels: true,
         proportional: null,
         statusBar: {
             percentageIndicator: {
@@ -25437,6 +25439,7 @@ var bar_extends = (undefined && undefined.__extends) || (function () {
 // Internal Imports
 
 
+
 var bar_Bar = /** @class */ (function (_super) {
     bar_extends(Bar, _super);
     function Bar() {
@@ -25454,7 +25457,8 @@ var bar_Bar = /** @class */ (function (_super) {
             useAttrs: true,
         }).width;
         if (!mainXScale.step) {
-            return Math.min(options.bars.maxWidth, (chartWidth * 0.25) / numberOfDatapoints);
+            var spacingFactor = tools_Tools.getProperty(options, 'bars', 'spacingFactor');
+            return Math.min(options.bars.maxWidth, (chartWidth * spacingFactor) / numberOfDatapoints);
         }
         return Math.min(options.bars.maxWidth, mainXScale.step() / 2);
     };
@@ -26249,8 +26253,9 @@ var bar_stacked_StackedBar = /** @class */ (function (_super) {
             useAttrs: true,
         }).width;
         var numberOfDomainValues = this.model.getStackKeys().length;
+        var spacingFactor = tools_Tools.getProperty(options, 'bars', 'spacingFactor');
         if (!mainXScale.step) {
-            return Math.min(options.bars.maxWidth, (chartWidth * 0.25) / numberOfDomainValues);
+            return Math.min(options.bars.maxWidth, (chartWidth * spacingFactor) / numberOfDomainValues);
         }
         return Math.min(options.bars.maxWidth, mainXScale.step() / 2);
     };
@@ -31106,26 +31111,6 @@ function constantZero() {
   return treemap;
 });
 
-// CONCATENATED MODULE: /home/runner/work/carbon-charts/carbon-charts/node_modules/d3-array/src/sum.js
-function sum_sum(values, valueof) {
-  let sum = 0;
-  if (valueof === undefined) {
-    for (let value of values) {
-      if (value = +value) {
-        sum += value;
-      }
-    }
-  } else {
-    let index = -1;
-    for (let value of values) {
-      if (value = +valueof(value, ++index, values)) {
-        sum += value;
-      }
-    }
-  }
-  return sum;
-}
-
 // CONCATENATED MODULE: /home/runner/work/carbon-charts/carbon-charts/node_modules/@carbon/colors/es/index.js
 /**
  * Copyright IBM Corp. 2018, 2018
@@ -31751,7 +31736,6 @@ var treemap_extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 // Carbon colors
 
 var findColorShade = function (hex) {
@@ -31845,9 +31829,6 @@ var treemap_Treemap = /** @class */ (function (_super) {
         })
             .sum(function (d) { return d.value; })
             .sort(function (a, b) { return b.value - a.value; });
-        var total = sum_sum(allData, function (d) {
-            return sum_sum(d.children, function (child) { return child.value; });
-        });
         var root = src_treemap()
             .size([width, height])
             .paddingInner(1)
@@ -32877,18 +32858,19 @@ var radar_Radar = /** @class */ (function (_super) {
             });
             var axisLine = self.parent.select(".x-axes .x-axis-" + tools_Tools.kebabCase(datum));
             var dots = self.parent.selectAll(".dots circle." + tools_Tools.kebabCase(datum));
+            var activeDataGroupNames = self.model.getActiveDataGroupNames();
+            var options = self.getOptions();
+            var groupMapsTo = options.data.groupMapsTo;
+            var valueMapsTo = tools_Tools.getProperty(options, 'radar', 'axes', 'value');
             // Change style
             axisLine
                 .classed('hovered', true)
                 .attr('stroke-dasharray', '4 4');
             dots.classed('hovered', true)
-                .attr('opacity', 1)
+                .attr('opacity', function (d) { return activeDataGroupNames.indexOf(d[groupMapsTo]) !== -1 ? 1 : 0; })
                 .attr('r', radar.dotsRadius);
             // get the items that should be highlighted
-            var itemsToHighlight = self.fullDataNormalized.filter(function (d) { return d[angle] === datum; });
-            var options = self.getOptions();
-            var groupMapsTo = options.data.groupMapsTo;
-            var valueMapsTo = tools_Tools.getProperty(options, 'radar', 'axes', 'value');
+            var itemsToHighlight = self.fullDataNormalized.filter(function (d) { return d[angle] === datum && activeDataGroupNames.indexOf(d[groupMapsTo]) !== -1; });
             // Show tooltip
             self.services.events.dispatchEvent(Events.Tooltip.SHOW, {
                 event: event,
@@ -33951,7 +33933,7 @@ var wordcloud_WordCloud = /** @class */ (function (_super) {
 
 //# sourceMappingURL=../../../src/components/graphs/wordcloud.js.map
 // CONCATENATED MODULE: /home/runner/work/carbon-charts/carbon-charts/node_modules/d3-sankey/node_modules/d3-array/src/sum.js
-function src_sum_sum(values, valueof) {
+function sum_sum(values, valueof) {
   let sum = 0;
   if (valueof === undefined) {
     for (let value of values) {
@@ -34198,7 +34180,7 @@ function Sankey() {
   function computeNodeValues({nodes}) {
     for (const node of nodes) {
       node.value = node.fixedValue === undefined
-          ? Math.max(src_sum_sum(node.sourceLinks, sankey_value), src_sum_sum(node.targetLinks, sankey_value))
+          ? Math.max(sum_sum(node.sourceLinks, sankey_value), sum_sum(node.targetLinks, sankey_value))
           : node.fixedValue;
     }
   }
@@ -34258,7 +34240,7 @@ function Sankey() {
   }
 
   function initializeNodeBreadths(columns) {
-    const ky = src_min_min(columns, c => (y1 - y0 - (c.length - 1) * py) / src_sum_sum(c, sankey_value));
+    const ky = src_min_min(columns, c => (y1 - y0 - (c.length - 1) * py) / sum_sum(c, sankey_value));
     for (const nodes of columns) {
       let y = y0;
       for (const node of nodes) {
@@ -42987,6 +42969,13 @@ var charts_meter_extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var charts_meter_spreadArrays = (undefined && undefined.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
 // Internal Imports
 
 
@@ -43013,29 +43002,41 @@ var meter_MeterChart = /** @class */ (function (_super) {
         return _this;
     }
     MeterChart.prototype.getComponents = function () {
-        // Specify what to render inside the graph only
-        var graph = {
-            id: 'meter-graph',
-            components: [new meter_Meter(this.model, this.services)],
-            growth: LayoutGrowth.STRETCH,
-            renderType: RenderTypes.SVG,
-        };
-        // Meter has an unique dataset title within the graph
-        var titleComponent = {
-            id: 'meter-title',
-            components: [new title_meter_MeterTitle(this.model, this.services)],
-            growth: LayoutGrowth.STRETCH,
-            renderType: RenderTypes.SVG,
-        };
-        // create the title spacer
-        var titleSpacerComponent = {
-            id: 'spacer',
-            components: [new spacer_Spacer(this.model, this.services, { size: 8 })],
-            growth: LayoutGrowth.STRETCH,
-        };
+        var showLabels = tools_Tools.getProperty(this.model.getOptions(), 'meter', 'showLabels');
+        var meterComponents = charts_meter_spreadArrays((showLabels
+            ? [
+                // Meter has a unique dataset title within the graph
+                {
+                    id: 'meter-title',
+                    components: [
+                        new title_meter_MeterTitle(this.model, this.services),
+                    ],
+                    growth: LayoutGrowth.STRETCH,
+                    renderType: RenderTypes.SVG,
+                },
+                // Create the title spacer
+                {
+                    id: 'spacer',
+                    components: [
+                        new spacer_Spacer(this.model, this.services, {
+                            size: 8,
+                        }),
+                    ],
+                    growth: LayoutGrowth.STRETCH,
+                },
+            ]
+            : []), [
+            // Specify what to render inside the graph only
+            {
+                id: 'meter-graph',
+                components: [new meter_Meter(this.model, this.services)],
+                growth: LayoutGrowth.STRETCH,
+                renderType: RenderTypes.SVG,
+            },
+        ]);
         // the graph frame for meter includes the custom title (and spacer)
         var graphFrame = [
-            new layout_LayoutComponent(this.model, this.services, [titleComponent, titleSpacerComponent, graph], {
+            new layout_LayoutComponent(this.model, this.services, meterComponents, {
                 direction: LayoutDirection.COLUMN,
             }),
         ];
@@ -43496,10 +43497,11 @@ var model_treemap_extends = (undefined && undefined.__extends) || (function () {
 })();
 // Internal Imports
 
+
 /**
  * The treemap chart model layer
  */
-var TreemapChartModel = /** @class */ (function (_super) {
+var treemap_TreemapChartModel = /** @class */ (function (_super) {
     model_treemap_extends(TreemapChartModel, _super);
     function TreemapChartModel(services) {
         return _super.call(this, services) || this;
@@ -43508,9 +43510,15 @@ var TreemapChartModel = /** @class */ (function (_super) {
         var displayData = this.getDisplayData();
         var result = [['Child', 'Group', 'Value']];
         displayData.forEach(function (datum) {
-            datum.children.forEach(function (child) {
-                result.push([child.name, datum.name, child.value]);
-            });
+            if (Array.isArray(datum.children)) {
+                datum.children.forEach(function (child) {
+                    result.push([child.name, datum.name, child.value]);
+                });
+            }
+            else if (tools_Tools.getProperty(datum.name) !== null &&
+                tools_Tools.getProperty(datum.value)) {
+                result.push(["–", datum.name, datum.value]);
+            }
         });
         return result;
     };
@@ -43543,7 +43551,7 @@ var treemap_TreemapChart = /** @class */ (function (_super) {
     charts_treemap_extends(TreemapChart, _super);
     function TreemapChart(holder, chartConfigs) {
         var _this = _super.call(this, holder, chartConfigs) || this;
-        _this.model = new TreemapChartModel(_this.services);
+        _this.model = new treemap_TreemapChartModel(_this.services);
         // Merge the default options for this chart
         // With the user provided options
         _this.model.setOptions(tools_Tools.mergeDefaultChartOptions(configuration_options.treemapChart, chartConfigs.options));