q2-tecton-elements 1.44.0 → 1.45.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1e1ce94e.js';
-import { o as overrideFocus, l as loc } from './index-12c2a320.js';
+import { o as overrideFocus, l as loc } from './index-0a702dd6.js';
 import { g as getDefaultLabel, c as createSeriesData, a as getDefaultInterpolatedLabel, i as isCoordinateSystemType, b as createGridClipPath, d as createPolarClipPath, 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, c as createSymbol, e as enterEmphasis, l as leaveEmphasis, u as updateProps, s as saveOldStyle, i as initProps, g as getLabelStatesModels, n as normalizeSymbolOffset, Z as ZRImage, a as extend, b as setLabelStyle, t as toggleHoverEmphasis, d as getECData, r as removeElement, f as normalizeSymbolSize, G as Group, h as traverseElements, j as isObject, S as SeriesModel, m as map, k as isDimensionStacked, o as isNumber, p as createFloat32Array, q as cubicRootAt, P as Path, v as PathProxy, w as cubicAt, x as convertToColorString, y as defaults, z as setStatesStylesFromModel, A as queryDataIndex, C as ChartView, B as setStatesFlag, D as isFunction, E as ZRText, F as interpolateRawValues, H as labelInner, I as each, L as LinearGradient, J as SPECIAL_STATES, K as lerp, M as createRenderPlanner, N as cubicSubdivide, O as fromPoints, Q as BoundingRect, R as Point, T as clonePath, U as Polygon, V as Sector, W as Rect, X as Transformable, Y as lerp$1, $ as getAnimationConfig, a0 as isArray, a1 as normalizeToArray, a2 as SERIES_UNIVERSAL_TRANSITION_PROP, a3 as makeInner, a4 as createHashMap, a5 as DataDiffer, a6 as filter, a7 as Displayable, a8 as getOldStyle, a9 as use, aa as install$1, ab as install$2, ac as init } from './installCanvasRenderer-4413d7a6.js';
 

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-12c2a320.js';
+import { o as overrideFocus, l as loc } from './index-0a702dd6.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';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1e1ce94e.js';
-import { o as overrideFocus, l as loc, i as isEventFromElement } from './index-12c2a320.js';
+import { o as overrideFocus, l as loc, d as isMobile, i as isEventFromElement } from './index-0a702dd6.js';
 import { bo as normalizeCssArray, W as Rect, _ as __extends, av as ComponentModel, bp as toCamelCase, bq as env, b2 as isString, br as isDom, D as isFunction, bs as normalizeEvent, x as convertToColorString, a0 as isArray, I as each$1, bt as bind, aJ as indexOf, bu as getPaddingFromTooltipModel, bv as transformLocalCoord, j as isObject, bw as throwError, E as ZRText, bx as getTooltipRenderMode, by as createOrUpdate, bz as clear, bA as register, d as getECData, bB as findPointFromSeries, bC as findEventDispatcher, bD as createTooltipMarkup, bE as TooltipMarkupStyleCreator, bF as getValueLabel, bG as trim, bH as getAxisRawValue, bI as normalizeTooltipFormatResult, a as extend, bJ as buildTooltipMarkup, bK as clone, bL as encodeHTML, bM as format, bN as formatTpl, bg as parsePercent, aH as getLayoutRect, bO as unregister, aY as ComponentView, bP as Model, bQ as preParseFinder, bR as queryReferringComponents, a9 as use, aZ as install$5, bS as noop, ax as merge, bT as isNameSpecified, a4 as createHashMap, m as map, a6 as filter, o as isNumber, y as defaults, bU as parse, bV as stringify, b as setLabelStyle, bW as enableHoverEmphasis, a$ as createTextStyle, bX as setTooltipConfig, bY as box, bZ as createOrUpdatePatternFromDecal, c as createSymbol, af as curry$1, G as Group$2, ay as getLayoutParams, b3 as inheritDefaultOption, az as mergeLayoutParam, b_ as createIcon, a_ as retrieve2, u as updateProps, b$ as normalizeArcAngles, at as linearMap, a3 as makeInner, R as Point, bj as shiftLayoutOnY, i as initProps, s as saveOldStyle, z as setStatesStylesFromModel, t as toggleHoverEmphasis, g as getLabelStatesModels, bb as Polyline, c0 as retrieve3, V as Sector, b5 as removeElementWithFadeOut, C as ChartView, ah as prepareSeriesDataSchema, aj as SeriesData, c1 as makeSeriesEncodeForNameBased, c2 as getPercentSeats, c3 as defaultEmphasis, S as SeriesModel, c4 as createLegacyDataSelectAction, ab as install$6, aa as install$7, ac as init } from './installCanvasRenderer-4413d7a6.js';
 import { l as limitTurnAngle, a as limitSurfaceAngle, g as getSectorCornerRadius, s as setLabelLineStyle, b as getLabelLineStatesModels, i as installLabelLayout } from './sectorHelper-5a935045.js';
 
@@ -4143,7 +4143,10 @@ const Q2ChartDonut = class {
             color: null,
         };
     }
-    /// Helpers
+    get isMobile() {
+        return isMobile();
+    }
+    /// Helpers ///
     cacheComputedStyles() {
         this.chartContainerStyles = getComputedStyle(this.chartContainer);
         this.hostElementStyles = getComputedStyle(this.hostElement);
@@ -4215,17 +4218,20 @@ const Q2ChartDonut = class {
     getMinSliceSizeAsAngle() {
         return (parseFloat(this.minSliceSize) / 100) * 360;
     }
+    // Edit with caution. Echarts does not interpret events the same on mobile.
     setupChartEvents(chart) {
-        chart.on('mouseover', (params) => {
-            this.hoveredId = params.data.id;
-        });
+        if (!this.isMobile) {
+            chart.on('mouseover', (params) => {
+                this.hoveredId = params.data.id;
+            });
+            chart.on('mouseout', () => {
+                this.hoveredId = this.selectedId;
+            });
+        }
         chart.on('click', params => {
             // Don't emit click event when clicking a chart slice
             params.event.event.stopPropagation();
         });
-        chart.on('mouseout', () => {
-            this.hoveredId = this.selectedId;
-        });
         chart.on('selectchanged', (params) => {
             var _a, _b, _c, _d;
             const selectedIndex = (_d = (_c = (_b = (_a = params.selected) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.dataIndex) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : null;
@@ -4270,6 +4276,7 @@ const Q2ChartDonut = class {
                         borderColor: this.getCSSProperty('--comp-background-color'),
                     },
                     emphasis: {
+                        disabled: this.isMobile,
                         scaleSize: this.hoverScaleSize,
                         itemStyle: {
                             color: 'inherit',
@@ -4290,6 +4297,7 @@ const Q2ChartDonut = class {
     }
     dataUpdated() {
         this.colors = this.getColors();
+        this.updateChart(this.chart);
     }
     innerRadiusUpdated() {
         const { innerRadius, outerRadius } = this;
@@ -4409,7 +4417,7 @@ const Q2ChartDonut = class {
             } })), !!name && h("div", { class: "name" }, name), !!value && h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (h("click-elsewhere", { key: 'f41e814c20a45c444c1e4a562514b5423fa0a4f3', onChange: this.onClickElsewhere }, h("div", { key: 'bb4e46e5d7306a9dc1c8a01c199f8686fdd3d215', class: "container" }, h("div", { key: 'cd23b2c3c4715795a6b4e01ecba29a5aa903b834', ref: el => (this.chartContainer = el), class: "chart-container", "test-id": "chartContainer", onClick: this.onContainerClick }), this.renderCenterBlock())));
+        return (h("click-elsewhere", { key: 'e5bec431c5bdc58d9ec1f89d374a7e24475f832b', onChange: this.onClickElsewhere }, h("div", { key: 'd1bf82b8746b7d9c000d1493a69f77306dbe61ed', class: "container" }, h("div", { key: 'f4e6e3fba1b86f91a429daaa70a7811ed192a503', ref: el => (this.chartContainer = el), class: "chart-container", role: "status", "test-id": "chartContainer", onClick: this.onContainerClick }), this.renderCenterBlock())));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -4419,7 +4427,7 @@ const Q2ChartDonut = class {
         "minSliceSize": ["propsUpdates"],
         "hoverScaleSize": ["propsUpdates"],
         "selectedOffset": ["propsUpdates"],
-        "data": ["propsUpdates", "dataUpdated"],
+        "data": ["dataUpdated"],
         "selectedId": ["checkSelectedId"]
     }; }
 };