@carbon/charts-vue 1.19.3 → 1.20.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.20.0 (2024-08-28)
+
+### Features
+
+- **tooltip:** pass datum to customHTML callback function
+  ([#1879](https://github.com/carbon-design-system/carbon-charts/issues/1879))
+  ([9a76784](https://github.com/carbon-design-system/carbon-charts/commit/9a767848c5d9f34d51b2616b904393f496c0f5fd)),
+  closes [#1518](https://github.com/carbon-design-system/carbon-charts/issues/1518)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## 1.19.3 (2024-08-19)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/dist/index.mjs

@@ -13845,28 +13845,28 @@ new vo();
 class Ou extends dt {
   constructor(t, n, r) {
     super(t, n, r), this.type = "tooltip", this.renderType = Q.HTML, this.isEventListenerAdded = !1, this.lastTriggeredEventType = "", this.positionService = new vo(), this.handleShowTooltip = (i) => {
-      const a = i.detail.data || i.detail.items;
-      let s;
-      const o = this.formatItems(this.getItems(i));
-      i.detail.content ? s = `<div class="title-tooltip"><p>${Na(i.detail.content)}</p></div>` : s = Na(this.getTooltipHTML(o));
-      const l = I.appendOrSelect(this.tooltip, "div.content-box");
+      const a = i.detail.data || i.detail.items, s = D(i.detail.event.target).datum();
+      let o;
+      const l = this.formatItems(this.getItems(i));
+      i.detail.content ? o = `<div class="title-tooltip"><p>${Na(i.detail.content)}</p></div>` : o = Na(this.getTooltipHTML(l));
+      const c = I.appendOrSelect(this.tooltip, "div.content-box");
       if (b(this.getOptions(), "tooltip", "customHTML"))
         if (i.detail.content) {
-          const c = `<div class="title-tooltip"><p>${Na(
+          const u = `<div class="title-tooltip"><p>${Na(
             i.detail.content
           )}</p></div>`;
-          l.html(c);
+          c.html(u);
         } else
-          l.html(
+          c.html(
             `<div class="title-tooltip"><p>${Na(
-              this.model.getOptions().tooltip.customHTML(a, s)
+              this.model.getOptions().tooltip.customHTML(a, o, s)
             )}</p></div>`
           );
       else
-        l.html(s);
-      l.selectAll(".datapoint-tooltip").each(function(c, u) {
-        const d = o[u];
-        o[u] && o[u].color && D(this).select(".tooltip-color").attr("class", "tooltip-color").style("background-color", d.color);
+        c.html(o);
+      c.selectAll(".datapoint-tooltip").each(function(u, d) {
+        const h = l[d];
+        l[d] && l[d].color && D(this).select(".tooltip-color").attr("class", "tooltip-color").style("background-color", h.color);
       }), this.positionTooltip(i), this.tooltip.classed("hidden", !1).attr("aria-hidden", !1), this.lastTriggeredEventType = i.type;
     }, this.handleHideTooltip = () => {
       this.tooltip.classed("hidden", !0).attr("aria-hidden", !0);
@@ -15515,6 +15515,7 @@ class Un extends dt {
         return y.includes(E);
       });
       this.elementsToHighlight && this.elementsToHighlight.size() > 0 && !Kg(this.elementsToHighlight, v) && this.hideRuler(), v.dispatch("mouseover"), this.elementsToHighlight = v, this.services.events.dispatchEvent(S.Tooltip.SHOW, {
+        event: t,
         mousePosition: [n, r],
         hoveredElement: h,
         data: this.formatTooltipData(m)
@@ -17071,6 +17072,7 @@ class fI extends Un {
       })).filter((E) => E.value !== 0);
       if (O.length > 0) {
         this.services.events.dispatchEvent(S.Tooltip.SHOW, {
+          event: t,
           mousePosition: [n, r],
           hoveredElement: f,
           items: [