@carbon/charts 1.26.0 → 1.27.0

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.27.0 (2025-09-22)
+
+### Features
+
+- **Tooltip:** add customTotalCalculation function
+  ([#2043](https://github.com/carbon-design-system/carbon-charts/issues/2043))
+  ([a80744f](https://github.com/carbon-design-system/carbon-charts/commit/a80744ff40a58081bf175058de37f0e7ef76158a))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.26.1 (2025-09-22)
+
+### Bug Fixes
+
+- **scatter,scatterStacked:** use withiChartClip only with zoombar
+  ([#2042](https://github.com/carbon-design-system/carbon-charts/issues/2042))
+  ([a71fba6](https://github.com/carbon-design-system/carbon-charts/commit/a71fba6f4df65fea07e8ddfd5d616f0c39868f75))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # 1.26.0 (2025-09-22)
 
 ### Features

package/dist/{choropleth-CRH6Tnw6.mjs → choropleth-BYl1QP2B.mjs}

@@ -1,4 +1,4 @@
-import { t as Br, $ as ol, i as ll, a0 as cl, a1 as zr, a2 as Ur, a3 as ul, a4 as hl, a5 as dl, a6 as pl, a7 as Fr, a8 as ya, a9 as an, g as O, p as Kt, a as sn, C as Ea, aa as xt, w as Mt, ab as kn, E as xa, H as jt, ac as Wr, ad as Ls, c as fl, ae as xe, I as di, K as pi, e as se, af as yn, ag as ge, f as ye, x as ve, ah as gl, h as Je, O as ml, ai as Xr, aj as Re, z as Et, l as qt, ak as Gt, al as vl, M as yl, am as Yr, y as _t, q as dn, n as Bn, an as $s, ao as El, ap as xl, aq as fi, ar as Sa, A as Ae, as as Ta, at as Zr, au as Sl } from "./color-scale-utils-BzjNNGXE.mjs";
+import { t as Br, $ as ol, i as ll, a0 as cl, a1 as zr, a2 as Ur, a3 as ul, a4 as hl, a5 as dl, a6 as pl, a7 as Fr, a8 as ya, a9 as an, g as O, p as Kt, a as sn, C as Ea, aa as Et, w as Mt, ab as kn, E as xa, H as jt, ac as Wr, ad as Ls, c as fl, ae as xe, I as di, K as pi, e as se, af as yn, ag as ge, f as ye, x as ve, ah as gl, h as Je, O as ml, ai as Xr, aj as Re, z as xt, l as qt, ak as Gt, al as vl, M as yl, am as Yr, y as _t, q as dn, n as Bn, an as $s, ao as El, ap as xl, aq as fi, ar as Sa, A as Ae, as as Ta, at as Zr, au as Sl } from "./color-scale-utils-BzjNNGXE.mjs";
 import { y as at, $ as b, N as Tt, r as be, q as ze, L as Tl, A as te, m as nt, s as Me, W as Qe, S as kt, e as J, Z as Ue, i as Xt, f as ba, J as Vs, d as bl, F as zn, n as Gs, H as Hs, C as Bs, p as Un, b as Oa, D as zs, U as Ol, x as we, a0 as Fn, O as Us } from "./axis-scales-CPuwbFQf.mjs";
 import { R as lt } from "./a11y-ePqvrObQ.mjs";
 import { t as ns, s as D, h as La, e as Ut, c as ss, f as Ce, g as oe, m as Fs, i as Aa, j as Ma, k as tn, l as Dt, n as wa, o as Ll, q as Al, u as zi, D as I, v as Ml, w as gi, G as Ca, x as hs, y as wl, a as Cl, p as bt, r as ka, b as kl } from "./angle-utils-BgkbNBqH.mjs";
@@ -3816,7 +3816,7 @@ class cm extends dt {
 				<table class="cds--data-table cds--data-table--no-border">
 					<thead>
 						<tr>
-							${xt(r, 0).map(
+							${Et(r, 0).map(
       (o) => `<th scope="col">
 								<div class="cds--table-header-label">${ue(o)}</div>
 							</th>`
@@ -4915,7 +4915,7 @@ class fm extends $d {
           value: m.value
         })
       ), d.push({
-        label: xt(n, "locale.translations.group") || xt(n, "tooltip.groupLabel"),
+        label: Et(n, "locale.translations.group") || Et(n, "tooltip.groupLabel"),
         value: u[o],
         color: this.model.getFillColor(u[o]),
         class: this.model.getColorClassName({
@@ -4942,13 +4942,14 @@ class fm extends $d {
         };
       }).sort((u, p) => p.value - u.value)
     ), !r && O(n, "tooltip", "showTotal") === !0)) {
-      const u = s.getRangeIdentifier();
-      d.push({
-        label: xt(n, "locale.translations.total") || xt(n, "tooltip.totalLabel") || "Total",
-        value: e.reduce(
-          (p, f) => p + f[u],
-          0
-        ),
+      const u = s.getRangeIdentifier(), p = O(n, "tooltip", "customTotalCalculation");
+      let f;
+      p ? f = p(e) : f = e.reduce(
+        (m, g) => m + g[u],
+        0
+      ), d.push({
+        label: Et(n, "tooltip.totalLabel") || Et(n, "locale.translations.total") || "Total",
+        value: f,
         bold: !0
       });
     }
@@ -6060,15 +6061,18 @@ class Qi extends dt {
   render(t) {
     if (!(O(this.getOptions(), "points", "enabled") || O(this.getOptions(), "bubble", "enabled")))
       return;
-    const n = this.getComponentContainer({ ariaLabel: "scatter points", withinChartClip: !0 }), s = this.getOptions(), { groupMapsTo: a } = s.data, { cartesianScales: r } = this.services;
-    if (!r) throw new Error("Services cartesianScales are undefined.");
-    const o = r.getDomainIdentifier(), c = n.selectAll("circle.dot").data(
+    const n = this.services.zoom?.isZoomBarEnabled() || !1, s = this.getComponentContainer({
+      ariaLabel: "scatter points",
+      withinChartClip: n
+    }), a = this.getOptions(), { groupMapsTo: r } = a.data, { cartesianScales: o } = this.services;
+    if (!o) throw new Error("Services cartesianScales are undefined.");
+    const c = o.getDomainIdentifier(), l = s.selectAll("circle.dot").data(
       this.getScatterData(),
-      (d) => `${d[a]}-${d[o]}`
+      (u) => `${u[r]}-${u[c]}`
     );
-    c.exit().attr("opacity", 0).remove();
-    const h = c.enter().append("circle").classed("dot", !0).attr("opacity", 0).merge(c);
-    this.styleCircles(h, t), this.addEventListeners();
+    l.exit().attr("opacity", 0).remove();
+    const d = l.enter().append("circle").classed("dot", !0).attr("opacity", 0).merge(l);
+    this.styleCircles(d, t), this.addEventListeners();
   }
   // A value is an anomaly if is above all defined domain and range thresholds
   isDatapointThresholdAnomaly(t) {
@@ -6135,7 +6139,11 @@ class Qi extends dt {
     return null;
   }
   addEventListeners() {
-    const t = this, { groupMapsTo: e } = t.getOptions().data, n = O(this.getOptions(), "tooltip", "alwaysShowRulerTooltip");
+    const t = this, { groupMapsTo: e } = t.getOptions().data, n = O(
+      this.getOptions(),
+      "tooltip",
+      "alwaysShowRulerTooltip"
+    );
     if (!this.parent) throw new Error("Parent not defined");
     const s = this.parent.selectAll("circle");
     n ? s.style("pointer-events", "none") : s.style("pointer-events", null), s.on("mouseover", function(a, r) {
@@ -6713,13 +6721,13 @@ class ap extends dt {
       useAttrs: !0
     }), o = I.appendOrSelect(s, "svg.chart-skeleton").attr("width", a).attr("height", r).attr("role", "presentation"), c = e === 0 ? "pie" : "donut", l = O(this.getOptions(), c, "alignment");
     I.appendOrSelect(o, "rect.chart-skeleton-area-container").attr("width", a).attr("height", r).attr("fill", "none");
-    const h = Dn().innerRadius(e).outerRadius(t).startAngle(0).endAngle(Math.PI * 2), d = t + Math.abs(Et.radiusOffset), u = t + (Math.min(a, r) - t * 2) / 2, p = I.appendOrSelect(o, "path").attr("class", "skeleton-area-shape").attr("transform", `translate(${d}, ${u})`).attr("d", h).classed("shimmer-effect-areas", n).classed("empty-state-areas", !n).style(
+    const h = Dn().innerRadius(e).outerRadius(t).startAngle(0).endAngle(Math.PI * 2), d = t + Math.abs(xt.radiusOffset), u = t + (Math.min(a, r) - t * 2) / 2, p = I.appendOrSelect(o, "path").attr("class", "skeleton-area-shape").attr("transform", `translate(${d}, ${u})`).attr("d", h).classed("shimmer-effect-areas", n).classed("empty-state-areas", !n).style(
       "fill",
       n ? `url(#${this.services.domUtils.generateElementIDString("shimmer-areas")})` : null
     );
-    let f = t + Et.xOffset;
-    l === te.CENTER ? f = a / 2 : l === te.RIGHT && (f = a - t - Et.xOffset);
-    const m = t + Et.yOffset;
+    let f = t + xt.xOffset;
+    l === te.CENTER ? f = a / 2 : l === te.RIGHT && (f = a - t - xt.xOffset);
+    const m = t + xt.yOffset;
     p.attr("transform", `translate(${f}, ${m})`);
   }
   // same logic in pie
@@ -6727,7 +6735,7 @@ class ap extends dt {
     const { width: t, height: e } = I.getSVGElementSize(this.parent, {
       useAttrs: !0
     });
-    return Math.min(t, e) / 2 + Et.radiusOffset;
+    return Math.min(t, e) / 2 + xt.radiusOffset;
   }
   // same logic in donut
   computeInnerRadius() {
@@ -7481,14 +7489,14 @@ class Om extends Ko {
     const s = this.parent, a = this.model.getOptions(), { cartesianScales: r } = this.services, o = r.getOrientation(), c = r.getRangeScale(), [l, h] = c.range(), d = r.getDomainScale(), u = d.invert(
       o === Xt.VERTICAL ? e : n
     ), p = I.appendOrSelect(s, "g.ruler").attr("aria-label", "ruler"), f = I.appendOrSelect(p, "line.ruler-line"), g = s.selectAll("[role=graphics-symbol]").filter((v) => {
-      if (parseFloat(xt(v, "data.x0")) <= u && parseFloat(xt(v, "data.x1")) >= u)
+      if (parseFloat(Et(v, "data.x0")) <= u && parseFloat(Et(v, "data.x1")) >= u)
         return !0;
     });
     if (g.size() > 0) {
       this.elementsToHighlight && this.elementsToHighlight.size() > 0 && !uo(this.elementsToHighlight, g) && this.hideRuler(), g.dispatch("mouseover"), this.elementsToHighlight = g;
-      const v = D(g.nodes()[0]).datum(), S = parseFloat(xt(v, "data.x0")), y = parseFloat(xt(v, "data.x1")), E = this.model.getActiveDataGroupNames(), x = E.reverse().map((C) => ({
+      const v = D(g.nodes()[0]).datum(), S = parseFloat(Et(v, "data.x0")), y = parseFloat(Et(v, "data.x1")), E = this.model.getActiveDataGroupNames(), x = E.reverse().map((C) => ({
         label: C,
-        value: xt(v, `data.${C}`),
+        value: Et(v, `data.${C}`),
         class: this.model.getColorClassName({
           classNameTypes: [nt.TOOLTIP],
           dataGroupName: C
@@ -7501,17 +7509,32 @@ class Om extends Ko {
           hoveredElement: f,
           items: [
             {
-              label: xt(a, "bins.rangeLabel") || "Range",
+              label: Et(a, "bins.rangeLabel") || "Range",
               value: `${S} – ${y}`
             },
             ...x,
             ...O(a, "tooltip", "showTotal") === !0 ? [
               {
-                label: xt(a, "locale.translations.total") || xt(a, "tooltip.totalLabel") || "Total",
-                value: E.reduce(
-                  (_, V) => _ + parseFloat(xt(v, `data.${V}`)),
-                  0
-                )
+                label: Et(a, "tooltip.totalLabel") || Et(a, "locale.translations.total") || "Total",
+                value: (() => {
+                  const _ = O(
+                    a,
+                    "tooltip",
+                    "customTotalCalculation"
+                  );
+                  if (_) {
+                    const V = E.map(
+                      (R) => ({
+                        [R]: parseFloat(Et(v, `data.${R}`))
+                      })
+                    );
+                    return _(V);
+                  } else
+                    return E.reduce(
+                      (V, R) => V + parseFloat(Et(v, `data.${R}`)),
+                      0
+                    );
+                })()
               }
             ] : []
           ]
@@ -7905,7 +7928,7 @@ class $m extends dt {
           const p = t.model.getOptions();
           h = [
             {
-              label: xt(p, "locale.translations.total") || xt(p, "tooltip.totalLabel") || "Total",
+              label: Et(p, "locale.translations.total") || Et(p, "tooltip.totalLabel") || "Total",
               value: n.value,
               bold: !0
             }
@@ -8004,7 +8027,7 @@ class gp extends dt {
     t.addEventListener(b.Legend.ITEM_HOVER, this.handleLegendOnHover), t.addEventListener(b.Legend.ITEM_MOUSEOUT, this.handleLegendMouseOut);
   }
   getInnerRadius() {
-    return Et.innerRadius;
+    return xt.innerRadius;
   }
   render(t = !0) {
     const e = this, n = this.getComponentContainer({
@@ -8012,8 +8035,8 @@ class gp extends dt {
     }), s = this.getOptions(), { groupMapsTo: a } = s.data, { valueMapsTo: r } = s.pie;
     this.isRendering = !0;
     const o = this.model.getDisplayData().filter((M) => M[r] > 0), c = this.computeRadius();
-    this.arc = Dn().innerRadius(this.getInnerRadius()).outerRadius(c), this.hoverArc = Dn().innerRadius(this.getInnerRadius()).outerRadius(c + Et.hoverArc.outerRadiusOffset);
-    const h = nd().value((M) => M[r]).sort(O(s, "pie", "sortFunction")).padAngle(Et.padAngle)(o), u = I.appendOrSelect(n, "g.slices").attr("role", lt.GROUP).attr("data-name", "slices").selectAll("path.slice").data(h, (M) => M.data[a]);
+    this.arc = Dn().innerRadius(this.getInnerRadius()).outerRadius(c), this.hoverArc = Dn().innerRadius(this.getInnerRadius()).outerRadius(c + xt.hoverArc.outerRadiusOffset);
+    const h = nd().value((M) => M[r]).sort(O(s, "pie", "sortFunction")).padAngle(xt.padAngle)(o), u = I.appendOrSelect(n, "g.slices").attr("role", lt.GROUP).attr("data-name", "slices").selectAll("path.slice").data(h, (M) => M.data[a]);
     u.exit().attr("opacity", 0).remove(), u.enter().append("path").classed("slice", !0).attr("opacity", 0).merge(u).attr(
       "class",
       (M) => this.model.getColorClassName({
@@ -8055,19 +8078,19 @@ class gp extends dt {
       return M.textOffsetX = k / 2, M.textOffsetY = $ > 90 && $ < 270 ? 10 : 0, M.xPosition = (M.textOffsetX + L) * Math.sin(P), M.yPosition = (M.textOffsetY + L) * -Math.cos(P), M;
     }).attr("transform", function(M, L) {
       const P = S.length, $ = (M.endAngle - M.startAngle) * (180 / Math.PI);
-      if (L >= P - 2 && $ < Et.callout.minSliceDegree) {
+      if (L >= P - 2 && $ < xt.callout.minSliceDegree) {
         let k, G;
-        return M.index === P - 1 ? (k = M.xPosition + Et.callout.offsetX + Et.callout.textMargin + M.textOffsetX, G = M.yPosition - Et.callout.offsetY, M.direction = Bs.RIGHT, T.push(M)) : (k = M.xPosition - Et.callout.offsetX - M.textOffsetX - Et.callout.textMargin, G = M.yPosition - Et.callout.offsetY, M.direction = Bs.LEFT, T.push(M)), `translate(${k}, ${G})`;
+        return M.index === P - 1 ? (k = M.xPosition + xt.callout.offsetX + xt.callout.textMargin + M.textOffsetX, G = M.yPosition - xt.callout.offsetY, M.direction = Bs.RIGHT, T.push(M)) : (k = M.xPosition - xt.callout.offsetX - M.textOffsetX - xt.callout.textMargin, G = M.yPosition - xt.callout.offsetY, M.direction = Bs.LEFT, T.push(M)), `translate(${k}, ${G})`;
       }
       return `translate(${M.xPosition}, ${M.yPosition})`;
     }), this.renderCallouts(T);
     const C = O(s, "donut") ? "donut" : "pie", _ = O(s, C, "alignment"), { width: V } = I.getSVGElementSize(this.getParent(), {
       useAttrs: !0
-    }), R = v ? Et.xOffset : 0, A = v ? Et.yOffset : 0;
+    }), R = v ? xt.xOffset : 0, A = v ? xt.yOffset : 0;
     let H = c + R;
-    _ === te.CENTER ? H = V / 2 : _ === te.RIGHT && (H = V - c - Et.xOffset);
+    _ === te.CENTER ? H = V / 2 : _ === te.RIGHT && (H = V - c - xt.xOffset);
     let N = c + A;
-    T.length > 0 && (N += Et.yOffsetCallout), n.attr("x", H + 7).attr("y", N), this.addEventListeners();
+    T.length > 0 && (N += xt.yOffsetCallout), n.attr("x", H + 7).attr("y", N), this.addEventListeners();
   }
   renderCallouts(t) {
     const e = I.appendOrSelect(this.getComponentContainer(), "g.callouts").attr("role", lt.GROUP).attr("data-name", "callouts"), n = e.selectAll("g.callout").data(t);
@@ -8079,15 +8102,15 @@ class gp extends dt {
         x: c,
         y: l + o.textOffsetY
       }, o.endPos = {
-        x: c + Et.callout.offsetX,
-        y: l - Et.callout.offsetY + o.textOffsetY
-      }, o.intersectPointX = o.endPos.x - Et.callout.horizontalLineLength) : (o.startPos = {
+        x: c + xt.callout.offsetX,
+        y: l - xt.callout.offsetY + o.textOffsetY
+      }, o.intersectPointX = o.endPos.x - xt.callout.horizontalLineLength) : (o.startPos = {
         x: c,
         y: l + o.textOffsetY
       }, o.endPos = {
-        x: c - Et.callout.offsetX,
-        y: l - Et.callout.offsetY + o.textOffsetY
-      }, o.intersectPointX = o.endPos.x + Et.callout.horizontalLineLength), o;
+        x: c - xt.callout.offsetX,
+        y: l - xt.callout.offsetY + o.textOffsetY
+      }, o.intersectPointX = o.endPos.x + xt.callout.horizontalLineLength), o;
     }), s.append("line").classed("vertical-line", !0).merge(e.selectAll("line.vertical-line")).datum(function() {
       return D(this.parentNode).datum();
     }).style("stroke-width", "1px").attr("x1", (o) => o.startPos.x).attr("y1", (o) => o.startPos.y).attr("x2", (o) => o.intersectPointX).attr("y2", (o) => o.endPos.y), s.append("line").classed("horizontal-line", !0).merge(e.selectAll("line.horizontal-line")).datum(function() {
@@ -8157,7 +8180,7 @@ class gp extends dt {
     const { width: t, height: e } = I.getSVGElementSize(this.parent, {
       useAttrs: !0
     }), n = this.getOptions(), s = Math.min(t, e) / 2;
-    return n.pie.labels.enabled ? s + Et.radiusOffset : s;
+    return n.pie.labels.enabled ? s + xt.radiusOffset : s;
   }
 }
 class Vm extends gp {
@@ -8652,7 +8675,7 @@ class Bm extends dt {
     return t !== zs.OFF && (t === zs.AUTO && Sa.minCellDividerDimension <= this.xBandwidth && Sa.minCellDividerDimension <= this.yBandwidth || t === zs.ON);
   }
   addEventListener() {
-    const t = this, { cartesianScales: e } = this.services, n = this.getOptions(), s = xt(n, "locale.translations.total") || xt(n, "tooltip.totalLabel") || "Total", a = e.getDomainIdentifier(), r = e.getRangeIdentifier(), o = e.getDomainLabel(), c = e.getRangeLabel();
+    const t = this, { cartesianScales: e } = this.services, n = this.getOptions(), s = Et(n, "locale.translations.total") || Et(n, "tooltip.totalLabel") || "Total", a = e.getDomainIdentifier(), r = e.getRangeIdentifier(), o = e.getDomainLabel(), c = e.getRangeLabel();
     this.parent.selectAll("g.cell").on("mouseover", function(l, h) {
       const d = D(this), u = d.select("rect.heat");
       if (!u.classed("null-state")) {
@@ -8742,7 +8765,7 @@ class zm extends dt {
   render(t) {
     const e = this.getComponentContainer({
       ariaLabel: "histogram bars"
-    }), n = this.model.getOptions(), { groupIdentifier: s } = n, { groupMapsTo: a } = n.data, r = this.model.getBinnedStackedData(), o = this.services.cartesianScales.getMainXScale(), c = e.selectAll("g.bars").data(r, (h) => xt(h, `0.${a}`));
+    }), n = this.model.getOptions(), { groupIdentifier: s } = n, { groupMapsTo: a } = n.data, r = this.model.getBinnedStackedData(), o = this.services.cartesianScales.getMainXScale(), c = e.selectAll("g.bars").data(r, (h) => Et(h, `0.${a}`));
     c.exit().attr("opacity", 0).remove(), c.enter().append("g").classed("bars", !0).attr("role", lt.GROUP);
     const l = e.selectAll("g.bars").selectAll("path.bar").data((h) => h);
     l.exit().remove(), l.enter().append("path").merge(l).classed("bar", !0).attr(s, (h, d) => d).transition().call(
@@ -8759,7 +8782,7 @@ class zm extends dt {
         originalClassName: "bar"
       })
     ).style("fill", (h) => this.model.getFillColor(h[a], null, h)).attr("d", (h) => {
-      const d = xt(h, "data");
+      const d = Et(h, "data");
       if (!d)
         return;
       const u = o(d.x1) - o(d.x0) - 1, p = this.services.cartesianScales.getDomainValue(d.x0), f = p + u, m = this.services.cartesianScales.getRangeValue(h[0]);
@@ -8777,13 +8800,13 @@ class zm extends dt {
     r.on("mouseover", function(c, l) {
       const h = D(this);
       h.classed("hovered", !0);
-      const d = s(parseFloat(xt(l, "data.x0")), n), u = s(parseFloat(xt(l, "data.x1")), n), p = o.services.cartesianScales.getRangeAxisPosition(), f = o.services.cartesianScales.getScaleLabel(p);
+      const d = s(parseFloat(Et(l, "data.x0")), n), u = s(parseFloat(Et(l, "data.x1")), n), p = o.services.cartesianScales.getRangeAxisPosition(), f = o.services.cartesianScales.getScaleLabel(p);
       a || o.services.events.dispatchEvent(b.Tooltip.SHOW, {
         event: c,
         hoveredElement: h,
         items: [
           {
-            label: xt(t, "bins.rangeLabel") || "Range",
+            label: Et(t, "bins.rangeLabel") || "Range",
             value: `${d} – ${u}`
           },
           {
@@ -8796,7 +8819,7 @@ class zm extends dt {
           },
           {
             label: f,
-            value: xt(l, `data.${l[e]}`)
+            value: Et(l, `data.${l[e]}`)
           }
         ]
       });
@@ -10541,7 +10564,7 @@ class Qm extends dt {
             value: r.value
           },
           {
-            label: xt(t, "locale.translations.group") || xt(t, "tooltip.groupLabel") || "Group",
+            label: Et(t, "locale.translations.group") || Et(t, "tooltip.groupLabel") || "Group",
             value: r[e],
             class: n.model.getColorClassName({
               classNameTypes: [nt.TOOLTIP],
@@ -10778,4 +10801,4 @@ export {
   jm as y,
   Gm as z
 };
-//# sourceMappingURL=choropleth-CRH6Tnw6.mjs.map
+//# sourceMappingURL=choropleth-BYl1QP2B.mjs.map