q2-tecton-elements 1.52.7 → 1.52.8

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

@@ -4022,7 +4022,20 @@ const Q2ChartArea = class {
     // #endregion
     // #region Component Lifecycle Events
     disconnectedCallback() {
+        // CRITICAL: Dispose eCharts instance to prevent memory leaks
+        // eCharts holds references to canvas, event listeners, and animation frames
+        if (this.chart) {
+            this.chart.dispose();
+            this.chart = null;
+        }
+        // Remove window resize listener
         window.removeEventListener('resize', this.resizeEventListener);
+        // Clear cached style references that hold DOM references (Safari memory management)
+        this.chartContainerStyles = null;
+        this.hostElementStyles = null;
+        // Clear DOM and event listener references
+        this.chartContainer = null;
+        this.resizeEventListener = null;
     }
     componentDidLoad() {
         const chart = charting.init(this.chartContainer);
@@ -4208,7 +4221,7 @@ const Q2ChartArea = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (index.h("div", { key: 'def52250043e30ff84063a2fb709f968bf73edd2', class: "container" }, index.h("div", { key: 'fb4ed567e0cd828a56ae38f727b09b658a890623', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
+        return (index.h("div", { key: '65fc35a8deb9c129ee3fe7227dd06c7b733cd301', class: "container" }, index.h("div", { key: '2998df4d236c7d0de38ebe42dcd47b56c21f9b7a', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {