q2-tecton-elements 1.47.4 → 1.47.5

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

@@ -4028,7 +4028,20 @@ const Q2ChartArea = class {
         index$1.overrideFocus(this.hostElement);
     }
     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;
     }
     cacheComputedStyles() {
         this.chartContainerStyles = getComputedStyle(this.chartContainer);
@@ -4178,7 +4191,7 @@ const Q2ChartArea = class {
         this.updateChart(this.chart);
     }
     render() {
-        return (index.h("div", { key: '5ac722f85acf3a00828cfcd6bfb3d13cadc8d4ef', class: "container" }, index.h("div", { key: 'a39f5664712841ad70c1628c88b77500b694db63', ref: el => (this.chartContainer = el), class: "chart-container", "test-id": "areaChartContainer" })));
+        return (index.h("div", { key: '9be8e22a08ac2971ecb0aadb9b86eac5830b5cf2', class: "container" }, index.h("div", { key: '95dc71d45f12bf3820ea17a0641ebb147ea029ac', ref: el => (this.chartContainer = el), class: "chart-container", "test-id": "areaChartContainer" })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {