q2-tecton-elements 1.51.0 → 1.52.0

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 = 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 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        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"]}

package/dist/collection/components/q2-chart-donut/test/q2-chart-donut-test.e2e.js

@@ -508,5 +508,16 @@ describe('q2-chart-donut', () => {
             });
         });
     });
+    describe('Test methods', () => {
+        it('call selectDataPoint', async () => {
+            const page = await setup({ html: '<q2-chart-donut></q2-chart-donut>' });
+            await setupChart(page);
+            chart.setProperty('chartName', 'Recent Spending');
+            await chart.callMethod('selectDataPoint', 0);
+            expect(await chart.getProperty('selectedId')).toBe('groceries');
+            await chart.callMethod('selectDataPoint', 2);
+            expect(await chart.getProperty('selectedId')).toBe('rent');
+        });
+    });
 });
 //# sourceMappingURL=q2-chart-donut-test.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"q2-chart-donut-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-donut/test/q2-chart-donut-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, EventSpy } from '@stencil/core/testing';\nimport {\n    setup,\n    getFocusedAttribute,\n    setTestStrings,\n    evaluateA11y,\n    getListOfStyleCompilationIssues,\n} from '@/utils/helpers';\n\ndescribe('q2-chart-donut', () => {\n    let page: E2EPage;\n    let chart: E2EElement;\n    let centerCard: E2EElement;\n    let name: E2EElement;\n    let icon: E2EElement;\n    let value: E2EElement;\n    let clickSpy: EventSpy;\n    let changeSpy: EventSpy;\n\n    const selectById = async (page: E2EPage, id: string) => {\n        return page.$eval(\n            'q2-chart-donut',\n            (element: HTMLQ2ChartDonutElement, id: string) => element.selectById(id),\n            id\n        );\n    };\n\n    const selectByIndex = async (page: E2EPage, index: number) => {\n        return page.$eval(\n            'q2-chart-donut',\n            (element: HTMLQ2ChartDonutElement, index: number) => element.selectByIndex(index),\n            index\n        );\n    };\n\n    const clearSelection = async (page: E2EPage) => {\n        return page.$eval('q2-chart-donut', (element: HTMLQ2ChartDonutElement) => element.clearSelection());\n    };\n\n    const getOptions = async (page: E2EPage) => {\n        return page.evaluate(async () => {\n            const chartElement = document.querySelector('q2-chart-donut');\n            const chartInstance = await chartElement.getChartOptions();\n            return chartInstance.series[0];\n        });\n    };\n\n    const setupChart = async (page: E2EPage, props: string = '') => {\n        await page.setContent(`<q2-chart-donut ${props}></q2-chart-donut>`);\n        chart = await page.find('q2-chart-donut');\n        chart.setProperty('data', [\n            { value: 1048, name: 'Groceries', id: 'groceries', icon: 'cart' },\n            { value: 735, name: 'Pets', id: 'pets', icon: 'paw' },\n            { value: 580, name: 'Rent', id: 'rent', icon: 'home', color: 'var(--const-stoplight-info)' },\n            { value: 484, name: 'Automobile', id: 'automobiles', icon: 'car' },\n            { value: 0, name: 'Utilities', id: 'utilities', icon: 'lightbulb' },\n            { value: 300, name: 'Gifts', id: 'gifts', icon: 'gift', color: 'rebeccapurple' },\n        ]);\n        await page.waitForChanges();\n    };\n\n    beforeEach(async () => {\n        page = await setup({ html: '' });\n        await setTestStrings(page, {\n            'tecton.element.chartDonut.button.summaryName': 'Total',\n            'tecton.element.chartDonut.button.description':\n                'Use the left and right arrow keys to navigate between slices of the chart. The escape key will reset the chart to its original state.',\n            'tecton.element.chartDonut.button.roleDescription': 'Chart button',\n        });\n    });\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-chart-donut></q2-chart-donut>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-chart-donut')).toHaveLength(0);\n    });\n\n    it('renders a canvas element', async () => {\n        await setupChart(page);\n        const canvas = await page.find('q2-chart-donut >>> canvas');\n\n        expect(canvas).toBeTruthy();\n\n        expect(canvas).toEqualAttribute('aria-hidden', 'true');\n    });\n\n    it('adds color properties to q2-icon', async () => {\n        await setupChart(page);\n        const getIconStyleProp = async (page: E2EPage, prop: string) =>\n            page.$eval(\n                'q2-chart-donut',\n                (element, [prop]) => {\n                    return element.shadowRoot.querySelector<HTMLElement>('q2-icon').style.getPropertyValue(prop);\n                },\n                [prop]\n            );\n        await selectById(page, 'rent');\n        await page.waitForChanges();\n\n        expect(await getIconStyleProp(page, '--tct-icon-stroke-primary')).toBe('var(--const-stoplight-info)');\n        expect(await getIconStyleProp(page, '--tct-icon-stroke-secondary')).toBe('var(--const-stoplight-info)');\n        expect(await getIconStyleProp(page, 'color')).toBe('var(--const-stoplight-info)');\n    });\n\n    it('displays zero values', async () => {\n        await setupChart(page);\n        await page.waitForChanges();\n        await selectById(page, 'utilities');\n        await page.waitForChanges();\n        value = await page.find('q2-chart-donut >>> .value');\n\n        expect(value).toEqualText('0');\n    });\n\n    describe('Props', () => {\n        describe('showLegend', () => {\n            it('when true renders the legend', async () => {\n                await setupChart(page, 'show-legend=\"true\"');\n                await page.waitForChanges();\n                const legend = await page.find('q2-chart-donut >>> q2-legend');\n\n                expect(legend).not.toBeNull();\n            });\n            it('when false legend not rendered', async () => {\n                await setupChart(page);\n                const legend = await page.find('q2-chart-donut >>> q2-legend');\n\n                expect(legend).toBeNull();\n            });\n        });\n        describe('summaryName', () => {\n            describe('when not provided', () => {\n                it('renders with default value', async () => {\n                    await setupChart(page);\n                    name = await page.find('q2-chart-donut >>> .name');\n\n                    expect(name).toEqualText('Total');\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders with provided value', async () => {\n                    await setupChart(page);\n                    chart.setProperty('summaryName', 'All The Things');\n                    await page.waitForChanges();\n                    name = await page.find('q2-chart-donut >>> .name');\n\n                    expect(name).toEqualText('All The Things');\n                });\n            });\n        });\n\n        describe('summaryIcon', () => {\n            describe('when not provided', () => {\n                it('does not render', async () => {\n                    await setupChart(page);\n                    icon = await page.find('q2-chart-donut >>> .icon');\n\n                    expect(icon).toBeNull();\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders with provided value', async () => {\n                    await setupChart(page);\n                    chart.setProperty('summaryIcon', 'coins');\n                    await page.waitForChanges();\n                    icon = await page.find('q2-chart-donut >>> q2-icon');\n\n                    expect(icon).toEqualAttribute('type', 'coins');\n                });\n            });\n        });\n\n        describe('format', () => {\n            describe('when not provided', () => {\n                it('renders default format', async () => {\n                    await setupChart(page);\n                    value = await page.find('q2-chart-donut >>> .value');\n\n                    expect(value).toEqualText('3,147');\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders as currency', async () => {\n                    await setupChart(page);\n                    chart.setProperty('format', 'currency');\n                    await page.waitForChanges();\n                    value = await page.find('q2-chart-donut >>> .value');\n\n                    expect(value).toEqualText('$3,147.00');\n                });\n            });\n        });\n\n        describe('isClickable', () => {\n            describe('when not provided', () => {\n                it('renders center content in a div', async () => {\n                    await setupChart(page);\n                    centerCard = await page.find('q2-chart-donut >>> .center-card');\n\n                    expect(centerCard.tagName).toEqualText('DIV');\n                    expect(centerCard).not.toHaveAttribute('aria-description');\n                    expect(centerCard).not.toHaveAttribute('aria-roledescription');\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders center content in a button', async () => {\n                    await setupChart(page);\n                    chart.setProperty('isClickable', true);\n                    await page.waitForChanges();\n                    centerCard = await page.find('q2-chart-donut >>> .center-card');\n\n                    expect(centerCard.tagName).toEqualText('BUTTON');\n                    expect(centerCard).toEqualAttribute('aria-roledescription', 'Chart button');\n                    expect(centerCard).toEqualAttribute('aria-describedby', 'center-card-description');\n                });\n            });\n        });\n\n        describe('minSliceSize', () => {\n            const convertSliceSizeToAngle = (sliceSize: string) => {\n                return (parseFloat(sliceSize) / 100) * 360;\n            };\n            const getMinAngle = async (page: E2EPage) => {\n                const options = await getOptions(page);\n                return options.minAngle;\n            };\n            const sliceSize = '9.5%';\n\n            describe('when not provided', () => {\n                it('renders with default value', async () => {\n                    await setupChart(page);\n                    const minAngle = await getMinAngle(page);\n\n                    expect(minAngle).toEqual(convertSliceSizeToAngle('2.5%'));\n                });\n            });\n\n            describe('when provided', () => {\n                it('on load renders with provided value', async () => {\n                    await setupChart(page, `min-slice-size=\"${sliceSize}\"`);\n                    const minAngle = await getMinAngle(page);\n\n                    expect(minAngle).toEqual(convertSliceSizeToAngle(sliceSize));\n                });\n                it('after load renders with provided value', async () => {\n                    await setupChart(page);\n                    chart.setProperty('minSliceSize', sliceSize);\n                    await page.waitForChanges();\n                    const minAngle = await getMinAngle(page);\n\n                    expect(minAngle).toEqual(convertSliceSizeToAngle(sliceSize));\n                });\n            });\n        });\n    });\n\n    describe('Watchers', () => {\n        describe('innerRadius', () => {\n            describe('when changed to a value greater than outerRadius', () => {\n                it('reverts the value to be 15% less than the outerRadius', async () => {\n                    await setupChart(page);\n\n                    expect(await chart.getProperty('innerRadius')).toEqual('70%');\n                    expect(await chart.getProperty('outerRadius')).toEqual('85%');\n\n                    chart.setProperty('innerRadius', '90%');\n                    await page.waitForChanges();\n\n                    expect(await chart.getProperty('innerRadius')).toEqual('70%');\n                });\n            });\n        });\n\n        describe('outerRadius', () => {\n            describe('when changed to a value less than innerRadius', () => {\n                it('reverts the value to be 15% more than the innerRadius', async () => {\n                    await setupChart(page);\n\n                    expect(await chart.getProperty('innerRadius')).toEqual('70%');\n                    expect(await chart.getProperty('outerRadius')).toEqual('85%');\n\n                    chart.setProperty('outerRadius', '65%');\n                    await page.waitForChanges();\n\n                    expect(await chart.getProperty('outerRadius')).toEqual('85%');\n                });\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        beforeEach(async () => {\n            await setupChart(page);\n            centerCard = await page.find('q2-chart-donut >>> .center-card');\n            changeSpy = await chart.spyOnEvent('change');\n        });\n\n        describe('selectById', () => {\n            it('selects the correct slice by id', async () => {\n                await selectById(page, 'rent');\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).toHaveReceivedEventDetail({\n                    id: 'rent',\n                    name: 'Rent',\n                    value: 580,\n                    icon: 'home',\n                    color: 'var(--const-stoplight-info)',\n                });\n                expect(icon).toEqualAttribute('type', 'home');\n                expect(name).toEqualText('Rent');\n                expect(value).toEqualText('580');\n            });\n\n            it('does not emit event when invalid id is passed', async () => {\n                await selectById(page, 'iron-man');\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).not.toHaveReceivedEvent();\n                expect(icon).toBeNull();\n                expect(name).toEqualText('Total');\n                expect(value).toEqualText('3,147');\n            });\n        });\n\n        describe('selectByIndex', () => {\n            it('selects the correct slice by index', async () => {\n                await selectByIndex(page, 1);\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).toHaveReceivedEventDetail({\n                    id: 'pets',\n                    name: 'Pets',\n                    value: 735,\n                    icon: 'paw',\n                });\n                expect(icon).toEqualAttribute('type', 'paw');\n                expect(name).toEqualText('Pets');\n                expect(value).toEqualText('735');\n            });\n\n            it('does not emit event when invalid index is passed', async () => {\n                await selectByIndex(page, 10);\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).not.toHaveReceivedEvent();\n                expect(icon).toBeNull();\n                expect(name).toEqualText('Total');\n                expect(value).toEqualText('3,147');\n            });\n        });\n\n        describe('clearSelection', () => {\n            beforeEach(async () => {\n                await selectById(page, 'rent');\n                await page.waitForChanges();\n            });\n\n            it('clears the selected slice', async () => {\n                await clearSelection(page);\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).toHaveReceivedEventDetail({\n                    id: null,\n                    name: null,\n                    value: null,\n                });\n                expect(icon).toBeNull();\n                expect(name).toEqualText('Total');\n                expect(value).toEqualText('3,147');\n            });\n        });\n    });\n\n    describe('when element is clickable', () => {\n        beforeEach(async () => {\n            await setupChart(page);\n            chart.setProperty('isClickable', true);\n            await page.waitForChanges();\n            centerCard = await page.find('q2-chart-donut >>> .center-card');\n            clickSpy = await chart.spyOnEvent('click');\n            changeSpy = await chart.spyOnEvent('change');\n        });\n\n        it('emits a click event when clicked', async () => {\n            await centerCard.click();\n\n            expect(clickSpy).toHaveReceivedEventDetail({\n                id: null,\n                name: null,\n                value: null,\n            });\n        });\n\n        it('and a slice is selected emits a click event when clicked', async () => {\n            await selectById(page, 'rent');\n            await page.waitForChanges();\n            await centerCard.click();\n\n            expect(clickSpy).toHaveReceivedEventDetail({\n                id: 'rent',\n                name: 'Rent',\n                value: 580,\n                icon: 'home',\n                color: 'var(--const-stoplight-info)',\n            });\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'rent',\n                name: 'Rent',\n                value: 580,\n                icon: 'home',\n                color: 'var(--const-stoplight-info)',\n            });\n        });\n\n        it('emits a change event when arrow keys are pressed', async () => {\n            await centerCard.press('ArrowLeft');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'gifts',\n                name: 'Gifts',\n                value: 300,\n                icon: 'gift',\n                color: 'rebeccapurple',\n            });\n\n            await centerCard.press('ArrowRight');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'groceries',\n                name: 'Groceries',\n                value: 1048,\n                icon: 'cart',\n            });\n\n            await centerCard.press('Escape');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: null,\n                name: null,\n                value: null,\n            });\n        });\n\n        it('and has a legend does not emit a click event when a legend item is clicked', async () => {\n            chart.setProperty('showLegend', true);\n            chart.setProperty('data', [{ value: 1048, name: 'Groceries', id: 'groceries', icon: 'cart' }]);\n            await page.waitForChanges();\n            const legend = await page.find('q2-chart-donut >>> q2-legend >>> button');\n            await legend.click();\n\n            expect(clickSpy).not.toHaveReceivedEvent();\n        });\n    });\n\n    describe('when element is not clickable', () => {\n        let chartContainer: E2EElement;\n        beforeEach(async () => {\n            await setupChart(page);\n            chart.setProperty('isClickable', false);\n            await page.waitForChanges();\n            chartContainer = await page.find('q2-chart-donut >>> .chart-container');\n            centerCard = await page.find('q2-chart-donut >>> .center-card');\n            clickSpy = await chart.spyOnEvent('click');\n            changeSpy = await chart.spyOnEvent('change');\n        });\n\n        it('does not emit click event when clicked', async () => {\n            await centerCard.click();\n\n            expect(clickSpy).toHaveReceivedEventDetail(1);\n        });\n\n        it('emits a change event when arrow keys are pressed', async () => {\n            await chartContainer.press('ArrowLeft');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'gifts',\n                name: 'Gifts',\n                value: 300,\n                icon: 'gift',\n                color: 'rebeccapurple',\n            });\n\n            await chartContainer.press('ArrowRight');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'groceries',\n                name: 'Groceries',\n                value: 1048,\n                icon: 'cart',\n            });\n\n            await chartContainer.press('Escape');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: null,\n                name: null,\n                value: null,\n            });\n        });\n    });\n\n    describe('focus', () => {\n        it('does not focus anything when focus event is dispatched', async function (): Promise<void> {\n            await setupChart(page);\n            chart.triggerEvent('focus');\n            await page.waitForChanges();\n\n            expect(await getFocusedAttribute(page, 'test-id')).toBeNull();\n        });\n\n        it('does not focus anything when element.focus() is called', async function (): Promise<void> {\n            await setupChart(page);\n            await chart.focus();\n            await page.waitForChanges();\n\n            expect(await getFocusedAttribute(page, 'test-id')).toBeNull();\n        });\n\n        describe('when element is clickable', () => {\n            beforeEach(async () => {\n                await setupChart(page);\n                chart.setProperty('isClickable', true);\n                await page.waitForChanges();\n            });\n\n            it('focuses center button when focus event is dispatched', async function (): Promise<void> {\n                chart.triggerEvent('focus');\n                await page.waitForChanges();\n\n                expect(await getFocusedAttribute(page, 'test-id')).toEqual('centerCard');\n            });\n\n            it('focuses center button when element.focus() is called', async function (): Promise<void> {\n                await chart.focus();\n                await page.waitForChanges();\n\n                expect(await getFocusedAttribute(page, 'test-id')).toEqual('centerCard');\n            });\n        });\n    });\n\n    describe('emphasis chart option', () => {\n        it('is enabled in desktop environment', async () => {\n            await setupChart(page);\n            const options = await getOptions(page);\n            const emphasisDisabled = options.emphasis.disabled;\n            expect(emphasisDisabled).toBe(false);\n        });\n\n        it('is disabled in mobile environment', async () => {\n            await page.setViewport({\n                width: 375,\n                height: 812,\n                deviceScaleFactor: 3,\n                isMobile: true,\n                hasTouch: true,\n                isLandscape: false,\n            });\n            await page.setUserAgent(\n                'Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Mobile/15E148 Safari/604.1'\n            );\n            await setupChart(page);\n            const options = await getOptions(page);\n            const emphasisDisabled = options.emphasis.disabled;\n            expect(emphasisDisabled).toBe(true);\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                await setupChart(page);\n                chart.setProperty('chartName', 'Recent Spending');\n                await page.waitForChanges();\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {\n            it('renders a descriptive aria-label for the chart', async () => {\n                await setupChart(page);\n                chart.setProperty('chartName', 'Recent Spending');\n                await page.waitForChanges();\n\n                const chartContainer = await page.find('q2-chart-donut >>> .chart-container');\n                const ariaLabelText = await chartContainer.getAttribute('aria-label');\n\n                // this text is provided through the built-in accessibility feature from the Apache Echarts library when 'aria: true' is set in the chart options\n                expect(ariaLabelText).toContain(\n                    'This is a chart with type Pie chart named Recent Spending.The data is as follows: the data for Groceries is 1048, the data for Pets is 735, the data for Rent is 580, the data for Automobile is 484, the data for Utilities is 0, the data for Gifts is 300.'\n                );\n            });\n\n            it('renders a descriptive aria-describedby element for the chart', async () => {\n                await setupChart(page);\n                chart.setProperty('chartName', 'Recent Spending');\n                chart.setProperty('isClickable', true);\n                await page.waitForChanges();\n                const descriptionDiv = await page.find('q2-chart-donut >>> [id=center-card-description]');\n\n                expect(descriptionDiv.innerText).toEqual(\n                    'Use the left and right arrow keys to navigate between slices of the chart. The escape key will reset the chart to its original state.'\n                );\n            });\n        });\n    });\n});\n"]}
