@carbon/charts-vue 0.55.1 → 0.57.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.
 
+## [0.57.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.57.0...v0.57.1) (2022-05-06)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+# [0.57.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.56.0...v0.57.0) (2022-04-11)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+# [0.56.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.55.1...v0.56.0) (2022-03-28)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [0.55.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.55.0...v0.55.1) (2022-03-14)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -8535,7 +8535,7 @@ var axisChart = tools_Tools.merge({}, chart, {
 var baseBarChart = tools_Tools.merge({}, axisChart, {
     bars: {
         maxWidth: 16,
-        spacingFactor: 0.25
+        spacingFactor: 0.25,
     },
     timeScale: tools_Tools.merge(timeScale, {
         addSpaceOnEdges: 1,
@@ -8828,6 +8828,7 @@ var alluvialChart = tools_Tools.merge({}, chart, {
         data: tools_Tools.merge(chart.data, {
             groupMapsTo: 'source',
         }),
+        nodeAlignment: Alignments.CENTER,
         nodePadding: 24,
         monochrome: false,
         nodes: [],
@@ -34713,11 +34714,21 @@ var alluvial_Alluvial = /** @class */ (function (_super) {
         if (options.alluvial.nodePadding > alluvial.minNodePadding) {
             nodePadding = options.alluvial.nodePadding;
         }
+        var alignment = tools_Tools.getProperty(options, 'alluvial', 'nodeAlignment');
+        var nodeAlignment = justify;
+        if (alignment === Alignments.LEFT) {
+            nodeAlignment = align_left;
+        }
+        else if (alignment === Alignments.RIGHT) {
+            nodeAlignment = align_right;
+        }
         var sankey = Sankey()
             .nodeId(function (d) { return d.name; })
             .nodeWidth(alluvial.nodeWidth)
             // Distance nodes are apart from each other
             .nodePadding(nodePadding)
+            // Alignment of nodes within chart
+            .nodeAlign(nodeAlignment)
             // Size of the chart and its padding
             // Chart starts at 2 and ends at width - 2 so the outer nodes can expand from center
             // Chart starts from 30 so node categories can be displayed