@watermarkinsights/ripple 5.0.0 → 5.1.0

package/dist/cjs/{app-globals-d6c37251.js → app-globals-aad9863d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./index-0f1bacce.js');
+require('./index-4853a7b4.js');
 
-const version = "5.0.0";
+const version = "5.1.0";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/cjs/{chartFunctions-b32ecbeb.js → chartFunctions-e86ed63c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-0f1bacce.js');
+const index = require('./index-4853a7b4.js');
 const functions = require('./functions-698530be.js');
 
 const colors = {
@@ -321,6 +321,11 @@ async function getDetails(chartType) {
     let acc = 0;
     const children = Array.from(this.el.children);
     this.total = children.reduce((total, slice) => (total += parseInt(slice.getAttribute("amount") || "0")), 0);
+    let chartColors = allChartsDetails[chartType].colors;
+    // Set colors when bar3 has only 2 slices
+    if (chartType === "bar3" && children.length === 2) {
+        chartColors = [chartColors[1], chartColors[3]];
+    }
     children.forEach((c, i) => {
         const amount = parseInt(c.getAttribute("amount") || "0");
         const perc = amountToPercent(amount, this.total, true);
@@ -333,12 +338,11 @@ async function getDetails(chartType) {
         if (chartType === "bar6") {
             colorIndex = 0;
         }
-        const color = allChartsDetails[chartType].colors[colorIndex];
         const sliceDetails = {
             amount: amount,
             perc: perc,
             legend: c.getAttribute("legend"),
-            color: color || colors.gray,
+            color: chartColors[colorIndex] || colors.gray,
             offset: acc,
             id: `${this.uid}-${i + 1}`,
             title: c.getAttribute("popover-title"),
@@ -539,7 +543,7 @@ function renderStackedBar(chartType) {
     }
     return (index.h("div", { class: "chart-wrapper bar-wrapper" },
         isHybridBar ? (index.h("div", { class: "single-perc" }, amountToPercent(this.slicesDetails[0].amount, this.total, true) + "%")) : (""),
-        this.chartType === "bar3" && this.drawAxis(),
+        this.drawAxis(),
         index.h("div", { class: `inner-stacked-bar-wrapper ${showValue(this.valueFormat)}` },
             !isHybridBar ? (index.h("div", { class: "values" }, this.slicesDetails.map((s) => this.renderBarText(s, 5)))) : (""),
             index.h("div", { class: "stacked-bar-segments-wrapper" }, this.slicesDetails.map((s) => renderStackedBarSegment.call(this, s, 5))),