+{"version":3,"file":"q2-chart-donut-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-chart-donut/test/q2-chart-donut-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, EventSpy } from '@stencil/core/testing';\nimport {\n    setup,\n    getFocusedAttribute,\n    setTestStrings,\n    evaluateA11y,\n    getListOfStyleCompilationIssues,\n} from '@/utils/helpers';\n\ndescribe('q2-chart-donut', () => {\n    let page: E2EPage;\n    let chart: E2EElement;\n    let centerCard: E2EElement;\n    let name: E2EElement;\n    let icon: E2EElement;\n    let value: E2EElement;\n    let clickSpy: EventSpy;\n    let changeSpy: EventSpy;\n\n    const selectById = async (page: E2EPage, id: string) => {\n        return page.$eval(\n            'q2-chart-donut',\n            (element: HTMLQ2ChartDonutElement, id: string) => element.selectById(id),\n            id\n        );\n    };\n\n    const selectByIndex = async (page: E2EPage, index: number) => {\n        return page.$eval(\n            'q2-chart-donut',\n            (element: HTMLQ2ChartDonutElement, index: number) => element.selectByIndex(index),\n            index\n        );\n    };\n\n    const clearSelection = async (page: E2EPage) => {\n        return page.$eval('q2-chart-donut', (element: HTMLQ2ChartDonutElement) => element.clearSelection());\n    };\n\n    const getOptions = async (page: E2EPage) => {\n        return page.evaluate(async () => {\n            const chartElement = document.querySelector('q2-chart-donut');\n            const chartInstance = await chartElement.getChartOptions();\n            return chartInstance.series[0];\n        });\n    };\n\n    const setupChart = async (page: E2EPage, props: string = '') => {\n        await page.setContent(`<q2-chart-donut ${props}></q2-chart-donut>`);\n        chart = await page.find('q2-chart-donut');\n        chart.setProperty('data', [\n            { value: 1048, name: 'Groceries', id: 'groceries', icon: 'cart' },\n            { value: 735, name: 'Pets', id: 'pets', icon: 'paw' },\n            { value: 580, name: 'Rent', id: 'rent', icon: 'home', color: 'var(--const-stoplight-info)' },\n            { value: 484, name: 'Automobile', id: 'automobiles', icon: 'car' },\n            { value: 0, name: 'Utilities', id: 'utilities', icon: 'lightbulb' },\n            { value: 300, name: 'Gifts', id: 'gifts', icon: 'gift', color: 'rebeccapurple' },\n        ]);\n        await page.waitForChanges();\n    };\n\n    beforeEach(async () => {\n        page = await setup({ html: '' });\n        await setTestStrings(page, {\n            'tecton.element.chartDonut.button.summaryName': 'Total',\n            'tecton.element.chartDonut.button.description':\n                'Use the left and right arrow keys to navigate between slices of the chart. The escape key will reset the chart to its original state.',\n            'tecton.element.chartDonut.button.roleDescription': 'Chart button',\n        });\n    });\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-chart-donut></q2-chart-donut>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-chart-donut')).toHaveLength(0);\n    });\n\n    it('renders a canvas element', async () => {\n        await setupChart(page);\n        const canvas = await page.find('q2-chart-donut >>> canvas');\n\n        expect(canvas).toBeTruthy();\n\n        expect(canvas).toEqualAttribute('aria-hidden', 'true');\n    });\n\n    it('adds color properties to q2-icon', async () => {\n        await setupChart(page);\n        const getIconStyleProp = async (page: E2EPage, prop: string) =>\n            page.$eval(\n                'q2-chart-donut',\n                (element, [prop]) => {\n                    return element.shadowRoot.querySelector<HTMLElement>('q2-icon').style.getPropertyValue(prop);\n                },\n                [prop]\n            );\n        await selectById(page, 'rent');\n        await page.waitForChanges();\n\n        expect(await getIconStyleProp(page, '--tct-icon-stroke-primary')).toBe('var(--const-stoplight-info)');\n        expect(await getIconStyleProp(page, '--tct-icon-stroke-secondary')).toBe('var(--const-stoplight-info)');\n        expect(await getIconStyleProp(page, 'color')).toBe('var(--const-stoplight-info)');\n    });\n\n    it('displays zero values', async () => {\n        await setupChart(page);\n        await page.waitForChanges();\n        await selectById(page, 'utilities');\n        await page.waitForChanges();\n        value = await page.find('q2-chart-donut >>> .value');\n\n        expect(value).toEqualText('0');\n    });\n\n    describe('Props', () => {\n        describe('showLegend', () => {\n            it('when true renders the legend', async () => {\n                await setupChart(page, 'show-legend=\"true\"');\n                await page.waitForChanges();\n                const legend = await page.find('q2-chart-donut >>> q2-legend');\n\n                expect(legend).not.toBeNull();\n            });\n            it('when false legend not rendered', async () => {\n                await setupChart(page);\n                const legend = await page.find('q2-chart-donut >>> q2-legend');\n\n                expect(legend).toBeNull();\n            });\n        });\n        describe('summaryName', () => {\n            describe('when not provided', () => {\n                it('renders with default value', async () => {\n                    await setupChart(page);\n                    name = await page.find('q2-chart-donut >>> .name');\n\n                    expect(name).toEqualText('Total');\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders with provided value', async () => {\n                    await setupChart(page);\n                    chart.setProperty('summaryName', 'All The Things');\n                    await page.waitForChanges();\n                    name = await page.find('q2-chart-donut >>> .name');\n\n                    expect(name).toEqualText('All The Things');\n                });\n            });\n        });\n\n        describe('summaryIcon', () => {\n            describe('when not provided', () => {\n                it('does not render', async () => {\n                    await setupChart(page);\n                    icon = await page.find('q2-chart-donut >>> .icon');\n\n                    expect(icon).toBeNull();\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders with provided value', async () => {\n                    await setupChart(page);\n                    chart.setProperty('summaryIcon', 'coins');\n                    await page.waitForChanges();\n                    icon = await page.find('q2-chart-donut >>> q2-icon');\n\n                    expect(icon).toEqualAttribute('type', 'coins');\n                });\n            });\n        });\n\n        describe('format', () => {\n            describe('when not provided', () => {\n                it('renders default format', async () => {\n                    await setupChart(page);\n                    value = await page.find('q2-chart-donut >>> .value');\n\n                    expect(value).toEqualText('3,147');\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders as currency', async () => {\n                    await setupChart(page);\n                    chart.setProperty('format', 'currency');\n                    await page.waitForChanges();\n                    value = await page.find('q2-chart-donut >>> .value');\n\n                    expect(value).toEqualText('$3,147.00');\n                });\n            });\n        });\n\n        describe('isClickable', () => {\n            describe('when not provided', () => {\n                it('renders center content in a div', async () => {\n                    await setupChart(page);\n                    centerCard = await page.find('q2-chart-donut >>> .center-card');\n\n                    expect(centerCard.tagName).toEqualText('DIV');\n                    expect(centerCard).not.toHaveAttribute('aria-description');\n                    expect(centerCard).not.toHaveAttribute('aria-roledescription');\n                });\n            });\n\n            describe('when provided', () => {\n                it('renders center content in a button', async () => {\n                    await setupChart(page);\n                    chart.setProperty('isClickable', true);\n                    await page.waitForChanges();\n                    centerCard = await page.find('q2-chart-donut >>> .center-card');\n\n                    expect(centerCard.tagName).toEqualText('BUTTON');\n                    expect(centerCard).toEqualAttribute('aria-roledescription', 'Chart button');\n                    expect(centerCard).toEqualAttribute('aria-describedby', 'center-card-description');\n                });\n            });\n        });\n\n        describe('minSliceSize', () => {\n            const convertSliceSizeToAngle = (sliceSize: string) => {\n                return (parseFloat(sliceSize) / 100) * 360;\n            };\n            const getMinAngle = async (page: E2EPage) => {\n                const options = await getOptions(page);\n                return options.minAngle;\n            };\n            const sliceSize = '9.5%';\n\n            describe('when not provided', () => {\n                it('renders with default value', async () => {\n                    await setupChart(page);\n                    const minAngle = await getMinAngle(page);\n\n                    expect(minAngle).toEqual(convertSliceSizeToAngle('2.5%'));\n                });\n            });\n\n            describe('when provided', () => {\n                it('on load renders with provided value', async () => {\n                    await setupChart(page, `min-slice-size=\"${sliceSize}\"`);\n                    const minAngle = await getMinAngle(page);\n\n                    expect(minAngle).toEqual(convertSliceSizeToAngle(sliceSize));\n                });\n                it('after load renders with provided value', async () => {\n                    await setupChart(page);\n                    chart.setProperty('minSliceSize', sliceSize);\n                    await page.waitForChanges();\n                    const minAngle = await getMinAngle(page);\n\n                    expect(minAngle).toEqual(convertSliceSizeToAngle(sliceSize));\n                });\n            });\n        });\n    });\n\n    describe('Watchers', () => {\n        describe('innerRadius', () => {\n            describe('when changed to a value greater than outerRadius', () => {\n                it('reverts the value to be 15% less than the outerRadius', async () => {\n                    await setupChart(page);\n\n                    expect(await chart.getProperty('innerRadius')).toEqual('70%');\n                    expect(await chart.getProperty('outerRadius')).toEqual('85%');\n\n                    chart.setProperty('innerRadius', '90%');\n                    await page.waitForChanges();\n\n                    expect(await chart.getProperty('innerRadius')).toEqual('70%');\n                });\n            });\n        });\n\n        describe('outerRadius', () => {\n            describe('when changed to a value less than innerRadius', () => {\n                it('reverts the value to be 15% more than the innerRadius', async () => {\n                    await setupChart(page);\n\n                    expect(await chart.getProperty('innerRadius')).toEqual('70%');\n                    expect(await chart.getProperty('outerRadius')).toEqual('85%');\n\n                    chart.setProperty('outerRadius', '65%');\n                    await page.waitForChanges();\n\n                    expect(await chart.getProperty('outerRadius')).toEqual('85%');\n                });\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        beforeEach(async () => {\n            await setupChart(page);\n            centerCard = await page.find('q2-chart-donut >>> .center-card');\n            changeSpy = await chart.spyOnEvent('change');\n        });\n\n        describe('selectById', () => {\n            it('selects the correct slice by id', async () => {\n                await selectById(page, 'rent');\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).toHaveReceivedEventDetail({\n                    id: 'rent',\n                    name: 'Rent',\n                    value: 580,\n                    icon: 'home',\n                    color: 'var(--const-stoplight-info)',\n                });\n                expect(icon).toEqualAttribute('type', 'home');\n                expect(name).toEqualText('Rent');\n                expect(value).toEqualText('580');\n            });\n\n            it('does not emit event when invalid id is passed', async () => {\n                await selectById(page, 'iron-man');\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).not.toHaveReceivedEvent();\n                expect(icon).toBeNull();\n                expect(name).toEqualText('Total');\n                expect(value).toEqualText('3,147');\n            });\n        });\n\n        describe('selectByIndex', () => {\n            it('selects the correct slice by index', async () => {\n                await selectByIndex(page, 1);\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).toHaveReceivedEventDetail({\n                    id: 'pets',\n                    name: 'Pets',\n                    value: 735,\n                    icon: 'paw',\n                });\n                expect(icon).toEqualAttribute('type', 'paw');\n                expect(name).toEqualText('Pets');\n                expect(value).toEqualText('735');\n            });\n\n            it('does not emit event when invalid index is passed', async () => {\n                await selectByIndex(page, 10);\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).not.toHaveReceivedEvent();\n                expect(icon).toBeNull();\n                expect(name).toEqualText('Total');\n                expect(value).toEqualText('3,147');\n            });\n        });\n\n        describe('clearSelection', () => {\n            beforeEach(async () => {\n                await selectById(page, 'rent');\n                await page.waitForChanges();\n            });\n\n            it('clears the selected slice', async () => {\n                await clearSelection(page);\n                await page.waitForChanges();\n\n                icon = await page.find('q2-chart-donut >>> q2-icon');\n                name = await page.find('q2-chart-donut >>> .name');\n                value = await page.find('q2-chart-donut >>> .value');\n\n                expect(changeSpy).toHaveReceivedEventDetail({\n                    id: null,\n                    name: null,\n                    value: null,\n                });\n                expect(icon).toBeNull();\n                expect(name).toEqualText('Total');\n                expect(value).toEqualText('3,147');\n            });\n        });\n    });\n\n    describe('when element is clickable', () => {\n        beforeEach(async () => {\n            await setupChart(page);\n            chart.setProperty('isClickable', true);\n            await page.waitForChanges();\n            centerCard = await page.find('q2-chart-donut >>> .center-card');\n            clickSpy = await chart.spyOnEvent('click');\n            changeSpy = await chart.spyOnEvent('change');\n        });\n\n        it('emits a click event when clicked', async () => {\n            await centerCard.click();\n\n            expect(clickSpy).toHaveReceivedEventDetail({\n                id: null,\n                name: null,\n                value: null,\n            });\n        });\n\n        it('and a slice is selected emits a click event when clicked', async () => {\n            await selectById(page, 'rent');\n            await page.waitForChanges();\n            await centerCard.click();\n\n            expect(clickSpy).toHaveReceivedEventDetail({\n                id: 'rent',\n                name: 'Rent',\n                value: 580,\n                icon: 'home',\n                color: 'var(--const-stoplight-info)',\n            });\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'rent',\n                name: 'Rent',\n                value: 580,\n                icon: 'home',\n                color: 'var(--const-stoplight-info)',\n            });\n        });\n\n        it('emits a change event when arrow keys are pressed', async () => {\n            await centerCard.press('ArrowLeft');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'gifts',\n                name: 'Gifts',\n                value: 300,\n                icon: 'gift',\n                color: 'rebeccapurple',\n            });\n\n            await centerCard.press('ArrowRight');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'groceries',\n                name: 'Groceries',\n                value: 1048,\n                icon: 'cart',\n            });\n\n            await centerCard.press('Escape');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: null,\n                name: null,\n                value: null,\n            });\n        });\n\n        it('and has a legend does not emit a click event when a legend item is clicked', async () => {\n            chart.setProperty('showLegend', true);\n            chart.setProperty('data', [{ value: 1048, name: 'Groceries', id: 'groceries', icon: 'cart' }]);\n            await page.waitForChanges();\n            const legend = await page.find('q2-chart-donut >>> q2-legend >>> button');\n            await legend.click();\n\n            expect(clickSpy).not.toHaveReceivedEvent();\n        });\n    });\n\n    describe('when element is not clickable', () => {\n        let chartContainer: E2EElement;\n        beforeEach(async () => {\n            await setupChart(page);\n            chart.setProperty('isClickable', false);\n            await page.waitForChanges();\n            chartContainer = await page.find('q2-chart-donut >>> .chart-container');\n            centerCard = await page.find('q2-chart-donut >>> .center-card');\n            clickSpy = await chart.spyOnEvent('click');\n            changeSpy = await chart.spyOnEvent('change');\n        });\n\n        it('does not emit click event when clicked', async () => {\n            await centerCard.click();\n\n            expect(clickSpy).toHaveReceivedEventDetail(1);\n        });\n\n        it('emits a change event when arrow keys are pressed', async () => {\n            await chartContainer.press('ArrowLeft');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'gifts',\n                name: 'Gifts',\n                value: 300,\n                icon: 'gift',\n                color: 'rebeccapurple',\n            });\n\n            await chartContainer.press('ArrowRight');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: 'groceries',\n                name: 'Groceries',\n                value: 1048,\n                icon: 'cart',\n            });\n\n            await chartContainer.press('Escape');\n            await page.waitForChanges();\n\n            expect(changeSpy).toHaveReceivedEventDetail({\n                id: null,\n                name: null,\n                value: null,\n            });\n        });\n    });\n\n    describe('focus', () => {\n        it('does not focus anything when focus event is dispatched', async function (): Promise<void> {\n            await setupChart(page);\n            chart.triggerEvent('focus');\n            await page.waitForChanges();\n\n            expect(await getFocusedAttribute(page, 'test-id')).toBeNull();\n        });\n\n        it('does not focus anything when element.focus() is called', async function (): Promise<void> {\n            await setupChart(page);\n            await chart.focus();\n            await page.waitForChanges();\n\n            expect(await getFocusedAttribute(page, 'test-id')).toBeNull();\n        });\n\n        describe('when element is clickable', () => {\n            beforeEach(async () => {\n                await setupChart(page);\n                chart.setProperty('isClickable', true);\n                await page.waitForChanges();\n            });\n\n            it('focuses center button when focus event is dispatched', async function (): Promise<void> {\n                chart.triggerEvent('focus');\n                await page.waitForChanges();\n\n                expect(await getFocusedAttribute(page, 'test-id')).toEqual('centerCard');\n            });\n\n            it('focuses center button when element.focus() is called', async function (): Promise<void> {\n                await chart.focus();\n                await page.waitForChanges();\n\n                expect(await getFocusedAttribute(page, 'test-id')).toEqual('centerCard');\n            });\n        });\n    });\n\n    describe('emphasis chart option', () => {\n        it('is enabled in desktop environment', async () => {\n            await setupChart(page);\n            const options = await getOptions(page);\n            const emphasisDisabled = options.emphasis.disabled;\n            expect(emphasisDisabled).toBe(false);\n        });\n\n        it('is disabled in mobile environment', async () => {\n            await page.setViewport({\n                width: 375,\n                height: 812,\n                deviceScaleFactor: 3,\n                isMobile: true,\n                hasTouch: true,\n                isLandscape: false,\n            });\n            await page.setUserAgent(\n                'Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Mobile/15E148 Safari/604.1'\n            );\n            await setupChart(page);\n            const options = await getOptions(page);\n            const emphasisDisabled = options.emphasis.disabled;\n            expect(emphasisDisabled).toBe(true);\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                await setupChart(page);\n                chart.setProperty('chartName', 'Recent Spending');\n                await page.waitForChanges();\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {\n            it('renders a descriptive aria-label for the chart', async () => {\n                await setupChart(page);\n                chart.setProperty('chartName', 'Recent Spending');\n                await page.waitForChanges();\n\n                const chartContainer = await page.find('q2-chart-donut >>> .chart-container');\n                const ariaLabelText = await chartContainer.getAttribute('aria-label');\n\n                // this text is provided through the built-in accessibility feature from the Apache Echarts library when 'aria: true' is set in the chart options\n                expect(ariaLabelText).toContain(\n                    'This is a chart with type Pie chart named Recent Spending.The data is as follows: the data for Groceries is 1048, the data for Pets is 735, the data for Rent is 580, the data for Automobile is 484, the data for Utilities is 0, the data for Gifts is 300.'\n                );\n            });\n\n            it('renders a descriptive aria-describedby element for the chart', async () => {\n                await setupChart(page);\n                chart.setProperty('chartName', 'Recent Spending');\n                chart.setProperty('isClickable', true);\n                await page.waitForChanges();\n                const descriptionDiv = await page.find('q2-chart-donut >>> [id=center-card-description]');\n\n                expect(descriptionDiv.innerText).toEqual(\n                    'Use the left and right arrow keys to navigate between slices of the chart. The escape key will reset the chart to its original state.'\n                );\n            });\n        });\n    });\n\n    describe('Test methods', () => {\n        it('call selectDataPoint', async () => {\n            const page = await setup({ html: '<q2-chart-donut></q2-chart-donut>' });\n            await setupChart(page);\n            chart.setProperty('chartName', 'Recent Spending');\n            await chart.callMethod('selectDataPoint', 0);\n            expect(await chart.getProperty('selectedId')).toBe('groceries');\n            await chart.callMethod('selectDataPoint', 2);\n            expect(await chart.getProperty('selectedId')).toBe('rent');\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.css

@@ -66,34 +66,26 @@ button {
 }
 
 :host {
-  margin-top: var(--tct-scale-2, var(--app-scale-2x, 10px));
+  margin-top: var(--tct-checkbox-group-margin-top, var(--app-scale-2x, 10px));
 }
 
 fieldset {
-  padding: var(--tct-input-error-padding, 0);
+  padding: var(--tct-checkbox-group-fieldset-padding, 0);
   margin: 0;
   border: 0;
-}
-
-fieldset.has-error {
-  border-color: var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));
-  border-width: 1px;
-  border-style: solid;
-  border-radius: var(--tct-border-radius-1, var(--app-border-radius-1, 4px));
   position: relative;
 }
 
