q2-tecton-elements 1.52.6 → 1.52.8

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-7a5365e2.js';
-import { o as overrideFocus, l as loc } from './index-99c46474.js';
+import { o as overrideFocus, l as loc } from './index-faabd622.js';
 import { _ as __extends, I as each, S as SeriesModel, b6 as inheritDefaultOption, P as Path, b7 as calculateTextPosition, o as isNumber, a0 as isArray, h as traverseElements, i as initProps, u as updateProps, s as saveOldStyle, H as labelInner, b8 as removeElementWithFadeOut, G as Group, m as map, d as getECData, C as ChartView, W as Rect, a as extend, g as getLabelStatesModels, b as setLabelStyle, b9 as setLabelValueAnimation, t as toggleHoverEmphasis, z as setStatesStylesFromModel, ba as throttle, V as Sector, ai as curry, bb as createProgressiveLayout, bc as layout, a9 as use, aa as install$1, ab as install$2, ac as init, ad as getCSSProperty, ae as isValidColor, af as formatValue } from './charting-1abfb877.js';
 import { c as createSeriesData, j as createClipPath, g as getDefaultLabel, i as isCoordinateSystemType, a as getDefaultInterpolatedLabel, e as dataSample, f as install$3, h as install$4 } from './dataSample-7b62e101.js';
 import { g as getSectorCornerRadius, i as installLabelLayout } from './sectorHelper-183cedd0.js';
@@ -1284,7 +1284,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 = init(this.chartContainer);
@@ -1335,13 +1351,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;
@@ -1410,7 +1427,7 @@ const Q2ChartBar = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '647bffbfd416069ed926ec138ef55b9ec2ff15f2', class: "container" }, h("div", { key: '2acf75f9b41d7142eae7da295fe900b88af7f9c1', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
+        return (h("div", { key: '99b476ec176b6ceeaa2b6741c35482b2ecb0d46e', class: "container" }, h("div", { key: '823fd20b58c8189ec81e31adcc21480f91bbf848', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {