q2-tecton-elements 1.46.1 → 1.48.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-14c3693c.js');
-const index$1 = require('./index-0e15dc8d.js');
+const index$1 = require('./index-a93362ed.js');
 const charting = require('./charting-a5d7e947.js');
 const installCanvasRenderer = require('./installCanvasRenderer-c9432539.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-14c3693c.js');
-const index$1 = require('./index-0e15dc8d.js');
+const index$1 = require('./index-a93362ed.js');
 const charting = require('./charting-a5d7e947.js');
 const installCanvasRenderer = require('./installCanvasRenderer-c9432539.js');
 const sectorHelper = require('./sectorHelper-b8542e4b.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-14c3693c.js');
-const index$1 = require('./index-0e15dc8d.js');
+const index$1 = require('./index-a93362ed.js');
 const installCanvasRenderer = require('./installCanvasRenderer-c9432539.js');
 const sectorHelper = require('./sectorHelper-b8542e4b.js');
 
@@ -4107,6 +4107,7 @@ const Q2ChartDonut = class {
             event.stopPropagation();
         };
         this.onLegendClick = event => {
+            event.stopPropagation();
             if (event.detail) {
                 const dataIndex = this.getDataIndexForId(event.detail.id);
                 this.selectedId = event.detail.id;
@@ -4276,9 +4277,10 @@ const Q2ChartDonut = class {
     setLegendData() {
         const chartColors = this.chart.getOption().series[0].color;
         this.legendData = this.data.map((item, index) => {
-            if (!item.color)
-                item.color = chartColors[index];
-            return item;
+            const newItem = Object.assign({}, item);
+            if (!newItem.color)
+                newItem.color = chartColors[index];
+            return newItem;
         });
     }
     // Edit with caution. Echarts does not interpret events the same on mobile.
@@ -4292,8 +4294,7 @@ const Q2ChartDonut = class {
             });
         }
         chart.on('click', params => {
-            // Don't emit click event when clicking a chart slice
-            params.event.event.stopPropagation();
+            params.event.stop();
         });
         chart.on('selectchanged', (params) => {
             var _a, _b, _c, _d;
@@ -4368,6 +4369,7 @@ const Q2ChartDonut = class {
     dataUpdated() {
         this.colors = this.getColors();
         this.updateChart(this.chart);
+        this.setLegendData();
     }
     innerRadiusUpdated() {
         const { innerRadius, outerRadius } = this;
@@ -4487,7 +4489,7 @@ const Q2ChartDonut = class {
             } })), !!name && index.h("div", { class: "name" }, name), !!value && index.h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (index.h("click-elsewhere", { key: '53c1a369526583b3260eecebc9d20a98d7eee02f', onChange: this.onClickElsewhere }, index.h("figure", { key: '3c995800e322483fc72d193643632a9b10394e87' }, index.h("div", { key: '13ec1654546b45801c8f92c7cdd317951408659e', class: "container" }, index.h("div", { key: '93b2989c435714e0ba8d93327483603c830d677b', 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: '850fa60a26cd2b39dc534260efa9634f82cfc220' }, index.h("q2-legend", { key: '7a8b918ad722cfefd05c28688819e0a41f39e11e', 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: '90996ed9349102c692239d46f08bb3d429a0ee05', onChange: this.onClickElsewhere }, index.h("figure", { key: 'a41baa8d48497d7ce330e0133bdffa01c0b7977f' }, index.h("div", { key: '1858aa966d6d46089226f988d077268228352de8', class: "container" }, index.h("div", { key: 'ef990082c127b145d9e54cb0ed0644c23bc2101d', 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: '7713de14eac9ad9ad0b89e0398247aa7335a9532' }, index.h("q2-legend", { key: '76f0364735a9c6fef7de7aaf991b2d429b92d737', 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 {