q2-tecton-elements 1.47.4 → 1.47.5

package/dist/esm/q2-chart-bar.entry.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 {