@carbon/charts-vue 1.23.17 → 1.24.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.24.0 (2025-09-18)
+
+### Features
+
+- **Tooltip:** add alwaysShowRulerTooltip flag
+  ([3cf35e3](https://github.com/carbon-design-system/carbon-charts/commit/3cf35e3eb04cedba883147b7b35f4031b0e50cef))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## 1.23.17 (2025-08-13)
 
 ### Bug Fixes

package/dist/index.mjs

@@ -14500,8 +14500,8 @@ class Hn extends gt {
   // @ts-ignore
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   render(t = !1) {
-    const n = y(this.getOptions(), "ruler", "enabled");
-    this.drawBackdrop(), n && !this.isEventListenerAdded ? this.addBackdropEventListeners() : !n && this.isEventListenerAdded && this.removeBackdropEventListeners();
+    const n = y(this.getOptions(), "ruler", "enabled"), r = y(this.getOptions(), "tooltip", "alwaysShowRulerTooltip"), i = n || r;
+    this.drawBackdrop(), i && !this.isEventListenerAdded ? this.addBackdropEventListeners() : !i && this.isEventListenerAdded && this.removeBackdropEventListeners();
   }
   removeBackdropEventListeners() {
     this.isEventListenerAdded = !1, this.backdrop.on("mousemove mouseover mouseout", null);
@@ -14730,62 +14730,63 @@ let en = class extends gt {
     return null;
   }
   addEventListeners() {
-    const t = this, { groupMapsTo: n } = t.getOptions().data;
+    const t = this, { groupMapsTo: n } = t.getOptions().data, r = y(this.getOptions(), "tooltip", "alwaysShowRulerTooltip");
     if (!this.parent) throw new Error("Parent not defined");
-    this.parent.selectAll("circle").on("mouseover", function(r, i) {
-      const s = I(this);
-      s.classed("hovered", !0).attr(
+    const i = this.parent.selectAll("circle");
+    r ? i.style("pointer-events", "none") : i.style("pointer-events", null), i.on("mouseover", function(s, a) {
+      const o = I(this);
+      o.classed("hovered", !0).attr(
         "class",
-        (a) => t.model.getColorClassName({
+        (l) => t.model.getColorClassName({
           classNameTypes: [it.FILL],
-          dataGroupName: a[n],
-          originalClassName: s.attr("class")
+          dataGroupName: l[n],
+          originalClassName: o.attr("class")
         })
-      ).style("fill", (a) => {
-        const o = t.services.cartesianScales?.getDomainIdentifier(a);
-        return t.model.getFillColor(a[n], a[o], a);
-      }).classed("unfilled", !1), t.services.events?.dispatchEvent(T.Tooltip.SHOW, {
-        event: r,
-        hoveredElement: s,
-        data: [i],
-        additionalItems: t.getTooltipAdditionalItems(i)
+      ).style("fill", (l) => {
+        const c = t.services.cartesianScales?.getDomainIdentifier(l);
+        return t.model.getFillColor(l[n], l[c], l);
+      }).classed("unfilled", !1), r || t.services.events?.dispatchEvent(T.Tooltip.SHOW, {
+        event: s,
+        hoveredElement: o,
+        data: [a],
+        additionalItems: t.getTooltipAdditionalItems(a)
       }), t.services.events?.dispatchEvent(T.Scatter.SCATTER_MOUSEOVER, {
-        event: r,
-        element: s,
-        datum: i
+        event: s,
+        element: o,
+        datum: a
       });
-    }).on("mousemove", function(r, i) {
-      const s = I(this);
+    }).on("mousemove", function(s, a) {
+      const o = I(this);
       t.services.events?.dispatchEvent(T.Scatter.SCATTER_MOUSEMOVE, {
-        event: r,
-        element: s,
-        datum: i
+        event: s,
+        element: o,
+        datum: a
       }), t.services.events?.dispatchEvent(T.Tooltip.MOVE, {
-        event: r
+        event: s
       });
-    }).on("click", function(r, i) {
+    }).on("click", function(s, a) {
       t.services.events?.dispatchEvent(T.Scatter.SCATTER_CLICK, {
-        event: r,
+        event: s,
         element: I(this),
-        datum: i
+        datum: a
       });
-    }).on("mouseout", function(r, i) {
-      const s = I(this);
-      if (s.classed("hovered", !1), !t.configs.filled) {
-        const { filled: a } = t.getOptions().points, o = t.services.cartesianScales?.getDomainIdentifier(i), l = t.model.getIsFilled(
-          i[n],
-          i[o],
-          i,
-          a
+    }).on("mouseout", function(s, a) {
+      const o = I(this);
+      if (o.classed("hovered", !1), !t.configs.filled) {
+        const { filled: l } = t.getOptions().points, c = t.services.cartesianScales?.getDomainIdentifier(a), u = t.model.getIsFilled(
+          a[n],
+          a[c],
+          a,
+          l
         );
-        s.classed("unfilled", !l).style("fill", (c) => l || a ? t.model.getFillColor(c[n], c[o], c) : null);
+        o.classed("unfilled", !u).style("fill", (d) => u || l ? t.model.getFillColor(d[n], d[c], d) : null);
       }
       t.services.events?.dispatchEvent(T.Scatter.SCATTER_MOUSEOUT, {
-        event: r,
-        element: s,
-        datum: i
+        event: s,
+        element: o,
+        datum: a
       }), t.services.events?.dispatchEvent(T.Tooltip.HIDE, {
-        hoveredElement: s
+        hoveredElement: o
       });
     });
   }
@@ -16984,41 +16985,41 @@ class _v extends iu {
     }).attr("opacity", 1).attr("role", ht.GRAPHICS_SYMBOL).attr("aria-roledescription", "bar").attr("aria-label", (u) => u.value), this.addEventListeners();
   }
   addEventListeners() {
-    const t = this;
-    this.parent.selectAll("path.bar").on("mouseover", function(n, r) {
-      const i = I(this);
-      i.classed("hovered", !0), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOVER, {
-        event: n,
-        element: i,
-        datum: r
-      }), t.services.events.dispatchEvent(T.Tooltip.SHOW, {
-        event: n,
-        hoveredElement: i,
-        data: [r]
+    const t = this, n = y(this.getOptions(), "tooltip", "alwaysShowRulerTooltip"), r = this.parent.selectAll("path.bar");
+    n ? r.style("pointer-events", "none") : r.style("pointer-events", null), r.on("mouseover", function(i, s) {
+      const a = I(this);
+      a.classed("hovered", !0), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOVER, {
+        event: i,
+        element: a,
+        datum: s
+      }), n || t.services.events.dispatchEvent(T.Tooltip.SHOW, {
+        event: i,
+        hoveredElement: a,
+        data: [s]
       });
-    }).on("mousemove", function(n, r) {
-      const i = I(this);
+    }).on("mousemove", function(i, s) {
+      const a = I(this);
       t.services.events.dispatchEvent(T.Bar.BAR_MOUSEMOVE, {
-        event: n,
-        element: i,
-        datum: r
+        event: i,
+        element: a,
+        datum: s
       }), t.services.events.dispatchEvent(T.Tooltip.MOVE, {
-        event: n
+        event: i
       });
-    }).on("click", function(n, r) {
+    }).on("click", function(i, s) {
       t.services.events.dispatchEvent(T.Bar.BAR_CLICK, {
-        event: n,
+        event: i,
         element: I(this),
-        datum: r
+        datum: s
       });
-    }).on("mouseout", function(n, r) {
-      const i = I(this);
-      i.classed("hovered", !1), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOUT, {
-        event: n,
-        element: i,
-        datum: r
+    }).on("mouseout", function(i, s) {
+      const a = I(this);
+      a.classed("hovered", !1), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOUT, {
+        event: i,
+        element: a,
+        datum: s
       }), t.services.events.dispatchEvent(T.Tooltip.HIDE, {
-        hoveredElement: i
+        hoveredElement: a
       });
     });
   }
@@ -17303,39 +17304,41 @@ class MD extends gt {
     }).attr("opacity", 1).attr("role", ht.GRAPHICS_SYMBOL).attr("aria-roledescription", "bar").attr("aria-label", (u) => y(u, "data", u[s])), this.addEventListeners();
   }
   addEventListeners() {
-    const t = this.model.getOptions(), { groupMapsTo: n } = t.data, { code: r, number: i } = y(t, "locale"), s = this;
-    this.parent.selectAll("path.bar").on("mouseover", function(a, o) {
-      const l = I(this);
-      l.classed("hovered", !0);
-      const c = i(parseFloat(mt(o, "data.x0")), r), u = i(parseFloat(mt(o, "data.x1")), r), d = s.services.cartesianScales.getRangeAxisPosition(), h = s.services.cartesianScales.getScaleLabel(d);
-      s.services.events.dispatchEvent(T.Tooltip.SHOW, {
-        event: a,
-        hoveredElement: l,
+    const t = this.model.getOptions(), { groupMapsTo: n } = t.data, { code: r, number: i } = y(t, "locale"), s = y(t, "tooltip", "alwaysShowRulerTooltip"), a = this.parent.selectAll("path.bar");
+    s ? a.style("pointer-events", "none") : a.style("pointer-events", null);
+    const o = this;
+    a.on("mouseover", function(l, c) {
+      const u = I(this);
+      u.classed("hovered", !0);
+      const d = i(parseFloat(mt(c, "data.x0")), r), h = i(parseFloat(mt(c, "data.x1")), r), p = o.services.cartesianScales.getRangeAxisPosition(), f = o.services.cartesianScales.getScaleLabel(p);
+      s || o.services.events.dispatchEvent(T.Tooltip.SHOW, {
+        event: l,
+        hoveredElement: u,
         items: [
           {
             label: mt(t, "bins.rangeLabel") || "Range",
-            value: `${c} – ${u}`
+            value: `${d} – ${h}`
           },
           {
             label: t.tooltip.groupLabel || "Group",
-            value: o[n],
-            class: s.model.getColorClassName({
+            value: c[n],
+            class: o.model.getColorClassName({
               classNameTypes: [it.TOOLTIP],
-              dataGroupName: o[n]
+              dataGroupName: c[n]
             })
           },
           {
-            label: h,
-            value: mt(o, `data.${o[n]}`)
+            label: f,
+            value: mt(c, `data.${c[n]}`)
           }
         ]
       });
-    }).on("mousemove", function(a) {
-      s.services.events.dispatchEvent(T.Tooltip.MOVE, {
-        event: a
+    }).on("mousemove", function(l) {
+      o.services.events.dispatchEvent(T.Tooltip.MOVE, {
+        event: l
       });
     }).on("mouseout", function() {
-      I(this).classed("hovered", !1), s.services.events.dispatchEvent(T.Tooltip.HIDE);
+      I(this).classed("hovered", !1), o.services.events.dispatchEvent(T.Tooltip.HIDE);
     });
   }
   destroy() {
@@ -17927,40 +17930,40 @@ class Ev extends iu {
     }).attr("opacity", 1).attr("role", ht.GRAPHICS_SYMBOL).attr("aria-roledescription", "bar").attr("aria-label", (l) => l.value), this.addEventListeners();
   }
   addEventListeners() {
-    const t = this;
-    this.parent.selectAll("path.bar").on("mouseover", function(n, r) {
-      const i = I(this);
-      i.classed("hovered", !0), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOVER, {
-        event: n,
-        element: i,
-        datum: r
-      }), t.services.events.dispatchEvent(T.Tooltip.SHOW, {
-        event: n,
-        hoveredElement: i,
-        data: [r]
+    const t = this, n = y(this.getOptions(), "tooltip", "alwaysShowRulerTooltip"), r = this.parent.selectAll("path.bar");
+    n ? r.style("pointer-events", "none") : r.style("pointer-events", null), r.on("mouseover", function(i, s) {
+      const a = I(this);
+      a.classed("hovered", !0), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOVER, {
+        event: i,
+        element: a,
+        datum: s
+      }), n || t.services.events.dispatchEvent(T.Tooltip.SHOW, {
+        event: i,
+        hoveredElement: a,
+        data: [s]
       });
-    }).on("mousemove", function(n, r) {
+    }).on("mousemove", function(i, s) {
       t.services.events.dispatchEvent(T.Bar.BAR_MOUSEMOVE, {
-        event: n,
+        event: i,
         element: I(this),
-        datum: r
+        datum: s
       }), t.services.events.dispatchEvent(T.Tooltip.MOVE, {
-        event: n
+        event: i
       });
-    }).on("click", function(n, r) {
+    }).on("click", function(i, s) {
       t.services.events.dispatchEvent(T.Bar.BAR_CLICK, {
-        event: n,
+        event: i,
         element: I(this),
-        datum: r
+        datum: s
       });
-    }).on("mouseout", function(n, r) {
-      const i = I(this);
-      i.classed("hovered", !1), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOUT, {
-        event: n,
-        element: i,
-        datum: r
+    }).on("mouseout", function(i, s) {
+      const a = I(this);
+      a.classed("hovered", !1), t.services.events.dispatchEvent(T.Bar.BAR_MOUSEOUT, {
+        event: i,
+        element: a,
+        datum: s
       }), t.services.events.dispatchEvent(T.Tooltip.HIDE, {
-        hoveredElement: i
+        hoveredElement: a
       });
     });
   }
@@ -18116,54 +18119,56 @@ class Sv extends iu {
     }).attr("opacity", 1).attr("role", ht.GRAPHICS_SYMBOL).attr("aria-roledescription", "bar").attr("aria-label", (c) => c[1] - c[0]), this.addEventListeners();
   }
   addEventListeners() {
-    const t = this.getOptions(), { groupMapsTo: n } = t.data, r = this;
-    this.parent.selectAll("path.bar").on("mouseover", function(i, s) {
-      const a = I(this);
-      a.classed("hovered", !0), r.services.events.dispatchEvent(T.Bar.BAR_MOUSEOVER, {
-        event: i,
-        element: a,
-        datum: s
+    const t = this.getOptions(), { groupMapsTo: n } = t.data, r = y(t, "tooltip", "alwaysShowRulerTooltip"), i = this.parent.selectAll("path.bar");
+    r ? i.style("pointer-events", "none") : i.style("pointer-events", null);
+    const s = this;
+    i.on("mouseover", function(a, o) {
+      const l = I(this);
+      l.classed("hovered", !0), s.services.events.dispatchEvent(T.Bar.BAR_MOUSEOVER, {
+        event: a,
+        element: l,
+        datum: o
       });
-      let o = r.model.getDisplayData(r.configs.groups).find((l) => {
-        const c = r.services.cartesianScales.getDomainIdentifier(l), u = r.services.cartesianScales.getRangeIdentifier(l);
-        return l[u] === s.data[s[n]] && l[c].toString() === s.data.sharedStackKey && l[n] === s[n];
+      let c = s.model.getDisplayData(s.configs.groups).find((u) => {
+        const d = s.services.cartesianScales.getDomainIdentifier(u), h = s.services.cartesianScales.getRangeIdentifier(u);
+        return u[h] === o.data[o[n]] && u[d].toString() === o.data.sharedStackKey && u[n] === o[n];
       });
-      if (o === void 0) {
-        const l = r.services.cartesianScales.getDomainIdentifier(), c = r.services.cartesianScales.getRangeIdentifier();
-        o = {
-          [l]: s.data.sharedStackKey,
-          [c]: s.data[s[n]],
-          [n]: s[n]
+      if (c === void 0) {
+        const u = s.services.cartesianScales.getDomainIdentifier(), d = s.services.cartesianScales.getRangeIdentifier();
+        c = {
+          [u]: o.data.sharedStackKey,
+          [d]: o.data[o[n]],
+          [n]: o[n]
         };
       }
-      r.services.events.dispatchEvent(T.Tooltip.SHOW, {
-        event: i,
-        hoveredElement: a,
-        data: [o]
+      r || s.services.events.dispatchEvent(T.Tooltip.SHOW, {
+        event: a,
+        hoveredElement: l,
+        data: [c]
       });
-    }).on("mousemove", function(i, s) {
-      const a = I(this);
-      r.services.events.dispatchEvent(T.Bar.BAR_MOUSEMOVE, {
-        event: i,
-        element: a,
-        datum: s
-      }), r.services.events.dispatchEvent(T.Tooltip.MOVE, {
-        event: i
+    }).on("mousemove", function(a, o) {
+      const l = I(this);
+      s.services.events.dispatchEvent(T.Bar.BAR_MOUSEMOVE, {
+        event: a,
+        element: l,
+        datum: o
+      }), s.services.events.dispatchEvent(T.Tooltip.MOVE, {
+        event: a
       });
-    }).on("click", function(i, s) {
-      r.services.events.dispatchEvent(T.Bar.BAR_CLICK, {
-        event: i,
+    }).on("click", function(a, o) {
+      s.services.events.dispatchEvent(T.Bar.BAR_CLICK, {
+        event: a,
         element: I(this),
-        datum: s
+        datum: o
       });
-    }).on("mouseout", function(i, s) {
-      const a = I(this);
-      a.classed("hovered", !1), r.services.events.dispatchEvent(T.Bar.BAR_MOUSEOUT, {
-        event: i,
-        element: a,
-        datum: s
-      }), r.services.events.dispatchEvent(T.Tooltip.HIDE, {
-        hoveredElement: a
+    }).on("mouseout", function(a, o) {
+      const l = I(this);
+      l.classed("hovered", !1), s.services.events.dispatchEvent(T.Bar.BAR_MOUSEOUT, {
+        event: a,
+        element: l,
+        datum: o
+      }), s.services.events.dispatchEvent(T.Tooltip.HIDE, {
+        hoveredElement: l
       });
     });
   }