q2-tecton-elements 1.51.0 → 1.52.0

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-14c3693c.js');
-const index$1 = require('./index-9aa4a776.js');
+const index = require('./index-e7e68b1e.js');
+const index$1 = require('./index-07285783.js');
 const charting = require('./charting-f4946e77.js');
 const dataSample = require('./dataSample-5eb1a972.js');
 const sectorHelper = require('./sectorHelper-674a5b82.js');
@@ -1414,7 +1414,7 @@ const Q2ChartBar = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (index.h("div", { key: '894583cef73c43fc6ad9488a73c93f34acf266ca', class: "container" }, index.h("div", { key: '7c8b92cce307c4d14bf5f4735ba9c40ed48d2592', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
+        return (index.h("div", { key: 'b40ff8d49858ebfc55afb86a2a385bbe3c3e6851', class: "container" }, index.h("div", { key: 'dffb3ce8dd7e638842d58d59ef09c34f9904af56', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-14c3693c.js');
-const index$1 = require('./index-9aa4a776.js');
+const index = require('./index-e7e68b1e.js');
+const index$1 = require('./index-07285783.js');
 const charting = require('./charting-f4946e77.js');
 const sectorHelper = require('./sectorHelper-674a5b82.js');
 
@@ -4164,6 +4164,8 @@ const Q2ChartDonut = class {
     // #endregion
     // #region Component Lifecycle Events
     disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         this.resizeObserver = null;
     }
     componentDidLoad() {
@@ -4473,6 +4475,20 @@ const Q2ChartDonut = class {
         });
     }
     // #endregion
+    // #region Test Methods API
+    /**
+     * A method to select a slice with index.
+     *
+     * @testOnly
+     */
+    async selectDataPoint(index) {
+        this.chart.dispatchAction({
+            type: 'select',
+            seriesId: 'pie',
+            dataIndex: index,
+        });
+    }
+    // #endregion
     // #region Render Methods
     renderCenterBlock() {
         const { icon, name, value, color } = this.centerData;
@@ -4495,7 +4511,7 @@ const Q2ChartDonut = class {
             } })), !!name && index.h("div", { class: "name" }, name), !isNaN(value) && index.h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (index.h("click-elsewhere", { key: '653843d0844777cd5a1eca08ff2212af8866a30a', onChange: this.onClickElsewhere }, index.h("figure", { key: '3189ea33feae10932fe45ed1a6930badb4a9b438' }, index.h("div", { key: '3be03652e90ae4a776b9bf87ec575863c8f03621', class: "container" }, index.h("div", { key: '2e08d9019dfaabefd989ba51870bc778fa04905c', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (index.h("figcaption", { key: '158058ae81b1c016474f73c943d1452c6955022b' }, index.h("q2-legend", { key: '2d3f38b153a808c6eb15c69cc5450cc6838a5166', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
+        return (index.h("click-elsewhere", { key: '061f0df2cfc531af2df0d583f7cea0a2e7d68c7d', onChange: this.onClickElsewhere }, index.h("figure", { key: '324163777739ef74d986c94fda412a91f0f34124' }, index.h("div", { key: 'a866867bfd653239d8f7c0a630f2b222c353bdb1', class: "container" }, index.h("div", { key: 'fcb2076e8b390ef19ab28f03d25e66bb48c7bdd9', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (index.h("figcaption", { key: '2115b858f955bb6751a8d7d4476d4addc76e8f50' }, index.h("q2-legend", { key: '2a20e076a5bb3ac2b3430f1cefe38d9cdf594ccb', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {