q2-tecton-elements 1.47.3 → 1.47.5

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1e1ce94e.js';
-import { o as overrideFocus, l as loc } from './index-58266aeb.js';
+import { o as overrideFocus, l as loc } from './index-c14ec4b5.js';
 import { c as createSeriesData, m as createClipPath, g as getDefaultLabel, i as isCoordinateSystemType, a as getDefaultInterpolatedLabel, e as dataSample, f as install$3, h as install$4, j as getCSSProperty, k as isValidColor, l as formatValue } from './charting-090a8398.js';
 import { _ as __extends, I as each, S as SeriesModel, b3 as inheritDefaultOption, P as Path, b4 as calculateTextPosition, o as isNumber, a0 as isArray, h as traverseElements, i as initProps, u as updateProps, s as saveOldStyle, H as labelInner, b5 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, b6 as setLabelValueAnimation, t as toggleHoverEmphasis, z as setStatesStylesFromModel, b7 as throttle, V as Sector, af as curry, b8 as createProgressiveLayout, b9 as layout, a9 as use, aa as install$1, ab as install$2, ac as init } from './installCanvasRenderer-4413d7a6.js';
 import { g as getSectorCornerRadius, i as installLabelLayout } from './sectorHelper-5a935045.js';
@@ -1287,10 +1287,27 @@ const Q2ChartBar = class {
         window.addEventListener('resize', this.resizeEventListener);
         this.cacheComputedStyles();
         this.updateChart(chart);
+        this.setupChartEvents(chart);
         overrideFocus(this.hostElement);
     }
     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;
     }
     cacheComputedStyles() {
         this.chartContainerStyles = getComputedStyle(this.chartContainer);
@@ -1389,11 +1406,21 @@ const Q2ChartBar = class {
     resizeChart() {
         this.chart.resize();
     }
+    setupChartEvents(chart) {
+        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);
+    }
     propsUpdates() {
         this.updateChart(this.chart);
     }
     render() {
-        return (h("div", { key: '1c7a900e24ad8c960c7e701e00d3218388e97f36', class: "container" }, h("div", { key: 'beb2ec288287a1ae437d9f355a8fd1fed577912d', ref: el => (this.chartContainer = el), class: "chart-container", "test-id": "barChartContainer" })));
+        return (h("div", { key: 'd46a9bf3769e9207b97085ece599917c51df17fe', class: "container" }, h("div", { key: '2ee334a1b21bfd7c6d5195378871a91af125552a', ref: el => (this.chartContainer = el), class: "chart-container", "test-id": "barChartContainer" })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {