q2-tecton-elements 1.52.6 → 1.52.8

package/dist/collection/components/q2-chart-donut/q2-chart-donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-chart-donut.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-donut/q2-chart-donut.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Element,\n    EventEmitter,\n    Event,\n    Method,\n    Watch,\n    Listen,\n} from '@stencil/core';\nimport * as echarts from 'echarts/core';\nimport { EChartsCoreOption } from 'echarts/types/dist/core';\nimport {\n    TooltipComponent,\n    TooltipComponentOption,\n    LegendComponent,\n    AriaComponent,\n    AriaComponentOption,\n    LegendComponentOption,\n} from 'echarts/components';\nimport { PieChart, PieSeriesOption } from 'echarts/charts';\nimport { LabelLayout } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { isEventFromElement, isMobile, loc, overrideFocus } from 'src/utils';\nimport { IDonutChartData } from 'q2-tecton-common/lib/types/element-types';\nimport { getCSSProperty } from 'src/utils/charting';\n\necharts.use([TooltipComponent, LegendComponent, PieChart, CanvasRenderer, AriaComponent, LabelLayout]);\ntype EChartsOption = echarts.ComposeOption<\n    TooltipComponentOption | LegendComponentOption | AriaComponentOption | PieSeriesOption\n>;\n@Component({ tag: 'q2-chart-donut', shadow: true, styleUrl: 'q2-chart-donut.scss' })\nexport class Q2ChartDonut implements ComponentInterface {\n    // #region Own Properties\n\n    btnElement: HTMLDivElement;\n    centerButtonElement: HTMLButtonElement;\n    chart: echarts.ECharts;\n    chartContainer: HTMLDivElement;\n    chartContainerStyles: CSSStyleDeclaration;\n    colors: string[];\n    defaultRecord = { id: null, value: null, name: null };\n    hostElementStyles: CSSStyleDeclaration;\n    isInChangeEvent: boolean;\n    resizeObserver: ResizeObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    hoveredId: string;\n\n    @State()\n    legendData: IDonutChartData[];\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * The title of the chart. We recommend always including this for accessibility purposes.\n     *\n     * It is hidden by default, but can be made visible with the `showChartName` variable.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    chartName: string;\n\n    /** An array of objects that contain the data to be displayed. */\n    @Prop()\n    data: IDonutChartData[] = [];\n\n    /** Controls whether values on the value axis are shown as numbers or as currency. */\n    @Prop({ reflect: true })\n    format: 'currency' | 'default';\n\n    /** The amount which the slice will scale when hovered. */\n    @Prop()\n    hoverScaleSize: number = 5;\n\n    /**\n     * The inner radius of the chart slices which is represeted by a percentage of the radius.\n     *\n     * @warning\n     * If you update this property to be greater than or equal to the `outerRadius`,\n     * we automatically set it to be 15% less than the current `outerRadius` to prevent display issues.\n     */\n    @Prop({ mutable: true })\n    innerRadius: string = '70%';\n\n    /**\n     * Determine whether the data in the center renders inside a button element.\n     *\n     * @info\n     * This also enables extra keyboard controls when the button is focused.\n     */\n    @Prop({ reflect: true })\n    isClickable: boolean;\n\n    /** The minimum size of the chart slizes which is represented as a percentage of the circumferences. */\n    @Prop()\n    minSliceSize: string = '2.5%';\n\n    /**\n     * The outer radius of the chart slices which is represented by a percentage of the radius.\n     *\n     * @warning\n     * If you update this property to be less than or equal to the `innerRadius`,\n     * we automatically set it to be 15% greater than the current `innerRadius` to prevent display issues.\n     */\n    @Prop({ mutable: true })\n    outerRadius: string = '85%';\n\n    /** The id of the data point that is currently selected in the chart. You may set this to pre-select a data point on render, or force a selection change. */\n    @Prop({ mutable: true })\n    selectedId: string;\n\n    /** The amount which the slice will separate from the chart when selected. */\n    @Prop()\n    selectedOffset: number = 10;\n\n    /**\n     * Determines whether the legend is displayed.\n     *\n     * @info\n     * The legend is a list of the data points in the chart and their colors.\n     */\n    @Prop({ reflect: true })\n    showLegend: boolean = false;\n\n    /** The icon that displays by default when no slices are selected. */\n    @Prop({ reflect: true })\n    summaryIcon: string;\n\n    /**\n     * The name that displays by default when no slices are selected.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    summaryName: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a slice is selected.\n     */\n    @Event()\n    change: EventEmitter<IDonutChartData>;\n\n    /**\n     * Emitted when the center button is clicked.\n     *\n     * Requires the `isClickable` prop to be set to `true`.\n     */\n    @Event()\n    click: EventEmitter<IDonutChartData>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.resizeObserver?.disconnect();\n        this.resizeObserver = null;\n    }\n\n    componentDidLoad(): void {\n        const chart = echarts.init(this.chartContainer);\n\n        this.cacheComputedStyles();\n        this.colors = this.getColors();\n\n        this.resizeObserver = new ResizeObserver(() => this.resizeChart());\n        this.resizeObserver.observe(this.hostElement);\n\n        this.updateChart(chart);\n        this.setupChartEvents(chart);\n        this.checkSelectedId();\n\n        this.chart = chart;\n        this.setLegendData();\n        this.selectById(this.selectedId);\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        if (!this.isClickable) return;\n        this.centerButtonElement?.focus();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Clears any selected slice.\n     */\n    @Method()\n    async clearSelection() {\n        const { selectedId } = this;\n        if (!selectedId) return;\n\n        this.chart.dispatchAction({\n            type: 'unselect',\n            seriesId: 'pie',\n            dataIndex: this.getIndexById(selectedId),\n        });\n    }\n\n    /**\n     * Returns the chart instance for e2e testing.\n     *\n     * @testOnly\n     */\n    @Method()\n    async getChartOptions(): Promise<EChartsCoreOption> {\n        return this.chart.getOption();\n    }\n\n    /**\n     * Selects a slice by its provided `id` in the provided `data`.\n     */\n    @Method()\n    async selectById(id: string) {\n        const dataIndex = this.getIndexById(id);\n        if (dataIndex === -1) return;\n        this.chart.dispatchAction({\n            type: 'select',\n            seriesId: 'pie',\n            dataIndex,\n        });\n    }\n\n    /**\n     * Selects a slice by its index in the provided `data`.\n     */\n    @Method()\n    async selectByIndex(index: number) {\n        const dataIndex = this.data[index] ? index : null;\n        if (!dataIndex) return;\n        this.chart.dispatchAction({\n            type: 'select',\n            seriesId: 'pie',\n            dataIndex,\n        });\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('chartName')\n    @Watch('innerRadius')\n    @Watch('outerRadius')\n    @Watch('minSliceSize')\n    @Watch('hoverScaleSize')\n    @Watch('selectedOffset')\n    propsUpdates() {\n        this.updateChart(this.chart);\n    }\n\n    @Watch('data')\n    dataUpdated() {\n        this.colors = this.getColors();\n        this.updateChart(this.chart);\n        this.setLegendData();\n    }\n\n    @Watch('innerRadius')\n    innerRadiusUpdated() {\n        const { innerRadius, outerRadius } = this;\n        const innerRadiusInt = parseFloat(innerRadius);\n        const outerRadiusInt = parseFloat(outerRadius);\n        if (innerRadiusInt >= outerRadiusInt) {\n            this.innerRadius = `${outerRadiusInt - 15}%`;\n        }\n    }\n\n    @Watch('outerRadius')\n    outerRadiusUpdated() {\n        const { innerRadius, outerRadius } = this;\n        const innerRadiusInt = parseFloat(innerRadius);\n        const outerRadiusInt = parseFloat(outerRadius);\n        if (outerRadiusInt <= innerRadiusInt) {\n            this.outerRadius = `${innerRadiusInt + 15}%`;\n        }\n    }\n\n    /**\n     * Function to detect and set a data range (category) as selected\n     * Logic for when legends are present, and can set selectedId when ledgend category is clicked\n     * Also can be used by dev to preset\n     */\n    @Watch('selectedId')\n    checkSelectedId() {\n        if (!!this.selectedId) {\n            this.hoveredId = this.selectedId;\n            // Dispatch action only to be fired when chart is rendered\n            if (this.chart) {\n                this.selectById(this.selectedId);\n            }\n        } else {\n            // Dispatch action only to be fired when chart is rendered\n            if (this.chart) {\n                this.chart.dispatchAction({\n                    type: 'unselect',\n                    seriesId: 'pie',\n                    dataIndex: this.getIndexById(this.hoveredId),\n                });\n            }\n            this.hoveredId = null;\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get centerData() {\n        const { hoveredId, data } = this;\n        const idToDisplay = hoveredId;\n        const index = this.getIndexById(idToDisplay);\n\n        return idToDisplay\n            ? { ...this.getDataById(idToDisplay), color: this.colors[index] }\n            : {\n                  name: loc(this.summaryName || 'tecton.element.chartDonut.button.summaryName'),\n                  icon: this.summaryIcon,\n                  value: data.reduce((acc, cur) => acc + cur.value, 0),\n                  color: null,\n              };\n    }\n\n    get isMobile(): boolean {\n        return isMobile();\n    }\n\n    get legendHoveredId() {\n        return this.hoveredId === this.selectedId ? null : this.hoveredId;\n    }\n\n    cacheComputedStyles() {\n        this.chartContainerStyles = getComputedStyle(this.chartContainer);\n        this.hostElementStyles = getComputedStyle(this.hostElement);\n    }\n\n    displayValue(value: string | number) {\n        const valueAsFloat = parseFloat(value.toString());\n        if (isNaN(valueAsFloat)) return;\n\n        if (this.format === 'currency') {\n            return Intl.NumberFormat('en-US', {\n                style: 'currency',\n                currency: 'USD',\n            }).format(valueAsFloat);\n        } else {\n            return Intl.NumberFormat('en-US').format(valueAsFloat);\n        }\n    }\n\n    getColors() {\n        const defaultColors = [1, 3, 8, 4, 2, 10, 7, 11, 6, 9, 12, 5].map(e => `--comp-color-${e}`);\n        return this.data.reduce((acc, cur, idx) => {\n            let color = defaultColors[idx % defaultColors.length];\n            if (cur.color) color = cur.color;\n\n            acc.push(getCSSProperty(color, this.chartContainerStyles, this.hostElementStyles) || color);\n            return acc;\n        }, []);\n    }\n\n    getCSSProperty(name: string) {\n        let fallback;\n        if (name.startsWith('var(') && name.endsWith(')')) {\n            const regExp = /var\\((.*)\\)/g;\n            const result = regExp.exec(name);\n            const split = result.length >= 2 ? result[1].split(',') : [];\n            name = split[0];\n            fallback = split[1];\n        }\n        let result = this.chartContainerStyles.getPropertyValue(name).trim();\n        if (!result) result = this.hostElementStyles.getPropertyValue(name).trim();\n        return result || fallback;\n    }\n\n    getDataById(id: string) {\n        if (!id) return;\n        return this.data.find(item => item.id === id);\n    }\n\n    getDataByIndex(index: number) {\n        if (typeof index !== 'number') return;\n        return this.data[index];\n    }\n\n    getDataIndexForId(id: string) {\n        return this.data.findIndex(item => item.id === id);\n    }\n\n    getIndexById(id: string) {\n        return this.data.findIndex(item => item.id === id);\n    }\n\n    getMinSliceSizeAsAngle() {\n        return (parseFloat(this.minSliceSize) / 100) * 360;\n    }\n\n    onButtonClick = (event: MouseEvent) => {\n        event.stopPropagation();\n\n        const { selectedId } = this;\n        const data = selectedId ? this.getDataById(selectedId) : { ...this.defaultRecord };\n        this.click.emit(data);\n    };\n\n    onButtonKeyDown = (event: KeyboardEvent) => {\n        const { selectedId, data } = this;\n        let selectedIndex = this.getIndexById(selectedId) || 0;\n        switch (event.key) {\n            case 'ArrowUp':\n            case 'ArrowDown':\n                event.preventDefault();\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                selectedIndex--;\n                if (selectedIndex < 0) selectedIndex = data.length - 1;\n                this.chart.dispatchAction({\n                    type: 'select',\n                    seriesId: 'pie',\n                    dataIndex: selectedIndex,\n                });\n                break;\n\n            case 'ArrowRight':\n                event.preventDefault();\n                selectedIndex++;\n                if (selectedIndex > data.length - 1) selectedIndex = 0;\n                this.chart.dispatchAction({\n                    type: 'select',\n                    seriesId: 'pie',\n                    dataIndex: selectedIndex,\n                });\n                break;\n\n            case 'Escape':\n                this.clearSelection();\n                break;\n\n            case ' ':\n                event.preventDefault();\n                break;\n\n            default:\n                return;\n        }\n    };\n\n    onClickElsewhere = (event: Event) => {\n        event.stopPropagation();\n        this.clearSelection();\n    };\n\n    onContainerClick = (event: Event) => {\n        if (this.isInChangeEvent) return;\n        if (!(event.target instanceof HTMLElement)) return;\n        this.clearSelection();\n        event.stopPropagation();\n    };\n\n    onLegendClick = event => {\n        event.stopPropagation();\n        if (event.detail) {\n            const dataIndex = this.getDataIndexForId(event.detail.id);\n            this.selectedId = event.detail.id;\n            this.chart.dispatchAction({\n                type: 'select',\n                seriesIndex: 0,\n                dataIndex,\n            });\n        } else {\n            const dataIndex = this.getDataIndexForId(this.selectedId);\n            this.hoveredId = this.selectedId;\n            this.selectedId = null;\n            this.chart.dispatchAction({\n                type: 'unselect',\n                seriesIndex: 0,\n                dataIndex,\n            });\n        }\n    };\n\n    onLegendMouseenter = event => {\n        const dataIndex = this.getDataIndexForId(event.detail.id);\n        this.hoveredId = event.detail.id;\n        this.chart.dispatchAction({\n            type: 'highlight',\n            seriesIndex: 0,\n            dataIndex,\n        });\n    };\n\n    onLegendMouseleave = event => {\n        const dataIndex = this.getDataIndexForId(event.detail.id);\n        this.hoveredId = this.selectedId;\n        this.chart.dispatchAction({\n            type: 'downplay',\n            seriesIndex: 0,\n            dataIndex,\n        });\n    };\n\n    resizeChart() {\n        this.chart.resize();\n    }\n\n    setLegendData() {\n        const chartColors = this.chart.getOption().series[0].color;\n        this.legendData = this.data.map((item, index) => {\n            const newItem = { ...item };\n            if (!newItem.color) newItem.color = chartColors[index];\n\n            return newItem;\n        });\n    }\n\n    // Edit with caution. Echarts does not interpret events the same on mobile.\n    setupChartEvents(chart: echarts.ECharts) {\n        if (!this.isMobile) {\n            chart.on('mouseover', (params: any) => {\n                this.hoveredId = params.data.id;\n            });\n            chart.on('mouseout', () => {\n                this.hoveredId = this.selectedId;\n            });\n        }\n        chart.on('click', params => {\n            params.event.stop();\n        });\n        chart.on('selectchanged', (params: any) => {\n            const selectedIndex = params.selected?.[0]?.dataIndex?.[0] ?? null;\n            const data =\n                typeof selectedIndex === 'number' ? this.getDataByIndex(selectedIndex) : { ...this.defaultRecord };\n            this.selectedId = data.id;\n            this.isInChangeEvent = true;\n            this.change.emit(data);\n            setTimeout(() => {\n                this.isInChangeEvent = false;\n            }, 0);\n        });\n        chart.on('finished', () => {\n            const canvas = chart.getDom().querySelector('canvas');\n            if (canvas?.hasAttribute('aria-hidden') ?? false) return;\n            canvas.setAttribute('aria-hidden', 'true');\n        });\n    }\n\n    validateColor() {\n        // check if there is name duplicated, then custom style using `itemStyle` object will be used.\n        if (\n            this.data.length >\n            Object.keys(\n                this.data.reduce((acc, cur) => {\n                    acc[cur.name] = cur.name;\n                    return acc;\n                }, {})\n            ).length\n        ) {\n            this.data.forEach((el, i) => {\n                el.itemStyle = { ...el.itemStyle, color: el.color || this.colors[i] };\n            });\n        }\n    }\n\n    updateChart(chart: echarts.ECharts) {\n        this.validateColor();\n        return chart.setOption<EChartsOption>({\n            tooltip: {\n                show: false,\n            },\n            legend: {\n                show: false,\n            },\n            aria: {\n                enabled: true,\n            },\n            series: [\n                {\n                    name: this.chartName,\n                    animationType: 'scale',\n                    color: this.colors,\n                    id: 'pie',\n                    type: 'pie',\n                    selectedOffset: this.selectedOffset,\n                    selectedMode: 'single',\n                    radius: [this.innerRadius, this.outerRadius],\n                    label: {\n                        show: false,\n                    },\n                    labelLine: {\n                        show: false,\n                    },\n                    itemStyle: {\n                        borderWidth: 5,\n                        borderColor: getCSSProperty(\n                            '--comp-background-color',\n                            this.chartContainerStyles,\n                            this.hostElementStyles\n                        ),\n                    },\n                    emphasis: {\n                        disabled: this.isMobile,\n                        scaleSize: this.hoverScaleSize,\n                        itemStyle: {\n                            color: 'inherit',\n                        },\n                    },\n                    minAngle: this.getMinSliceSizeAsAngle(),\n                    data: this.data,\n                },\n            ],\n        });\n    }\n\n    // #endregion\n    // #region Test Methods API\n\n    /**\n     * A method to select a slice with index.\n     *\n     * @testOnly\n     */\n    @Method()\n    async selectDataPoint(index: number) {\n        this.chart.dispatchAction({\n            type: 'select',\n            seriesId: 'pie',\n            dataIndex: index,\n        });\n    }\n    // #endregion\n    // #region Render Methods\n\n    renderCenterBlock() {\n        const { icon, name, value, color } = this.centerData;\n        const { isClickable } = this;\n        const TagName = isClickable ? 'button' : 'div';\n        const displayValue = this.displayValue(value);\n\n        const props = isClickable\n            ? {\n                  onKeyDown: this.onButtonKeyDown,\n                  onClick: this.onButtonClick,\n                  ref: el => (this.centerButtonElement = el),\n                  'aria-describedby': 'center-card-description',\n                  'aria-roledescription': loc('tecton.element.chartDonut.button.roleDescription'),\n              }\n            : null;\n\n        return (\n            <div\n                class=\"center-card-container\"\n                style={{ width: `calc(${this.innerRadius} - 10%)` }}\n            >\n                <div\n                    id=\"center-card-description\"\n                    class=\"sr\"\n                >\n                    {loc('tecton.element.chartDonut.button.description')}\n                </div>\n                <TagName\n                    class=\"center-card\"\n                    test-id=\"centerCard\"\n                    {...props}\n                >\n                    {!!icon && (\n                        <q2-icon\n                            type={icon}\n                            style={\n                                color && {\n                                    '--tct-icon-stroke-primary': color,\n                                    '--tct-icon-stroke-secondary': color,\n                                    color,\n                                }\n                            }\n                        ></q2-icon>\n                    )}\n                    {!!name && <div class=\"name\">{name}</div>}\n                    {!isNaN(value) && <div class=\"value\">{displayValue}</div>}\n                </TagName>\n            </div>\n        );\n    }\n\n    render() {\n        return (\n            <click-elsewhere onChange={this.onClickElsewhere}>\n                <figure>\n                    <div class=\"container\">\n                        <div\n                            ref={el => (this.chartContainer = el)}\n                            aria-describedby={!this.isClickable ? 'center-card-description' : undefined}\n                            class=\"chart-container\"\n                            role=\"img\"\n                            test-id=\"chartContainer\"\n                            onClick={this.onContainerClick}\n                            tabIndex={!this.isClickable ? 0 : undefined}\n                            onKeyDown={!this.isClickable ? this.onButtonKeyDown : undefined}\n                        ></div>\n                        {this.renderCenterBlock()}\n                    </div>\n                    {this.showLegend && (\n                        <figcaption>\n                            <q2-legend\n                                class=\"legend\"\n                                data={this.legendData}\n                                format={this.format}\n                                hoveredItemId={this.legendHoveredId}\n                                onClick={this.onLegendClick}\n                                onMouseleave={this.onLegendMouseleave}\n                                onMouseenter={this.onLegendMouseenter}\n                                selectedItemId={this.selectedId}\n                            />\n                        </figcaption>\n                    )}\n                </figure>\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-chart-donut.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-donut/q2-chart-donut.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Element,\n    EventEmitter,\n    Event,\n    Method,\n    Watch,\n    Listen,\n} from '@stencil/core';\nimport * as echarts from 'echarts/core';\nimport { EChartsCoreOption } from 'echarts/types/dist/core';\nimport {\n    TooltipComponent,\n    TooltipComponentOption,\n    LegendComponent,\n    AriaComponent,\n    AriaComponentOption,\n    LegendComponentOption,\n} from 'echarts/components';\nimport { PieChart, PieSeriesOption } from 'echarts/charts';\nimport { LabelLayout } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { isEventFromElement, isMobile, loc, overrideFocus } from 'src/utils';\nimport { IDonutChartData } from 'q2-tecton-common/lib/types/element-types';\nimport { getCSSProperty } from 'src/utils/charting';\n\necharts.use([TooltipComponent, LegendComponent, PieChart, CanvasRenderer, AriaComponent, LabelLayout]);\ntype EChartsOption = echarts.ComposeOption<\n    TooltipComponentOption | LegendComponentOption | AriaComponentOption | PieSeriesOption\n>;\n@Component({ tag: 'q2-chart-donut', shadow: true, styleUrl: 'q2-chart-donut.scss' })\nexport class Q2ChartDonut implements ComponentInterface {\n    // #region Own Properties\n\n    btnElement: HTMLDivElement;\n    centerButtonElement: HTMLButtonElement;\n    chart: echarts.ECharts;\n    chartContainer: HTMLDivElement;\n    chartContainerStyles: CSSStyleDeclaration;\n    colors: string[];\n    defaultRecord = { id: null, value: null, name: null };\n    hostElementStyles: CSSStyleDeclaration;\n    isInChangeEvent: boolean;\n    resizeObserver: ResizeObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    hoveredId: string;\n\n    @State()\n    legendData: IDonutChartData[];\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * The title of the chart. We recommend always including this for accessibility purposes.\n     *\n     * It is hidden by default, but can be made visible with the `showChartName` variable.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    chartName: string;\n\n    /** An array of objects that contain the data to be displayed. */\n    @Prop()\n    data: IDonutChartData[] = [];\n\n    /** Controls whether values on the value axis are shown as numbers or as currency. */\n    @Prop({ reflect: true })\n    format: 'currency' | 'default';\n\n    /** The amount which the slice will scale when hovered. */\n    @Prop()\n    hoverScaleSize: number = 5;\n\n    /**\n     * The inner radius of the chart slices which is represeted by a percentage of the radius.\n     *\n     * @warning\n     * If you update this property to be greater than or equal to the `outerRadius`,\n     * we automatically set it to be 15% less than the current `outerRadius` to prevent display issues.\n     */\n    @Prop({ mutable: true })\n    innerRadius: string = '70%';\n\n    /**\n     * Determine whether the data in the center renders inside a button element.\n     *\n     * @info\n     * This also enables extra keyboard controls when the button is focused.\n     */\n    @Prop({ reflect: true })\n    isClickable: boolean;\n\n    /** The minimum size of the chart slizes which is represented as a percentage of the circumferences. */\n    @Prop()\n    minSliceSize: string = '2.5%';\n\n    /**\n     * The outer radius of the chart slices which is represented by a percentage of the radius.\n     *\n     * @warning\n     * If you update this property to be less than or equal to the `innerRadius`,\n     * we automatically set it to be 15% greater than the current `innerRadius` to prevent display issues.\n     */\n    @Prop({ mutable: true })\n    outerRadius: string = '85%';\n\n    /** The id of the data point that is currently selected in the chart. You may set this to pre-select a data point on render, or force a selection change. */\n    @Prop({ mutable: true })\n    selectedId: string;\n\n    /** The amount which the slice will separate from the chart when selected. */\n    @Prop()\n    selectedOffset: number = 10;\n\n    /**\n     * Determines whether the legend is displayed.\n     *\n     * @info\n     * The legend is a list of the data points in the chart and their colors.\n     */\n    @Prop({ reflect: true })\n    showLegend: boolean = false;\n\n    /** The icon that displays by default when no slices are selected. */\n    @Prop({ reflect: true })\n    summaryIcon: string;\n\n    /**\n     * The name that displays by default when no slices are selected.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    summaryName: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a slice is selected.\n     */\n    @Event()\n    change: EventEmitter<IDonutChartData>;\n\n    /**\n     * Emitted when the center button is clicked.\n     *\n     * Requires the `isClickable` prop to be set to `true`.\n     */\n    @Event()\n    click: EventEmitter<IDonutChartData>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        // CRITICAL: Dispose eCharts instance to prevent memory leaks\n        // eCharts holds references to canvas, event listeners (mouseover, mouseout, click, selectchanged, finished),\n        // and animation frames. All chart event listeners are automatically cleaned up by dispose()\n        if (this.chart) {\n            this.chart.dispose();\n            this.chart = null;\n        }\n\n        // Disconnect ResizeObserver\n        this.resizeObserver?.disconnect();\n        this.resizeObserver = null;\n\n        // Clear cached style references that hold DOM references (Safari memory management)\n        this.chartContainerStyles = null;\n        this.hostElementStyles = null;\n\n        // Clear DOM references\n        this.chartContainer = null;\n        this.centerButtonElement = null;\n        this.btnElement = null;\n\n        // Clear data references\n        this.colors = null;\n        this.legendData = null;\n\n        // Clear state to prevent lingering references\n        this.hoveredId = null;\n        this.selectedId = null;\n    }\n\n    componentDidLoad(): void {\n        const chart = echarts.init(this.chartContainer);\n\n        this.cacheComputedStyles();\n        this.colors = this.getColors();\n\n        this.resizeObserver = new ResizeObserver(() => this.resizeChart());\n        this.resizeObserver.observe(this.hostElement);\n\n        this.updateChart(chart);\n        this.setupChartEvents(chart);\n        this.checkSelectedId();\n\n        this.chart = chart;\n        this.setLegendData();\n        this.selectById(this.selectedId);\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        if (!this.isClickable) return;\n        this.centerButtonElement?.focus();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Clears any selected slice.\n     */\n    @Method()\n    async clearSelection() {\n        const { selectedId } = this;\n        if (!selectedId) return;\n\n        this.chart.dispatchAction({\n            type: 'unselect',\n            seriesId: 'pie',\n            dataIndex: this.getIndexById(selectedId),\n        });\n    }\n\n    /**\n     * Returns the chart instance for e2e testing.\n     *\n     * @testOnly\n     */\n    @Method()\n    async getChartOptions(): Promise<EChartsCoreOption> {\n        return this.chart.getOption();\n    }\n\n    /**\n     * Selects a slice by its provided `id` in the provided `data`.\n     */\n    @Method()\n    async selectById(id: string) {\n        const dataIndex = this.getIndexById(id);\n        if (dataIndex === -1) return;\n        this.chart.dispatchAction({\n            type: 'select',\n            seriesId: 'pie',\n            dataIndex,\n        });\n    }\n\n    /**\n     * Selects a slice by its index in the provided `data`.\n     */\n    @Method()\n    async selectByIndex(index: number) {\n        const dataIndex = this.data[index] ? index : null;\n        if (!dataIndex) return;\n        this.chart.dispatchAction({\n            type: 'select',\n            seriesId: 'pie',\n            dataIndex,\n        });\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('chartName')\n    @Watch('innerRadius')\n    @Watch('outerRadius')\n    @Watch('minSliceSize')\n    @Watch('hoverScaleSize')\n    @Watch('selectedOffset')\n    propsUpdates() {\n        this.updateChart(this.chart);\n    }\n\n    @Watch('data')\n    dataUpdated() {\n        this.colors = this.getColors();\n        this.updateChart(this.chart);\n        this.setLegendData();\n    }\n\n    @Watch('innerRadius')\n    innerRadiusUpdated() {\n        const { innerRadius, outerRadius } = this;\n        const innerRadiusInt = parseFloat(innerRadius);\n        const outerRadiusInt = parseFloat(outerRadius);\n        if (innerRadiusInt >= outerRadiusInt) {\n            this.innerRadius = `${outerRadiusInt - 15}%`;\n        }\n    }\n\n    @Watch('outerRadius')\n    outerRadiusUpdated() {\n        const { innerRadius, outerRadius } = this;\n        const innerRadiusInt = parseFloat(innerRadius);\n        const outerRadiusInt = parseFloat(outerRadius);\n        if (outerRadiusInt <= innerRadiusInt) {\n            this.outerRadius = `${innerRadiusInt + 15}%`;\n        }\n    }\n\n    /**\n     * Function to detect and set a data range (category) as selected\n     * Logic for when legends are present, and can set selectedId when ledgend category is clicked\n     * Also can be used by dev to preset\n     */\n    @Watch('selectedId')\n    checkSelectedId() {\n        if (!!this.selectedId) {\n            this.hoveredId = this.selectedId;\n            // Dispatch action only to be fired when chart is rendered\n            if (this.chart) {\n                this.selectById(this.selectedId);\n            }\n        } else {\n            // Dispatch action only to be fired when chart is rendered\n            if (this.chart) {\n                this.chart.dispatchAction({\n                    type: 'unselect',\n                    seriesId: 'pie',\n                    dataIndex: this.getIndexById(this.hoveredId),\n                });\n            }\n            this.hoveredId = null;\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get centerData() {\n        const { hoveredId, data } = this;\n        const idToDisplay = hoveredId;\n        const index = this.getIndexById(idToDisplay);\n\n        return idToDisplay\n            ? { ...this.getDataById(idToDisplay), color: this.colors[index] }\n            : {\n                  name: loc(this.summaryName || 'tecton.element.chartDonut.button.summaryName'),\n                  icon: this.summaryIcon,\n                  value: data.reduce((acc, cur) => acc + cur.value, 0),\n                  color: null,\n              };\n    }\n\n    get isMobile(): boolean {\n        return isMobile();\n    }\n\n    get legendHoveredId() {\n        return this.hoveredId === this.selectedId ? null : this.hoveredId;\n    }\n\n    cacheComputedStyles() {\n        this.chartContainerStyles = getComputedStyle(this.chartContainer);\n        this.hostElementStyles = getComputedStyle(this.hostElement);\n    }\n\n    displayValue(value: string | number) {\n        const valueAsFloat = parseFloat(value.toString());\n        if (isNaN(valueAsFloat)) return;\n\n        if (this.format === 'currency') {\n            return Intl.NumberFormat('en-US', {\n                style: 'currency',\n                currency: 'USD',\n            }).format(valueAsFloat);\n        } else {\n            return Intl.NumberFormat('en-US').format(valueAsFloat);\n        }\n    }\n\n    getColors() {\n        const defaultColors = [1, 3, 8, 4, 2, 10, 7, 11, 6, 9, 12, 5].map(e => `--comp-color-${e}`);\n        return this.data.reduce((acc, cur, idx) => {\n            let color = defaultColors[idx % defaultColors.length];\n            if (cur.color) color = cur.color;\n\n            acc.push(getCSSProperty(color, this.chartContainerStyles, this.hostElementStyles) || color);\n            return acc;\n        }, []);\n    }\n\n    getCSSProperty(name: string) {\n        let fallback;\n        if (name.startsWith('var(') && name.endsWith(')')) {\n            const regExp = /var\\((.*)\\)/g;\n            const result = regExp.exec(name);\n            const split = result.length >= 2 ? result[1].split(',') : [];\n            name = split[0];\n            fallback = split[1];\n        }\n        let result = this.chartContainerStyles.getPropertyValue(name).trim();\n        if (!result) result = this.hostElementStyles.getPropertyValue(name).trim();\n        return result || fallback;\n    }\n\n    getDataById(id: string) {\n        if (!id) return;\n        return this.data.find(item => item.id === id);\n    }\n\n    getDataByIndex(index: number) {\n        if (typeof index !== 'number') return;\n        return this.data[index];\n    }\n\n    getDataIndexForId(id: string) {\n        return this.data.findIndex(item => item.id === id);\n    }\n\n    getIndexById(id: string) {\n        return this.data.findIndex(item => item.id === id);\n    }\n\n    getMinSliceSizeAsAngle() {\n        return (parseFloat(this.minSliceSize) / 100) * 360;\n    }\n\n    onButtonClick = (event: MouseEvent) => {\n        event.stopPropagation();\n\n        const { selectedId } = this;\n        const data = selectedId ? this.getDataById(selectedId) : { ...this.defaultRecord };\n        this.click.emit(data);\n    };\n\n    onButtonKeyDown = (event: KeyboardEvent) => {\n        const { selectedId, data } = this;\n        let selectedIndex = this.getIndexById(selectedId) || 0;\n        switch (event.key) {\n            case 'ArrowUp':\n            case 'ArrowDown':\n                event.preventDefault();\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                selectedIndex--;\n                if (selectedIndex < 0) selectedIndex = data.length - 1;\n                this.chart.dispatchAction({\n                    type: 'select',\n                    seriesId: 'pie',\n                    dataIndex: selectedIndex,\n                });\n                break;\n\n            case 'ArrowRight':\n                event.preventDefault();\n                selectedIndex++;\n                if (selectedIndex > data.length - 1) selectedIndex = 0;\n                this.chart.dispatchAction({\n                    type: 'select',\n                    seriesId: 'pie',\n                    dataIndex: selectedIndex,\n                });\n                break;\n\n            case 'Escape':\n                this.clearSelection();\n                break;\n\n            case ' ':\n                event.preventDefault();\n                break;\n\n            default:\n                return;\n        }\n    };\n\n    onClickElsewhere = (event: Event) => {\n        event.stopPropagation();\n        this.clearSelection();\n    };\n\n    onContainerClick = (event: Event) => {\n        if (this.isInChangeEvent) return;\n        if (!(event.target instanceof HTMLElement)) return;\n        this.clearSelection();\n        event.stopPropagation();\n    };\n\n    onLegendClick = event => {\n        event.stopPropagation();\n        if (event.detail) {\n            const dataIndex = this.getDataIndexForId(event.detail.id);\n            this.selectedId = event.detail.id;\n            this.chart.dispatchAction({\n                type: 'select',\n                seriesIndex: 0,\n                dataIndex,\n            });\n        } else {\n            const dataIndex = this.getDataIndexForId(this.selectedId);\n            this.hoveredId = this.selectedId;\n            this.selectedId = null;\n            this.chart.dispatchAction({\n                type: 'unselect',\n                seriesIndex: 0,\n                dataIndex,\n            });\n        }\n    };\n\n    onLegendMouseenter = event => {\n        const dataIndex = this.getDataIndexForId(event.detail.id);\n        this.hoveredId = event.detail.id;\n        this.chart.dispatchAction({\n            type: 'highlight',\n            seriesIndex: 0,\n            dataIndex,\n        });\n    };\n\n    onLegendMouseleave = event => {\n        const dataIndex = this.getDataIndexForId(event.detail.id);\n        this.hoveredId = this.selectedId;\n        this.chart.dispatchAction({\n            type: 'downplay',\n            seriesIndex: 0,\n            dataIndex,\n        });\n    };\n\n    resizeChart() {\n        this.chart.resize();\n    }\n\n    setLegendData() {\n        const chartColors = this.chart.getOption().series[0].color;\n        this.legendData = this.data.map((item, index) => {\n            const newItem = { ...item };\n            if (!newItem.color) newItem.color = chartColors[index];\n\n            return newItem;\n        });\n    }\n\n    // Edit with caution. Echarts does not interpret events the same on mobile.\n    setupChartEvents(chart: echarts.ECharts) {\n        if (!this.isMobile) {\n            chart.on('mouseover', (params: any) => {\n                this.hoveredId = params.data.id;\n            });\n            chart.on('mouseout', () => {\n                this.hoveredId = this.selectedId;\n            });\n        }\n        chart.on('click', params => {\n            params.event.stop();\n        });\n        chart.on('selectchanged', (params: any) => {\n            const selectedIndex = params.selected?.[0]?.dataIndex?.[0] ?? null;\n            const data =\n                typeof selectedIndex === 'number' ? this.getDataByIndex(selectedIndex) : { ...this.defaultRecord };\n            this.selectedId = data.id;\n            this.isInChangeEvent = true;\n            this.change.emit(data);\n            setTimeout(() => {\n                this.isInChangeEvent = false;\n            }, 0);\n        });\n        chart.on('finished', () => {\n            const canvas = chart.getDom().querySelector('canvas');\n            if (canvas?.hasAttribute('aria-hidden') ?? false) return;\n            canvas.setAttribute('aria-hidden', 'true');\n        });\n    }\n\n    validateColor() {\n        // check if there is name duplicated, then custom style using `itemStyle` object will be used.\n        if (\n            this.data.length >\n            Object.keys(\n                this.data.reduce((acc, cur) => {\n                    acc[cur.name] = cur.name;\n                    return acc;\n                }, {})\n            ).length\n        ) {\n            this.data.forEach((el, i) => {\n                el.itemStyle = { ...el.itemStyle, color: el.color || this.colors[i] };\n            });\n        }\n    }\n\n    updateChart(chart: echarts.ECharts) {\n        this.validateColor();\n        return chart.setOption<EChartsOption>({\n            tooltip: {\n                show: false,\n            },\n            legend: {\n                show: false,\n            },\n            aria: {\n                enabled: true,\n            },\n            series: [\n                {\n                    name: this.chartName,\n                    animationType: 'scale',\n                    color: this.colors,\n                    id: 'pie',\n                    type: 'pie',\n                    selectedOffset: this.selectedOffset,\n                    selectedMode: 'single',\n                    radius: [this.innerRadius, this.outerRadius],\n                    label: {\n                        show: false,\n                    },\n                    labelLine: {\n                        show: false,\n                    },\n                    itemStyle: {\n                        borderWidth: 5,\n                        borderColor: getCSSProperty(\n                            '--comp-background-color',\n                            this.chartContainerStyles,\n                            this.hostElementStyles\n                        ),\n                    },\n                    emphasis: {\n                        disabled: this.isMobile,\n                        scaleSize: this.hoverScaleSize,\n                        itemStyle: {\n                            color: 'inherit',\n                        },\n                    },\n                    minAngle: this.getMinSliceSizeAsAngle(),\n                    data: this.data,\n                },\n            ],\n        });\n    }\n\n    // #endregion\n    // #region Test Methods API\n\n    /**\n     * A method to select a slice with index.\n     *\n     * @testOnly\n     */\n    @Method()\n    async selectDataPoint(index: number) {\n        this.chart.dispatchAction({\n            type: 'select',\n            seriesId: 'pie',\n            dataIndex: index,\n        });\n    }\n    // #endregion\n    // #region Render Methods\n\n    renderCenterBlock() {\n        const { icon, name, value, color } = this.centerData;\n        const { isClickable } = this;\n        const TagName = isClickable ? 'button' : 'div';\n        const displayValue = this.displayValue(value);\n\n        const props = isClickable\n            ? {\n                  onKeyDown: this.onButtonKeyDown,\n                  onClick: this.onButtonClick,\n                  ref: el => (this.centerButtonElement = el),\n                  'aria-describedby': 'center-card-description',\n                  'aria-roledescription': loc('tecton.element.chartDonut.button.roleDescription'),\n              }\n            : null;\n\n        return (\n            <div\n                class=\"center-card-container\"\n                style={{ width: `calc(${this.innerRadius} - 10%)` }}\n            >\n                <div\n                    id=\"center-card-description\"\n                    class=\"sr\"\n                >\n                    {loc('tecton.element.chartDonut.button.description')}\n                </div>\n                <TagName\n                    class=\"center-card\"\n                    test-id=\"centerCard\"\n                    {...props}\n                >\n                    {!!icon && (\n                        <q2-icon\n                            type={icon}\n                            style={\n                                color && {\n                                    '--tct-icon-stroke-primary': color,\n                                    '--tct-icon-stroke-secondary': color,\n                                    color,\n                                }\n                            }\n                        ></q2-icon>\n                    )}\n                    {!!name && <div class=\"name\">{name}</div>}\n                    {!isNaN(value) && <div class=\"value\">{displayValue}</div>}\n                </TagName>\n            </div>\n        );\n    }\n\n    render() {\n        return (\n            <click-elsewhere onChange={this.onClickElsewhere}>\n                <figure>\n                    <div class=\"container\">\n                        <div\n                            ref={el => (this.chartContainer = el)}\n                            aria-describedby={!this.isClickable ? 'center-card-description' : undefined}\n                            class=\"chart-container\"\n                            role=\"img\"\n                            test-id=\"chartContainer\"\n                            onClick={this.onContainerClick}\n                            tabIndex={!this.isClickable ? 0 : undefined}\n                            onKeyDown={!this.isClickable ? this.onButtonKeyDown : undefined}\n                        ></div>\n                        {this.renderCenterBlock()}\n                    </div>\n                    {this.showLegend && (\n                        <figcaption>\n                            <q2-legend\n                                class=\"legend\"\n                                data={this.legendData}\n                                format={this.format}\n                                hoveredItemId={this.legendHoveredId}\n                                onClick={this.onLegendClick}\n                                onMouseleave={this.onLegendMouseleave}\n                                onMouseenter={this.onLegendMouseenter}\n                                selectedItemId={this.selectedId}\n                            />\n                        </figcaption>\n                    )}\n                </figure>\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n"]}

package/dist/collection/components/q2-select/q2-select.js

@@ -1,5 +1,5 @@
 import { h, Fragment, } from "@stencil/core";
-import { createGuid, handleAriaLabel, isEventFromElement, isMobile, isRelatedTargetWithinHost, loc, overrideFocus, waitForNextPaint, } from "../../utils";
+import { createGuid, getBrowserInfo, handleAriaLabel, isEventFromElement, isMobile, isRelatedTargetWithinHost, loc, overrideFocus, waitForNextPaint, } from "../../utils";
 import { shouldShowActionSheet, showActionSheetList } from "../../utils/action-sheet";
 /**
  * @slot popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow.
@@ -16,7 +16,7 @@ export class Q2Select {
         this.addTouchEventListeners = () => {
             if (!isMobile() || !this.popoverElement)
                 return;
-            this.popoverElement.addEventListener('touchstart', this.handleTouchStart, { passive: true });
+            this.popoverElement.addEventListener('touchmove', this.handleTouchMove, { passive: true });
         };
         this.clickedElsewhere = (event) => {
             const target = event.target;
@@ -27,7 +27,6 @@ export class Q2Select {
             if (!popoverElement)
                 return;
             popoverElement.open = false;
-            this.innerInputField.blur();
         };
         this.destroyEventListeners = () => {
             var _a;
@@ -54,7 +53,7 @@ export class Q2Select {
             if (!isLandscape)
                 this.searchable = this.originalSearchable;
         };
-        this.handleTouchStart = (event) => {
+        this.handleTouchMove = (event) => {
             if (document.activeElement === this.hostElement) {
                 const target = event.target;
                 if (target && target !== this.hostElement) {
@@ -201,7 +200,7 @@ export class Q2Select {
         this.removeTouchEventListeners = () => {
             if (!isMobile() || !this.popoverElement)
                 return;
-            this.popoverElement.removeEventListener('touchstart', this.handleTouchStart);
+            this.popoverElement.removeEventListener('touchmove', this.handleTouchMove);
         };
         this.showAllOptions = () => {
             this.showSelected = false;
@@ -360,6 +359,14 @@ export class Q2Select {
         if (this.open !== open)
             this.open = open;
     }
+    handleTctClick() {
+        const { name, version } = getBrowserInfo();
+        const majorVersion = Number(version.split('.')[0]);
+        // Only Safari under iOS 18 having issue when searchable
+        if (this.searchable && name === 'Safari' && !isNaN(majorVersion) && majorVersion < 18) {
+            this.scheduledAfterRender.push(() => this.innerInputField.blur());
+        }
+    }
     // #endregion
     // #region Public Methods API
     /**
@@ -728,7 +735,7 @@ export class Q2Select {
             ]), checked: showSelected, "test-id": "selectedOptionsButton", onClick: this.showSelectedOptions, onKeyDown: this.visibilityToggleKeyDown }), h("label", { htmlFor: "selected" }, loc('tecton.element.select.multiHeader.selected', [selectedOptionsCount]))))));
     }
     render() {
-        return (h("click-elsewhere", { key: 'd255297aa1c0c968a42df3b8da7d3b72038b093e', class: this.wrapperClasses, onChange: this.clickedElsewhere }, this.renderSelectField()));
+        return (h("click-elsewhere", { key: 'ee6bc89c9e2b55b26f97fb6ea75a17641cd48e84', class: this.wrapperClasses, onChange: this.clickedElsewhere }, this.renderSelectField()));
     }
     static get is() { return "q2-select"; }
     static get encapsulation() { return "shadow"; }
@@ -1352,6 +1359,12 @@ export class Q2Select {
                 "target": undefined,
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "tctClick",
+                "method": "handleTctClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }];
     }
 }