q2-tecton-elements 1.52.6 → 1.52.8

package/dist/q2-tecton-elements/q2-chart-donut.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, g as r } from "./index-7a5365e2.js";
 
-import { o as a, i as n, l as o, d as s } from "./index-99c46474.js";
+import { o as a, i as n, l as o, d as s } from "./index-faabd622.js";
 
 import { br as l, W as c, _ as h, ay as u, bs as v, bt as d, b5 as f, bu as p, D as g, bv as m, x as b, a0 as w, I as y, bw as x, aM as S, bx as T, by as M, j as L, bz as C, E as I, bA as A, bB as P, bC as k, bD as V, d as D, bE as z, bF as O, bG as N, bH as R, bI as B, bJ as H, bK as W, bL as U, a as F, bM as j, bN as $, bO as X, bP as G, bQ as Y, bj as E, aK as _, bR as K, a$ as q, bS as J, bT as Z, bU as Q, a9 as tt, b0 as et, bV as it, aA as rt, bW as at, a4 as nt, m as ot, a6 as st, o as lt, y as ct, bX as ht, bY as ut, b as vt, bZ as dt, b2 as ft, b_ as pt, b$ as gt, c0 as mt, c as bt, ai as wt, G as yt, aB as xt, b6 as St, aC as Tt, c1 as Mt, b1 as Lt, u as Ct, c2 as It, aw as At, a3 as Pt, R as kt, bm as Vt, i as Dt, s as zt, z as Ot, t as Nt, g as Rt, be as Bt, c3 as Ht, V as Wt, b8 as Ut, C as Ft, ak as jt, am as $t, c4 as Xt, c5 as Gt, c6 as Yt, S as Et, c7 as _t, ab as Kt, aa as qt, ac as Jt, ad as Zt } from "./charting-1abfb877.js";
 
@@ -4138,8 +4138,29 @@ const Ee = class {
   // #region Component Lifecycle Events
   disconnectedCallback() {
     var t;
-    (t = this.resizeObserver) === null || t === void 0 ? void 0 : t.disconnect();
+    // CRITICAL: Dispose eCharts instance to prevent memory leaks
+    // eCharts holds references to canvas, event listeners (mouseover, mouseout, click, selectchanged, finished),
+    // and animation frames. All chart event listeners are automatically cleaned up by dispose()
+        if (this.chart) {
+      this.chart.dispose();
+      this.chart = null;
+    }
+    // Disconnect ResizeObserver
+        (t = this.resizeObserver) === null || t === void 0 ? void 0 : t.disconnect();
     this.resizeObserver = null;
+    // Clear cached style references that hold DOM references (Safari memory management)
+        this.chartContainerStyles = null;
+    this.hostElementStyles = null;
+    // Clear DOM references
+        this.chartContainer = null;
+    this.centerButtonElement = null;
+    this.btnElement = null;
+    // Clear data references
+        this.colors = null;
+    this.legendData = null;
+    // Clear state to prevent lingering references
+        this.hoveredId = null;
+    this.selectedId = null;
   }
   componentDidLoad() {
     const t = Jt(this.chartContainer);
@@ -4483,15 +4504,15 @@ const Ee = class {
   }
   render() {
     return i("click-elsewhere", {
-      key: "b29ca18598a09472f568338d98f3075e530daf74",
+      key: "d97fd96a56f2f6ba206d2f07fa986e48702180aa",
       onChange: this.onClickElsewhere
     }, i("figure", {
-      key: "7e576d6d0b2f3d8446cd90f664ca2a07537cc3d2"
+      key: "4b56f4ec01675b11cfd589e3877998d28f1ce8aa"
     }, i("div", {
-      key: "b008ec034395cd27a4a80a339afffc1c41ceb1c6",
+      key: "3f66b3d98f093a7da1a90650e2fd9ef48916e847",
       class: "container"
     }, i("div", {
-      key: "31ce13ef5327426627937e69a4503df3e6a29b3d",
+      key: "bb0513d31884d2c8b2f454b9fbf899b770716bc7",
       ref: t => this.chartContainer = t,
       "aria-describedby": !this.isClickable ? "center-card-description" : undefined,
       class: "chart-container",
@@ -4501,9 +4522,9 @@ const Ee = class {
       tabIndex: !this.isClickable ? 0 : undefined,
       onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined
     }), this.renderCenterBlock()), this.showLegend && i("figcaption", {
-      key: "e3148f952eba1acc3f91c8b241f8e3906db890cf"
+      key: "bf7180411fc3cc46b74edf7dd8794475c331e496"
     }, i("q2-legend", {
-      key: "55a66d778e325cb2af906de88af5088a16b9b3a8",
+      key: "14994085c95d3cc662d919dfdc69a7ad3c579a21",
       class: "legend",
       data: this.legendData,
       format: this.format,