-fieldset.has-error .error-icon-container {
-  top: 8px;
-  right: 8px;
-  position: absolute;
-  width: 40%;
-  text-align: right;
-  background: linear-gradient(to right, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgb(255, 255, 255))));
+.label-row {
+  display: grid;
+  grid-template-columns: 1fr 24px;
+  grid-template-areas: "label icon";
+  column-gap: var(--tct-checkbox-group-label-column-gap, var(--app-scale-2x, 10px));
 }
-
-fieldset.has-error legend + div.error-icon-container.no-label {
-  top: 28px;
+.label-row q2-icon {
+  grid-area: icon;
+  margin-top: -2px;
+  margin-bottom: -2px;
 }
 
 .group-legend {
@@ -110,11 +102,26 @@ legend.sr-only {
   border: 0;
 }
 
+.slot-container {
+  margin: var(--app-scale-1x, 5px) 0;
+  padding: var(--app-scale-1x, 5px);
+  border-width: 1px;
+  border-color: transparent;
+  border-style: solid;
+  border-radius: var(--tct-checkbox-group-border-radius, var(--app-border-radius-1, 4px));
+}
+:host([has-error]) .slot-container {
+  border-color: var(--tct-checkbox-group-error-border-color, var(--const-stoplight-alert, #d20a0a));
+}
+:host([has-error=false]) .slot-container {
+  border-color: transparent;
+}
+
 .optional-tag {
-  margin-left: var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));
-  color: var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));
-  font-size: var(--tct-input-label-optional-font-size, 12px);
-  font-weight: var(--tct-input-label-optional-font-weight, 400);
+  margin-left: var(--tct-checkbox-group-label-optional-margin-left, var(--app-scale-1x, 5px));
+  color: var(--tct-checkbox-group-label-optional-color, var(--t-checkbox-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));
+  font-size: var(--tct-checkbox-group-label-optional-font-size, 12px);
+  font-weight: var(--tct-checkbox-group-label-optional-font-weight, 400);
 }
 
 .flexed {

package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.js

@@ -1,4 +1,4 @@
-import { h, } from "@stencil/core";
+import { h, Fragment, } from "@stencil/core";
 import { createGuid, renderLabel } from "../../utils/index";
 export class Q2CheckboxGroup {
     constructor() {
@@ -88,7 +88,7 @@ export class Q2CheckboxGroup {
         return this.value || {};
     }
     inputDom() {
-        return h("slot", null);
+        return (h("div", { class: "slot-container" }, h("slot", null)));
     }
     updateDisabled() {
         const groupDisabled = this.disabled;
@@ -115,7 +115,8 @@ export class Q2CheckboxGroup {
     // #region Render Methods
     render() {
         const showLabel = this.label || this.optional || this.readonly;
-        return (h("div", { key: 'ee1eeb52e7e665ae80d9313014ba80a2a4abb5cd' }, showLabel && !this.hideLabel && h("div", { key: '153df1bc19ac7236cbcb8a7f9f5536e601d07b0c', class: "group-legend" }, renderLabel(this)), h("fieldset", { key: 'a118e02dd1b3183cd00c77d38686d38da58a8cc7', class: `q2-checkbox-fieldset ${this.hasError ? 'has-error' : ''}`, onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}` }, this.label || this.optional ? h("legend", { class: "sr-only" }, renderLabel(this)) : '', this.hasError ? (h("div", { class: `error-icon-container ${this.label || this.optional ? '' : 'no-label'}` }, h("q2-icon", { class: "h(4) w(4) mrg-b(2)", type: "error" }))) : (''), this.inputDom())));
+        const showLabelRow = (showLabel && !this.hideLabel) || this.hasError;
+        return (h(Fragment, { key: 'e2e313379cf001e419e0f4af7852e09f16931d28' }, showLabelRow && (h("div", { key: '65dce898067eaacb01fcdffa8aefa7faed0aa3d7', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: '9c627891b5ca932a7ae6d7c519b387f339f3d3f0', class: "group-legend" }, renderLabel(this)), this.hasError && (h("q2-icon", { key: '940512e2c8b756743242356c8b189981a4f0b576', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '797c6e7b149685201dd3f8717a86674941801199', onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError ? `${this.hasError}` : undefined }, showLabel && h("legend", { key: '817cf2050f2e7435782046802c7af359354f4d0f', class: "sr-only" }, renderLabel(this)), this.inputDom())));
     }
     static get is() { return "q2-checkbox-group"; }
     static get encapsulation() { return "shadow"; }