q2-tecton-elements 1.52.7 → 1.52.8

package/dist/cjs/q2-chart-bar.cjs.entry.js

@@ -1288,7 +1288,23 @@ const Q2ChartBar = 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 chart = charting.init(this.chartContainer);
@@ -1339,13 +1355,14 @@ const Q2ChartBar = class {
         this.chart.resize();
     }
     setupChartEvents(chart) {
-        chart.on('finished', () => {
+        this.chartFinishedListener = () => {
             var _a;
             const canvas = chart.getDom().querySelector('canvas');
             if ((_a = canvas === null || canvas === void 0 ? void 0 : canvas.hasAttribute('aria-hidden')) !== null && _a !== void 0 ? _a : false)
                 return;
             canvas.setAttribute('aria-hidden', 'true');
-        });
+        };
+        chart.on('finished', this.chartFinishedListener);
     }
     updateChart(chart) {
         var _a;
@@ -1414,7 +1431,7 @@ const Q2ChartBar = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (index.h("div", { key: '647bffbfd416069ed926ec138ef55b9ec2ff15f2', class: "container" }, index.h("div", { key: '2acf75f9b41d7142eae7da295fe900b88af7f9c1', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
+        return (index.h("div", { key: '99b476ec176b6ceeaa2b6741c35482b2ecb0d46e', class: "container" }, index.h("div", { key: '823fd20b58c8189ec81e31adcc21480f91bbf848', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {