q2-tecton-elements 1.52.6 → 1.52.8

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

@@ -1,6 +1,6 @@
 import { r as e, h as r, g as a } from "./index-7a5365e2.js";
 
-import { o as t, l as i } from "./index-99c46474.js";
+import { o as t, l as i } from "./index-faabd622.js";
 
 import { _ as s, I as n, S as o, b6 as h, P as u, b7 as l, o as c, a0 as d, h as f, i as v, u as p, s as g, H as b, b8 as m, G as w, m as S, d as B, C as A, W as y, a as x, g as M, b as k, b9 as P, t as V, z as C, ba as N, V as L, ai as D, bb as z, bc as j, a9 as U, aa as T, ab as I, ac as O, ad as R, ae as E, af as W } from "./charting-1abfb877.js";
 
@@ -1321,7 +1321,23 @@ const Se = class {
   // #endregion
   // #region Component Lifecycle Events
   disconnectedCallback() {
+    // Remove event listeners
     window.removeEventListener("resize", this.resizeEventListener);
+    // Clean up chart instance
+        if (this.chart) {
+      if (this.chartFinishedListener) {
+        this.chart.off("finished", this.chartFinishedListener);
+      }
+      this.chart.dispose();
+      this.chart = null;
+    }
+    // Null out cached computed styles to allow GC
+        this.chartContainerStyles = null;
+    this.hostElementStyles = null;
+    // Null out DOM references
+        this.chartContainer = null;
+    this.resizeEventListener = null;
+    this.chartFinishedListener = null;
   }
   componentDidLoad() {
     const e = O(this.chartContainer);
@@ -1366,12 +1382,13 @@ const Se = class {
     this.chart.resize();
   }
   setupChartEvents(e) {
-    e.on("finished", (() => {
+    this.chartFinishedListener = () => {
       var r;
       const a = e.getDom().querySelector("canvas");
       if ((r = a === null || a === void 0 ? void 0 : a.hasAttribute("aria-hidden")) !== null && r !== void 0 ? r : false) return;
       a.setAttribute("aria-hidden", "true");
-    }));
+    };
+    e.on("finished", this.chartFinishedListener);
   }
   updateChart(e) {
     var r;
@@ -1439,10 +1456,10 @@ const Se = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "647bffbfd416069ed926ec138ef55b9ec2ff15f2",
+      key: "99b476ec176b6ceeaa2b6741c35482b2ecb0d46e",
       class: "container"
     }, r("div", {
-      key: "2acf75f9b41d7142eae7da295fe900b88af7f9c1",
+      key: "823fd20b58c8189ec81e31adcc21480f91bbf848",
       ref: e => this.chartContainer = e,
       class: "chart-container",
       role: "img",