@carbon/charts-vue 1.19.2 → 1.20.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 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
+
+# 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.2 (2024-07-15)
 
 ### Bug Fixes

package/README.md

@@ -1,7 +1,23 @@
-# Carbon Charts Vue
-
-Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavaScript `@carbon/charts` component
-library. This version is for Vue.js ^3.3.0. For Vue.js 2.x support, please use
+<p align="center">
+	<a href="https://charts.carbondesignsystem.com/">
+		<img src="../../assets/dashboard.png" alt="Carbon Charts" />
+	</a>
+	<h3 align="center">Carbon Charts Vue</h3>
+	<p align="center">
+		A component library of 26 charts for Vue.js 3+.
+		<br /><br />
+		<a href="https://www.npmjs.com/package/@carbon/charts">
+			<img src="https://img.shields.io/npm/v/@carbon/charts.svg" />
+		</a>
+		<img alt="semantic-versioning" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--ver-e10079.svg" />
+		<img alt="semantic-versioning" src="https://img.shields.io/badge/downloads-+60k%2Fweek-green" />
+		<a href="https://discord.gg/J7JEUEkTRX">
+	    		<img src="https://img.shields.io/discord/689212587170201628?color=5865F2" alt="Chat with us on Discord">
+	  	</a>
+	</p>
+</p>
+
+For Vue.js 2.x support, please use
 `@carbon/charts-vue@latest`.
 
 ## [Documentation with StackBlitz examples](https://charts.carbondesignsystem.com/)

package/dist/components/CcvAlluvialChart.d.ts

@@ -1,5 +1,4 @@
 import { AlluvialChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvAreaChart.d.ts

@@ -1,5 +1,4 @@
 import { AreaChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvBoxplotChart.d.ts

@@ -44,7 +44,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvBubbleChart.d.ts

@@ -1,5 +1,4 @@
 import { BubbleChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvBulletChart.d.ts

@@ -1,5 +1,4 @@
 import { BulletChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvChoroplethChart.d.ts

@@ -1,5 +1,4 @@
 import { ChoroplethChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvCirclePackChart.d.ts

@@ -1,5 +1,4 @@
 import { CirclePackChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvComboChart.d.ts

@@ -1,5 +1,4 @@
 import { ComboChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvDonutChart.d.ts

@@ -1,5 +1,4 @@
 import { DonutChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvGaugeChart.d.ts

@@ -1,5 +1,4 @@
 import { GaugeChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvGroupedBarChart.d.ts

@@ -1,5 +1,4 @@
 import { BarChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvHeatmapChart.d.ts

@@ -1,5 +1,4 @@
 import { HeatmapChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvHistogramChart.d.ts

@@ -1,5 +1,4 @@
 import { HistogramChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvLineChart.d.ts

@@ -1,5 +1,4 @@
 import { LineChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvLollipopChart.d.ts

@@ -44,7 +44,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvMeterChart.d.ts

@@ -1,5 +1,4 @@
 import { MeterChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvPieChart.d.ts

@@ -1,5 +1,4 @@
 import { PieChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvRadarChart.d.ts

@@ -1,5 +1,4 @@
 import { RadarChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvScatterChart.d.ts

@@ -1,5 +1,4 @@
 import { ScatterChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvSimpleBarChart.d.ts

@@ -1,5 +1,4 @@
 import { BarChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvStackedAreaChart.d.ts

@@ -1,5 +1,4 @@
 import { StackedAreaChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvStackedBarChart.d.ts

@@ -1,5 +1,4 @@
 import { StackedBarChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvTreeChart.d.ts

@@ -1,5 +1,4 @@
 import { TreeChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvTreemapChart.d.ts

@@ -44,7 +44,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/CcvWordCloudChart.d.ts

@@ -1,5 +1,4 @@
 import { WordCloudChartOptions } from '@carbon/charts';
-
 declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
     data: {
         type: () => import('@carbon/charts').ChartTabularData;
@@ -46,7 +45,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/components/TestHarness.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{}, {}, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/chartFactory.d.ts

@@ -1,5 +1,4 @@
 import { Chart, ChartTabularData, ChartOptions } from '@carbon/charts';
-
 /**
  * A factory function to create Vue components for different types of charts.
  * @template T - The type of the chart options.
@@ -56,7 +55,7 @@ export declare function chartFactory<T extends ChartOptions>(chartType: new (ele
                 bins: import('d3-array').Bin<number, number>[];
                 binsDomain: any[];
             };
-            getBinnedStackedData: () => import('d3').SeriesPoint<{
+            getBinnedStackedData: () => import('d3-shape').SeriesPoint<{
                 [key: string]: number;
             }>[][];
             getGroupedData: (groups?: any) => {

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import { App } from '../vue/dist/vue.esm-bundler.js';
 import { CcvAlluvialChart, CcvAreaChart, CcvBoxplotChart, CcvBubbleChart, CcvBulletChart, CcvCirclePackChart, CcvComboChart, CcvChoroplethChart, CcvChoroplethChart as ExperimentalCcvChoroplethChart, CcvDonutChart, CcvGaugeChart, CcvGroupedBarChart, CcvHeatmapChart, CcvHistogramChart, CcvLineChart, CcvLollipopChart, CcvMeterChart, CcvPieChart, CcvRadarChart, CcvScatterChart, CcvSimpleBarChart, CcvStackedAreaChart, CcvStackedBarChart, CcvTreeChart, CcvTreemapChart, CcvWordCloudChart } from './components';
-
 declare const _default: {
     install(app: App, options?: string[]): void;
 };

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: [