q2-tecton-elements 1.50.1 → 1.51.1

package/dist/q2-tecton-elements/p-7903cd15.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["q2DataTableCss","Q2DataTableStyle0","Q2DataTable","this","checkSlots","hasExpandableRows","_b","_a","hostElement","querySelector","hasDropdowns","_d","_c","checkSlotCount","onClickRow","event","row","stopPropagation","click","emit","onClickTableRow","clickable","onToggleRow","onControlContainerClick","onSelectRow","selectMode","serializedRows","selectedRows","currentlySelectedRows","checked","detail","selectedRow","Object","assign","selected","filter","id","allRowsSelected","length","isIndeterminate","selectEvent","select","rows","allSelected","defaultPrevented","map","someRowsSelected","onSort","header","direction","sorted","sortKey","key","sortEvent","sort","shouldAutoSort","sortable","serializedHeaders","serializedHeader","undefined","sortRows","expanded","toggleEvent","toggle","disconnectedCallback","mutationObserver","disconnect","resizeObserver","componentWillLoad","headersHandler","headers","rowsHandler","componentDidLoad","MutationObserver","observer","observe","childList","subtree","attributes","ResizeObserver","resizeIframe","onClickListener","PointerEvent","stopImmediatePropagation","onSelectAllRows","disabled","clickRow","rowId","btn","shadowRoot","getCellContent","columnKey","slotContent","textContent","text","sortColumn","toggleRowExpansion","toggleRowSelect","chk","toggleSelectAllRows","selectable","title","toLowerCase","replace","mappedHeaders","defaultRow","cells","isAllSelected","serializedCells","entries","reduce","accum","cellKey","cellData","align","type","lineClamp","verticalAlign","isBadge","defaultCell","value","ariaLabel","badgeStatus","badgeTheme","result","sortedHeader","find","hasRowData","selectableHandler","selectAllRows","numberOfColumns","sortedRows","a","b","aValue","bValue","render","caption","h","class","hideCaption","renderTableColGroup","renderTableHeader","renderEmptyState","renderTableRows","renderCellContent","cell","includes","valueAsInt","parseFloat","theme","status","size","valueAsString","label","loc","emptyIcon","emptyMessage","loading","name","colSpan","width","backgroundColor","style","hideClickable","onChange","indeterminate","headerClasses","push","join","onClick","striped","inline","isSelectDisabled","clickableClasses","clickableClassString","cellSlotPrefix","expandableRowName","dropdownCellName","rowHasExpandableSlot","rowHasDropdownSlot","rowClasses","rowIsClickable","Fragment","e","tabIndex","cellAlign","cellVerticalAlign","cellClasses","cellStyles","intent","ariaExpanded","ariaControls","hidden"],"sources":["src/components/q2-data-table/q2-data-table.scss?tag=q2-data-table&encapsulation=shadow","src/components/q2-data-table/q2-data-table.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: block;\n}\n\n.container {\n    --comp-cell-padding: #{var-list(--tct-data-table-cell-padding, --tct-table-cell-padding, --app-scale-3x, 15px)};\n    --comp-select-column-width: #{var-list(\n            --tct-data-table-select-column-width,\n            --tct-table-select-column-width,\n            --tct-checkbox-size,\n            20px\n        )};\n    --comp-dropdown-column-width: #{var-list(\n            --tct-data-table-dropdown-column-width,\n            --tct-table-dropdown-column-width,\n            --tct-btn-icon-width,\n            44px\n        )};\n    --comp-expandable-row-control-column-width: #{var-list(\n            --tct-data-table-expandable-row-control-column-width,\n            --tct-table-expandable-row-control-column-width,\n            --tct-btn-icon-width,\n            44px\n        )};\n\n    overflow: auto;\n    @include tiny-scrollbar();\n\n    :host([shadowed]:not([shadowed='false'])) & {\n        box-shadow: var-list(\n            --tct-data-table-shadow,\n            --tct-table-shadow,\n            --app-shadow-1,\n            unquote(\"0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)\")\n        );\n    }\n\n    :host([density='compact']) & {\n        --comp-cell-padding: #{var-list(\n                --tct-data-table-cell-padding-compact,\n                --tct-table-cell-padding-compact,\n                --app-scale-1x,\n                5px\n            )};\n    }\n\n    :host([density='comfortable']) & {\n        --comp-cell-padding: #{var-list(\n                --tct-data-table-cell-padding-comfortable,\n                --tct-table-cell-padding-comfortable,\n                --app-scale-5x,\n                25px\n            )};\n    }\n}\n\ntable {\n    table-layout: var-list(--tct-data-table-layout, --tct-table-layout, auto);\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: var-list(--tct-data-table-width, --tct-table-width);\n    min-width: 100%;\n    background: var-list(--tct-data-table-background, --tct-table-background, --t-base, #ffffff);\n    caption-side: var-list(--tct-data-table-caption-side, --tct-table-caption-side, bottom);\n}\n\nthead {\n    border-width: var-list(--tct-data-table-header-border-width, --tct-table-header-border-width, unquote('0 0 2px 0'));\n    border-style: var-list(--tct-data-table-header-border-style, --tct-table-header-border-style, solid);\n    border-color: var-list(--tct-data-table-header-border-color, --tct-table-header-border-color, --t-gray-9, #999999);\n    background: var-list(--tct-data-table-header-background, --tct-table-header-background);\n}\n\ncol {\n    &.select-column {\n        width: var(--comp-select-column-width);\n    }\n\n    &.expandable-row-control-column {\n        width: var(--comp-expandable-row-control-column-width);\n    }\n\n    &.dropdown-column {\n        width: var(--comp-dropdown-column-width);\n    }\n\n    :host(:is([bordered='vertical'], [bordered='grid'])) & {\n        border-width: var-list(--tct-data-table-column-border-width, unquote('0 1px 0 0'));\n        border-style: var-list(--tct-data-table-column-border-style, solid);\n        border-color: var-list(--tct-data-table-column-border-color, --t-gray-9, #999999);\n\n        &:last-child {\n            border: none;\n        }\n    }\n}\n\ntd,\nth {\n    padding: var(--comp-cell-padding);\n    text-align: start;\n    vertical-align: middle;\n\n    &.align-end {\n        text-align: end;\n    }\n    &.align-center {\n        text-align: center;\n    }\n    &.vertical-align-top {\n        vertical-align: top;\n    }\n    &.vertical-align-bottom {\n        vertical-align: bottom;\n    }\n}\n\nth {\n    .header-content {\n        font-weight: var-list(--tct-data-table-header-font-weight, --tct-table-header-font-weight, 600);\n        font-size: var-list(--tct-data-table-header-font-size, --app-font-size, 14px);\n    }\n\n    &.sorted {\n        .header-content {\n            font-weight: var-list(\n                --tct-data-table-header-sorted-font-weight,\n                --tct-table-header-sorted-font-weight,\n                600\n            );\n        }\n    }\n\n    .sorted-indicator {\n        --comp-header-sortable-icon-size: #{var-list(\n                --tct-data-table-header-sortable-icon-size,\n                --tct-table-header-sortable-icon-size,\n                --app-scale-3x,\n                15px\n            )};\n        --tct-icon-stroke-width: 2;\n\n        width: var(--comp-header-sortable-icon-size);\n        height: var(--comp-header-sortable-icon-size);\n\n        &.direction-ASC {\n            transform: rotate(180deg);\n        }\n    }\n\n    q2-btn {\n        .header-content {\n            display: flex;\n            align-items: center;\n            gap: var-list(--tct-data-table-header-content-gap, --tct-table-header-content-gap, --app-scale-2x, 10px);\n        }\n    }\n}\n\ntr {\n    &.expandable,\n    &.clickable {\n        cursor: pointer;\n\n        &:focus {\n            outline: none;\n            box-shadow: none;\n        }\n    }\n\n    &.striped {\n        &:nth-child(even) {\n            background: var-list(--tct-data-table-row-even-background, --t-gray-14, #f2f2f2);\n        }\n        &:nth-child(odd) {\n            background: var-list(--tct-data-table-row-odd-background, transparent);\n        }\n    }\n\n    &.expandable {\n        &:hover {\n            background: var-list(\n                --tct-data-table-expandable-row-hover-background,\n                --tct-table-expandable-row-hover-background,\n                --t-gray-14,\n                #f2f2f2\n            );\n        }\n    }\n\n    &.clickable {\n        &:hover {\n            background: var-list(\n                --tct-data-table-clickable-row-hover-background,\n                --tct-table-clickable-row-hover-background,\n                --t-gray-14,\n                #f2f2f2\n            );\n        }\n    }\n\n    &.selected {\n        background: var-list(\n            --tct-data-table-selected-row-background,\n            --tct-table-selected-row-background,\n            --t-gray-14,\n            #f2f2f2\n        );\n    }\n\n    &.expanded {\n        background: var-list(\n            --tct-data-table-expanded-row-background,\n            --tct-table-expanded-row-background,\n            --t-gray-14,\n            #f2f2f2\n        );\n\n        .toggle-expandable-row {\n            transform: rotate(180deg);\n        }\n    }\n\n    :host(:is([bordered], [bordered='horizontal'], [bordered='grid']):not([bordered='vertical'], [bordered='false']))\n        tbody\n        & {\n        border-width: var-list(--tct-data-table-row-border-width, --tct-table-row-border-width, unquote('0 0 1px 0'));\n        border-style: var-list(--tct-data-table-row-border-style, --tct-table-row-border-style, solid);\n        border-color: var-list(--tct-data-table-row-border-color, --tct-table-row-border-color, --t-gray-9, #999999);\n    }\n\n    &.loading-row {\n        background: var-list(\n            --tct-data-table-loading-row-background,\n            --tct-table-loading-row-background,\n            --t-base,\n            #ffffff\n        );\n        td {\n            text-align: center;\n        }\n\n        q2-loading {\n            font-size: 4em;\n        }\n    }\n\n    &.empty-state {\n        background: var-list(--tct-data-table-loading-row-background, --t-base, #ffffff);\n        td {\n            text-align: center;\n        }\n        .empty-state-content {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding-top: var(--app-scale-10x, 50px);\n            padding-bottom: var(--app-scale-10x, 50px);\n            gap: var(--app-scale-4x, 20px);\n            --tct-icon-size: var(--app-scale-6x, 30px);\n        }\n    }\n\n    &.expandable-row {\n        background: var-list(\n            --tct-data-table-expanded-row-background,\n            --tct-table-expanded-row-background,\n            --t-gray-14,\n            #f2f2f2\n        );\n    }\n}\n\ntd {\n    &.clamped {\n        div {\n            text-overflow: ellipsis;\n            overflow: hidden;\n            display: -webkit-box;\n            -webkit-line-clamp: var(--comp-line-clamp-count, 1);\n            -webkit-box-orient: vertical;\n        }\n    }\n\n    &.expandable-row-control-column {\n        --tct-btn-icon-hover-bg: transparent;\n        padding: var-list(\n            --tct-data-table-expandable-row-control-column-padding,\n            --tct-table-expandable-row-control-column-padding,\n            unquote('0 5px')\n        );\n        text-align: center;\n    }\n\n    &.dropdown-column {\n        padding: var-list(\n            --tct-data-table-dropdown-column-padding,\n            --tct-table-dropdown-column-padding,\n            unquote('0 5px')\n        );\n        text-align: center;\n    }\n\n    &.click-column:not(.sr) {\n        padding: var-list(\n            --tct-data-table-clickable-column-padding,\n            --tct-table-clickable-column-padding,\n            unquote('0 5px')\n        );\n        text-align: center;\n    }\n}\n\ncaption {\n    padding: var-list(--tct-data-table-caption-padding, --tct-table-caption-padding, --app-scale-2x, 10px);\n    font-size: var-list(--tct-data-table-caption-font-size, --tct-table-caption-font-size, inherit);\n    font-weight: var-list(--tct-data-table-caption-font-weight, --tct-table-caption-font-weight, 600);\n    text-align: var-list(--tct-data-table-caption-text-align, --tct-table-caption-text-align, center);\n    color: var-list(--tct-data-table-caption-color, --tct-table-caption-color, inherit);\n}\n\nq2-checkbox {\n    padding: 0;\n}\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Watch,\n    Event,\n    Element,\n    EventEmitter,\n    Fragment,\n    Listen,\n    Method,\n} from '@stencil/core';\nimport { loc, resizeIframe } from '../../utils';\n\nexport type Q2DataTableCellAlignOptions = 'start' | 'center' | 'end';\n\nexport type Q2DataTableCellType =\n    | {\n          // defines the type of cell\n          type?: 'text' | 'number' | 'icon' | 'boolean' | 'code';\n      }\n    | {\n          // when type='badge'\n          type?: 'badge';\n          badgeStatus?: HTMLQ2BadgeElement['status'];\n          badgeTheme?: HTMLQ2BadgeElement['theme'];\n      };\n\nexport type Q2DataTableHeader = {\n    title: string;\n    align?: Q2DataTableCellAlignOptions;\n    // Will be autogenerated from the title if not provided\n    // The key is used to grab the data from the row data\n    key?: string;\n    // Enables sorting for this column when true\n    // Manual will prevent automatic sorting and updating of the sorting indicators in the header\n    sortable?: boolean | 'auto' | 'manual';\n    width?: string;\n    // defines background for the column\n    backgroundColor?: string;\n    sorted?: 'ASC' | 'DESC';\n    ariaLabel?: string;\n    lineClamp?: number;\n    verticalAlign?: 'top' | 'bottom';\n} & Partial<Q2DataTableCellType>;\n\nexport type Q2DataTableCell = {\n    value: string | number | boolean;\n    align?: Q2DataTableCellAlignOptions;\n    ariaLabel?: string;\n    lineClamp?: number;\n    verticalAlign?: 'top' | 'bottom';\n} & Q2DataTableCellType;\n\nexport type Q2DataTableBaseRow = {\n    id: string | number;\n    selected?: boolean;\n    expanded?: boolean;\n    disabled?: boolean;\n};\n\nexport type Q2DataTableCells = Record<string, string | number | Q2DataTableCell>;\nexport type Q2DataTableSerializedCells = Record<string, Q2DataTableCell>;\n\nexport type Q2DataTableRow = Q2DataTableBaseRow & {\n    cells: Q2DataTableCells;\n};\nexport type Q2DataTableSerializedRow = Q2DataTableBaseRow & {\n    cells: Q2DataTableSerializedCells;\n};\n\n@Component({ tag: 'q2-data-table', shadow: true, styleUrl: 'q2-data-table.scss' })\nexport class Q2DataTable implements ComponentInterface {\n    // #region Own Properties\n\n    mutationObserver: MutationObserver;\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    allRowsSelected: boolean = false;\n\n    @State()\n    checkSlotCount: number = 0;\n\n    @State()\n    hasDropdowns: boolean = false;\n\n    @State()\n    hasExpandableRows: boolean = false;\n\n    @State()\n    hasRowData: boolean = false;\n\n    @State()\n    serializedHeaders: Q2DataTableHeader[] = [];\n\n    @State()\n    serializedRows: Q2DataTableSerializedRow[] = [];\n\n    @State()\n    someRowsSelected: boolean = false;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Adds borders between rows and/or columns in the table. */\n    @Prop({ mutable: true, reflect: true })\n    bordered: boolean | 'horizontal' | 'vertical' | 'grid';\n\n    /** Provides a caption for the data table. */\n    @Prop({ mutable: true })\n    caption: string;\n\n    /** Adds the ability to click a row and have the table emit an event with the selected row's data. */\n    @Prop({ mutable: true, reflect: true })\n    clickable: boolean;\n\n    /** Determines the amount of padding for each of the cells in the table. */\n    @Prop({ mutable: true, reflect: true })\n    density: 'compact' | 'normal' | 'comfortable';\n\n    /** Determines the `q2-icon` that will display when `rows` has no value. */\n    @Prop({ reflect: true })\n    emptyIcon: string = 'inbox';\n\n    /** Determines the message that will display when `rows` has no value.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    emptyMessage: string = 'tecton.element.dataTable.emptyMessage';\n\n    /**\n     * Defines the headers of the table.\n     *\n     * **Example:**\n     * @snippet\n     * element.headers = [\n     *  {\n     *    title: 'Day of the Week',\n     *    key: 'day',\n     *  },\n     *  {\n     *    title: 'Sales',\n     *    key: 'sales',\n     *    align: 'end',\n     *  }\n     * ]\n     *\n     */\n    @Prop({ mutable: true })\n    headers: Q2DataTableHeader[];\n\n    /** Hides the caption from view, but still makes it available to screen readers for accessibility purposes. */\n    @Prop({ mutable: true, reflect: true })\n    hideCaption: boolean;\n\n    /**\n     * Visually hides the `Select` button that displays when `clickable=true`. It will still be discoverable by assistive technologies.\n     *\n     * @info\n     * Use of this property requires `clickable` to be set to `true`.\n     */\n    @Prop({ mutable: true })\n    hideClickable: boolean;\n\n    /** Displays a loading state on the table to indicate background activity. */\n    @Prop({ mutable: true, reflect: true })\n    loading: boolean;\n\n    /**\n     * Defines the rows of the table.\n     *\n     * **Example:**\n     * @snippet\n     * element.rows = [\n     *  {\n     *    id: 1,\n     *    cells: {\n     *      day: 'Monday',\n     *      sales: 93\n     *    }\n     *  },\n     *  {\n     *    id: 2,\n     *    cells: {\n     *      day: 'Tuesday',\n     *      sales: 127\n     *    }\n     *  },\n     *  {\n     *    id: 3,\n     *    cells: {\n     *      day: 'Wednesday',\n     *      sales: 121\n     *    }\n     * ]\n     */\n    @Prop({ mutable: true })\n    rows: Q2DataTableRow[];\n\n    /** Adds a checkbox to each row of the table making it selectable. */\n    @Prop({ mutable: true, reflect: true })\n    selectable: boolean;\n\n    /**\n     * Determines if the selectable checkboxes allow for multi-select or not. If set to \"single\", once a row is selected, all other rows will be disabled.\n     * See the documentation on the `select` event for how to handle selections.\n     *\n     * @warning\n     * Use of this property requires `selectable` to be set to `true`.\n     */\n    @Prop({ mutable: true })\n    selectMode: 'multiple' | 'single' = 'multiple';\n\n    /** Adds a shadow to the table */\n    @Prop({ mutable: true, reflect: true })\n    shadowed: boolean;\n\n    /** Enables alternating background colors for the table rows */\n    @Prop({ reflect: true })\n    striped: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when a row is clicked.\n     *\n     * Requires the `clickable` prop to be set to `true`.\n     *\n     * Call `event.preventDefault()` to prevent the default click behavior.\n     */\n    @Event()\n    click: EventEmitter<{ row: Q2DataTableSerializedRow }>;\n\n    /**\n     * Emitted when a row is selected.\n     *\n     * Requires the `selectable` prop to be set to `true`.\n     *\n     * Call `event.preventDefault()` to prevent the default selection behavior.\n     */\n    @Event()\n    select: EventEmitter<{\n        row: Q2DataTableSerializedRow;\n        rows: Q2DataTableSerializedRow[];\n        allSelected: boolean;\n    }>;\n\n    /**\n     * Emitted when the select-all checkbox is toggled.\n     *\n     * Requires the `selectable` prop to be set to `true` and the `selectMode` prop to be set to `multiple`.\n     *\n     * Call `event.preventDefault()` to prevent the default behavior.\n     */\n    @Event()\n    selectAllRows: EventEmitter<{ checked: boolean }>;\n\n    /**\n     * Emitted when a column is sorted.\n     *\n     * Requires the `sortable` prop to be set to `true` on the column.\n     *\n     * Call `event.preventDefault()` to prevent the default sorting behavior.\n     */\n    @Event()\n    sort: EventEmitter<{ header: Q2DataTableHeader; direction: 'ASC' | 'DESC' }>;\n\n    /**\n     * Emitted when an expandable row is toggled.\n     *\n     * Requires content in the `row-{id}-expandable-content` slot.\n     *\n     * Call `event.preventDefault()` to prevent the default toggling behavior.\n     */\n    @Event()\n    toggle: EventEmitter<{ row: Q2DataTableSerializedRow }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        if (this.mutationObserver) {\n            this.mutationObserver.disconnect();\n            this.mutationObserver = null;\n        }\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n    }\n\n    componentWillLoad() {\n        this.headersHandler(this.headers);\n        this.rowsHandler(this.rows);\n    }\n\n    componentDidLoad(): void {\n        if (typeof MutationObserver !== 'undefined') {\n            const observer = new MutationObserver(() => this.checkSlots());\n            observer.observe(this.hostElement, { childList: true, subtree: true, attributes: true });\n            this.mutationObserver = observer;\n        }\n        if (typeof ResizeObserver !== 'undefined') {\n            this.resizeObserver = new ResizeObserver(() => resizeIframe());\n            this.resizeObserver.observe(this.hostElement);\n        }\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('click')\n    onClickListener(event: MouseEvent) {\n        if (event instanceof PointerEvent) event.stopImmediatePropagation();\n    }\n\n    @Listen('selectAllRows')\n    onSelectAllRows(event: CustomEvent<{ checked: boolean }>) {\n        event.stopPropagation();\n        const { checked } = event.detail;\n        const selectedRows = checked\n            ? this.serializedRows.map(row => {\n                  if (row.disabled) {\n                      return row;\n                  } else {\n                      return {\n                          ...row,\n                          selected: checked,\n                      };\n                  }\n              })\n            : [];\n        const selectEvent = this.select.emit({ row: undefined, rows: selectedRows, allSelected: checked });\n        if (selectEvent.defaultPrevented) return;\n\n        this.serializedRows = this.serializedRows.map(row => {\n            if (row.disabled) return row;\n            row.selected = checked;\n            return row;\n        });\n        this.allRowsSelected = checked;\n        this.someRowsSelected = false;\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * A method to click a row that accepts a row ID that is will be clicked.\n     *\n     * @testOnly\n     */\n    @Method()\n    async clickRow(rowId: number | string) {\n        const btn = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-btn[test-id=\"clickable-row-control\"]`);\n        (btn as HTMLQ2BtnElement)?.click();\n    }\n\n    /**\n     * A method that returns the plain text value of a particular cell (including slot content).\n     *\n     * @testOnly\n     */\n    @Method()\n    async getCellContent(rowId: number | string, columnKey: string) {\n        const slotContent = this.hostElement.querySelector(`[slot=row-${rowId}-cell-${columnKey}`)?.textContent;\n        const text = this.hostElement.shadowRoot.querySelector(\n            `slot[name=row-${rowId}-cell-${columnKey}]`\n        )?.textContent;\n        return slotContent || text || '';\n    }\n\n    /**\n     * A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.\n     *\n     * @testOnly\n     */\n    @Method()\n    async sortColumn(header: Q2DataTableHeader) {\n        const btn = this.hostElement.shadowRoot.querySelector(`#header-${header.key} q2-btn[test-id=\"sort-control\"]`);\n        (btn as HTMLQ2BtnElement)?.click();\n    }\n\n    /**\n     * A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content\n     *\n     * @testOnly\n     */\n    @Method()\n    async toggleRowExpansion(rowId: number | string) {\n        const btn = this.hostElement.shadowRoot.querySelector(`#row-${rowId} q2-btn[test-id=\"expandable-row-control\"]`);\n        (btn as HTMLQ2BtnElement)?.click();\n    }\n\n    /**\n     * A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.\n     *\n     * @testOnly\n     */\n    @Method()\n    async toggleRowSelect(rowId: number | string) {\n        const chk = this.hostElement.shadowRoot.querySelector(\n            `#row-${rowId} q2-checkbox[test-id=\"select-row-control\"]`\n        );\n        (chk as HTMLQ2CheckboxElement)?.click();\n    }\n\n    /**\n     * A method to toggle select all button (checkbox) on left top corner.\n     *\n     * @testOnly\n     */\n    @Method()\n    async toggleSelectAllRows() {\n        if (!this.selectable) return;\n        const chk = this.hostElement.shadowRoot.querySelector(`q2-checkbox[test-id=\"select-all-rows-control\"]`);\n        (chk as HTMLQ2CheckboxElement)?.click();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('headers')\n    headersHandler(headers: Q2DataTableHeader[] = []) {\n        this.serializedHeaders = headers.map<Q2DataTableHeader>(header => {\n            const { title } = header;\n            let { key } = header;\n\n            // If no key is provided, generate one from the title\n            if (!key) key = title.toLowerCase().replace(/\\s/g, '-');\n\n            return {\n                key,\n                ...header,\n            };\n        });\n    }\n\n    @Watch('rows')\n    rowsHandler(rows: Q2DataTableRow[] = []) {\n        const { serializedHeaders, mappedHeaders } = this;\n        const defaultRow = {\n            id: null,\n            cells: {},\n            selected: false,\n            expanded: false,\n            disabled: false,\n        };\n\n        // tracks if the select-all checkbox should be visually updated as the `rows` are built\n        let isAllSelected = true;\n        let isIndeterminate = false;\n\n        const serializedRows = rows.map(({ id, cells, selected, expanded, disabled }) => {\n            const serializedCells = Object.entries(cells).reduce<Q2DataTableSerializedCells>(\n                (accum, [cellKey, cellData]) => {\n                    const header = mappedHeaders[cellKey] || ({} as Q2DataTableHeader);\n                    const { align, type = 'text', lineClamp, verticalAlign } = header;\n\n                    const isBadge = 'type' in header && header.type === 'badge';\n                    const defaultCell: Q2DataTableCell = {\n                        value: '',\n                        ariaLabel: undefined,\n                        type,\n                        align,\n                        lineClamp,\n                        verticalAlign,\n                        badgeStatus: isBadge ? header.badgeStatus : undefined,\n                        badgeTheme: isBadge ? header.badgeTheme : undefined,\n                    };\n\n                    const result: Q2DataTableCell =\n                        typeof cellData === 'object'\n                            ? { ...defaultCell, ...cellData }\n                            : { ...defaultCell, value: cellData };\n\n                    accum[cellKey] = result;\n                    return accum;\n                },\n                {}\n            );\n\n            if (isAllSelected && !selected) isAllSelected = false;\n            if (!isAllSelected && selected) isIndeterminate = true;\n            return {\n                ...defaultRow,\n                id,\n                selected: !!selected,\n                expanded: !!expanded,\n                disabled: !!disabled,\n                cells: serializedCells,\n            };\n        });\n\n        const sortedHeader = serializedHeaders.find(({ sorted }) => sorted);\n        const shouldAutoSort = !!sortedHeader && sortedHeader.sortable !== 'manual';\n\n        this.hasRowData = !!rows.length;\n        this.allRowsSelected = this.hasRowData && isAllSelected;\n        this.someRowsSelected = this.hasRowData && isIndeterminate;\n\n        this.serializedRows = !!shouldAutoSort ? this.sortRows(serializedRows, sortedHeader) : serializedRows;\n        this.checkSlots();\n    }\n\n    @Watch('selectable')\n    selectableHandler() {\n        if (this.selectable === false) {\n            this.selectAllRows.emit({ checked: false });\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get mappedHeaders() {\n        return this.serializedHeaders.reduce<Record<string, Q2DataTableHeader>>((accum, header) => {\n            accum[header.key] = header;\n            return accum;\n        }, {});\n    }\n\n    get numberOfColumns() {\n        return (\n            (this.serializedHeaders?.length ?? 0) +\n            (this.selectable ? 1 : 0) +\n            (this.clickable ? 1 : 0) +\n            (this.hasExpandableRows ? 1 : 0) +\n            (this.hasDropdowns ? 1 : 0)\n        );\n    }\n\n    get selectedRow() {\n        return this.selectedRows.find(({ selected }) => !!selected);\n    }\n\n    get selectedRows() {\n        return this.serializedRows.filter(({ selected }) => selected);\n    }\n\n    checkSlots = () => {\n        this.hasExpandableRows = !!(this.hostElement?.querySelector(`[slot$=\"-expandable-content\"]`) ?? false);\n        this.hasDropdowns = !!(this.hostElement?.querySelector(`[slot$=\"-dropdown\"]`) ?? false);\n\n        // The booleans above may not change, even if the slot has content\n        // So we increment this property to force a re-render and ensure proper rendering\n        this.checkSlotCount += 1;\n    };\n\n    onClickRow = (event: MouseEvent, row: Q2DataTableSerializedRow) => {\n        event.stopPropagation();\n        this.click.emit({ row });\n    };\n\n    onClickTableRow = (event: MouseEvent, row: Q2DataTableSerializedRow) => {\n        if (this.clickable) {\n            this.onClickRow(event, row);\n        } else if (this.hasExpandableRows) {\n            this.onToggleRow(event, row);\n        }\n    };\n\n    onControlContainerClick = (event: MouseEvent) => {\n        event.stopPropagation();\n    };\n\n    onSelectRow = (event: CustomEvent<{ checked: boolean }>, row: Q2DataTableSerializedRow) => {\n        event.stopPropagation();\n        const { selectMode, serializedRows, selectedRows: currentlySelectedRows } = this;\n        const { checked } = event.detail;\n\n        const selectedRow = { ...row, selected: checked };\n        let selectedRows;\n        if (selectMode === 'single') {\n            selectedRows = checked ? [selectedRow] : [];\n        } else {\n            selectedRows = checked\n                ? [...currentlySelectedRows, selectedRow]\n                : currentlySelectedRows.filter(row => row.id !== selectedRow.id);\n        }\n\n        const allRowsSelected = selectedRows.length === serializedRows.length;\n        const isIndeterminate = !allRowsSelected && selectedRows.length > 0;\n        const selectEvent = this.select.emit({ row: selectedRow, rows: selectedRows, allSelected: allRowsSelected });\n        if (selectEvent.defaultPrevented) return;\n\n        this.serializedRows = this.serializedRows.map(row => (row.id === selectedRow.id ? selectedRow : row));\n        this.allRowsSelected = allRowsSelected;\n        this.someRowsSelected = isIndeterminate;\n    };\n\n    onSort = (header: Q2DataTableHeader) => {\n        const direction = header.sorted === 'ASC' ? 'DESC' : 'ASC';\n        const sortKey = header.key;\n        const sortEvent = this.sort.emit({ header, direction });\n        if (sortEvent.defaultPrevented) return;\n\n        const shouldAutoSort = header.sortable !== 'manual';\n        if (!shouldAutoSort) return;\n\n        this.serializedHeaders = this.serializedHeaders.map<Q2DataTableHeader>(serializedHeader => {\n            const sorted = sortKey === serializedHeader.key ? direction : undefined;\n            return { ...serializedHeader, sorted };\n        });\n\n        this.serializedRows = this.sortRows(this.serializedRows, { ...header, sorted: direction });\n    };\n\n    onToggleRow = (event: MouseEvent, row: Q2DataTableSerializedRow) => {\n        event.stopPropagation();\n        const selectedRow = { ...row, expanded: !row.expanded };\n        const toggleEvent = this.toggle.emit({ row: selectedRow });\n        if (toggleEvent.defaultPrevented) return;\n\n        this.serializedRows = this.serializedRows.map(row => {\n            if (row.id === selectedRow.id) return selectedRow;\n            else return { ...row };\n        });\n    };\n\n    sortRows(rows: Q2DataTableSerializedRow[], header: Q2DataTableHeader) {\n        const { key, sorted } = header;\n        const direction = sorted || 'ASC';\n\n        const sortedRows = [...rows].sort((a, b) => {\n            const aValue = a.cells[key].value;\n            const bValue = b.cells[key].value;\n\n            if (aValue < bValue) return direction === 'ASC' ? -1 : 1;\n            if (aValue > bValue) return direction === 'ASC' ? 1 : -1;\n            return 0;\n        });\n\n        return sortedRows;\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { caption } = this;\n        return (\n            <div class=\"container\">\n                <table>\n                    {caption && <caption class={this.hideCaption ? 'sr' : undefined}>{caption}</caption>}\n                    {this.renderTableColGroup()}\n                    {this.renderTableHeader()}\n                    {this.renderEmptyState()}\n                    {this.renderTableRows()}\n                </table>\n            </div>\n        );\n    }\n\n    renderCellContent(cell: Q2DataTableCell) {\n        if (!cell) return;\n\n        const { type, ariaLabel, value } = cell;\n\n        if ([undefined, null].includes(value)) return;\n\n        switch (type) {\n            case 'badge':\n                let valueAsInt;\n                switch (typeof value) {\n                    case 'string':\n                        valueAsInt = parseFloat(value);\n                        break;\n\n                    case 'boolean':\n                        valueAsInt = value ? 1 : 0;\n                        break;\n\n                    default:\n                        valueAsInt = value;\n                        break;\n                }\n\n                return (\n                    <q2-badge\n                        aria-label={ariaLabel}\n                        value={valueAsInt}\n                        theme={cell.badgeTheme}\n                        status={cell.badgeStatus}\n                        size=\"large\"\n                    ></q2-badge>\n                );\n\n            case 'icon':\n                const valueAsString = typeof value === 'string' ? value : `${value}`;\n                return (\n                    <q2-icon\n                        label={ariaLabel}\n                        type={valueAsString}\n                    ></q2-icon>\n                );\n\n            case 'boolean':\n                return !!value ? (\n                    <q2-icon\n                        label={loc('tecton.element.dataTable.booleanTrue')}\n                        type=\"checkmark\"\n                    ></q2-icon>\n                ) : (\n                    <div aria-label={loc('tecton.element.dataTable.booleanFalse')}></div>\n                );\n\n            case 'code':\n                return <code aria-label={ariaLabel}>{value}</code>;\n\n            default:\n                return <div aria-label={ariaLabel}>{value}</div>;\n        }\n    }\n\n    renderEmptyState() {\n        const { hasRowData, numberOfColumns, emptyIcon, emptyMessage, loading } = this;\n        if (hasRowData || loading) return null;\n\n        return (\n            <slot name=\"empty-table\">\n                <tbody>\n                    <tr class=\"empty-state\">\n                        <td colSpan={numberOfColumns}>\n                            <div class=\"empty-state-content\">\n                                <q2-icon type={emptyIcon}></q2-icon>\n                                <p>{loc(emptyMessage)}</p>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n            </slot>\n        );\n    }\n\n    renderTableColGroup() {\n        const { serializedHeaders: headers, selectable, clickable, hasExpandableRows, hasDropdowns } = this;\n\n        if (!headers.length) return null;\n\n        return (\n            <colgroup>\n                {selectable && <col class=\"select-column\" />}\n                {headers.map(({ width, backgroundColor }) => (\n                    <col style={{ width, backgroundColor }} />\n                ))}\n                {clickable && <col class=\"click-column\" />}\n                {hasExpandableRows && <col class=\"expandable-row-control-column\" />}\n                {hasDropdowns && <col class=\"dropdown-column\" />}\n            </colgroup>\n        );\n    }\n\n    renderTableHeader() {\n        const {\n            serializedHeaders: headers,\n            selectable,\n            clickable,\n            hideClickable,\n            selectMode,\n            hasExpandableRows,\n            hasDropdowns,\n            allRowsSelected,\n            someRowsSelected,\n            hasRowData,\n            loading,\n        } = this;\n\n        if (!headers.length) return null;\n\n        return (\n            <thead>\n                <tr>\n                    {selectable && (\n                        <th>\n                            {selectMode === 'multiple' && (\n                                <q2-checkbox\n                                    label={loc('tecton.element.dataTable.selectAllRows')}\n                                    hide-label\n                                    onChange={() => this.selectAllRows.emit({ checked: !allRowsSelected })}\n                                    checked={hasRowData && allRowsSelected && !someRowsSelected}\n                                    indeterminate={hasRowData && someRowsSelected && !allRowsSelected}\n                                    disabled={loading || !hasRowData}\n                                    test-id=\"select-all-rows-control\"\n                                ></q2-checkbox>\n                            )}\n                        </th>\n                    )}\n                    {headers.map(header => {\n                        const { align, sorted, verticalAlign } = header;\n                        const headerClasses = [];\n                        if (align) headerClasses.push(`align-${align}`);\n                        if (verticalAlign) headerClasses.push(`vertical-align-${verticalAlign}`);\n                        if (!!sorted) headerClasses.push('sorted');\n                        return (\n                            <th\n                                class={headerClasses.join(' ')}\n                                id={`header-${header.key}`}\n                            >\n                                {header.sortable ? (\n                                    <q2-btn\n                                        onClick={() => this.onSort(header)}\n                                        test-id=\"sort-control\"\n                                        disabled={this.loading}\n                                    >\n                                        <div\n                                            class=\"header-content\"\n                                            aria-label={header.ariaLabel || undefined}\n                                        >\n                                            <slot name={`header-cell-${header.key}`}>{header.title}</slot>\n\n                                            {!!sorted ? (\n                                                <q2-icon\n                                                    class={`sorted-indicator direction-${sorted}`}\n                                                    type=\"arrow-down\"\n                                                    label={\n                                                        sorted === 'ASC'\n                                                            ? loc('tecton.element.dataTable.sortedAscending')\n                                                            : loc('tecton.element.dataTable.sortedDescending')\n                                                    }\n                                                    test-id=\"sorted-indicator\"\n                                                ></q2-icon>\n                                            ) : (\n                                                <q2-icon\n                                                    class={`sorted-indicator`}\n                                                    type=\"sort\"\n                                                    label={loc('tecton.element.dataTable.clickToSort')}\n                                                    test-id=\"sorted-indicator\"\n                                                ></q2-icon>\n                                            )}\n                                        </div>\n                                    </q2-btn>\n                                ) : (\n                                    <div\n                                        class=\"header-content\"\n                                        aria-label={header.ariaLabel || undefined}\n                                    >\n                                        <slot name={`header-cell-${header.key}`}>{header.title}</slot>\n                                    </div>\n                                )}\n                            </th>\n                        );\n                    })}\n                    {clickable && (\n                        <th\n                            id=\"click\"\n                            class={hideClickable ? 'sr' : undefined}\n                        >\n                            <span class=\"sr\">{loc('tecton.element.dataTable.clickRow')}</span>\n                        </th>\n                    )}\n                    {hasExpandableRows && (\n                        <th id=\"toggle\">\n                            <span class=\"sr\">{loc('tecton.element.dataTable.toggleRow')}</span>\n                        </th>\n                    )}\n                    {hasDropdowns && (\n                        <th>\n                            <span class=\"sr\">{loc('tecton.element.dataTable.dropdown')}</span>\n                        </th>\n                    )}\n                </tr>\n            </thead>\n        );\n    }\n\n    renderTableRows() {\n        const {\n            serializedHeaders: headers,\n            serializedRows: rows,\n            selectable,\n            clickable,\n            striped,\n            hideClickable,\n            selectMode,\n            hasExpandableRows,\n            hasDropdowns,\n            numberOfColumns,\n            loading,\n        } = this;\n\n        if (loading) {\n            return (\n                <tbody>\n                    <tr class=\"loading-row\">\n                        <td colSpan={numberOfColumns}>\n                            <q2-loading inline></q2-loading>\n                        </td>\n                    </tr>\n                </tbody>\n            );\n        }\n\n        let isSelectDisabled = false;\n        let selectedRow;\n        if (selectMode === 'single') {\n            selectedRow = this.selectedRow;\n            isSelectDisabled = !!selectedRow;\n        }\n        const clickableClasses = [];\n        if (clickable) clickableClasses.push('click-column');\n        if (hideClickable) clickableClasses.push('sr');\n        const clickableClassString = clickableClasses.join(' ');\n\n        return (\n            <tbody>\n                {rows.map(row => {\n                    const cellSlotPrefix = `row-${row.id}-cell`;\n                    const expandableRowName = `row-${row.id}-expandable-content`;\n                    const dropdownCellName = `row-${row.id}-dropdown`;\n                    const rowHasExpandableSlot =\n                        hasExpandableRows && !!this.hostElement.querySelector(`[slot=\"${expandableRowName}\"]`);\n                    const rowHasDropdownSlot =\n                        hasDropdowns && !!this.hostElement.querySelector(`[slot=\"${dropdownCellName}\"]`);\n                    const rowClasses = [];\n                    if (rowHasExpandableSlot) rowClasses.push('expandable');\n                    if (clickable) rowClasses.push('clickable');\n                    if (striped) rowClasses.push('striped');\n                    if (row.expanded) rowClasses.push('expanded');\n                    if (row.selected) rowClasses.push('selected');\n                    const rowIsClickable = clickable || rowHasExpandableSlot;\n\n                    return (\n                        <Fragment>\n                            <tr\n                                id={`row-${row.id}`}\n                                class={rowClasses.join(' ')}\n                                onClick={rowIsClickable && (e => this.onClickTableRow(e, row))}\n                                tabIndex={rowIsClickable ? -1 : undefined}\n                            >\n                                {selectable && (\n                                    <td\n                                        class=\"select-column\"\n                                        onClick={this.onControlContainerClick}\n                                    >\n                                        <q2-checkbox\n                                            label={loc('tecton.element.dataTable.selectRow')}\n                                            hide-label\n                                            checked={row.selected}\n                                            disabled={(isSelectDisabled && row !== selectedRow) || row.disabled}\n                                            onChange={e => this.onSelectRow(e, row)}\n                                            test-id=\"select-row-control\"\n                                        ></q2-checkbox>\n                                    </td>\n                                )}\n                                {headers.map(({ key }) => {\n                                    const cell = row.cells[key];\n                                    const lineClamp = cell?.lineClamp;\n                                    const cellAlign = cell?.align;\n                                    const cellVerticalAlign = cell?.verticalAlign;\n                                    const cellClasses = [];\n                                    if (cellAlign) cellClasses.push(`align-${cellAlign}`);\n                                    if (cellVerticalAlign) cellClasses.push(`vertical-align-${cellVerticalAlign}`);\n                                    if (lineClamp) cellClasses.push('clamped');\n                                    const cellStyles = lineClamp\n                                        ? { '--comp-line-clamp-count': `${lineClamp}` }\n                                        : undefined;\n\n                                    return (\n                                        <td\n                                            class={cellClasses.join(' ')}\n                                            style={cellStyles}\n                                        >\n                                            <slot name={`${cellSlotPrefix}-${key}`}>\n                                                {this.renderCellContent(cell)}\n                                            </slot>\n                                        </td>\n                                    );\n                                })}\n                                {clickable && (\n                                    <td class={clickableClassString}>\n                                        <q2-btn\n                                            intent=\"neutral\"\n                                            size=\"small\"\n                                            onClick={e => this.onClickRow(e, row)}\n                                            test-id=\"clickable-row-control\"\n                                        >\n                                            {loc('tecton.element.dataTable.clickRow')}\n                                        </q2-btn>\n                                    </td>\n                                )}\n                                {hasExpandableRows && (\n                                    <td\n                                        class=\"expandable-row-control-column\"\n                                        onClick={this.onControlContainerClick}\n                                    >\n                                        {rowHasExpandableSlot && (\n                                            <q2-btn\n                                                onClick={e => this.onToggleRow(e, row)}\n                                                ariaExpanded={`${row.expanded}`}\n                                                ariaControls={expandableRowName}\n                                                ariaLabel={loc('tecton.element.dataTable.toggleRow')}\n                                                test-id=\"expandable-row-control\"\n                                            >\n                                                <q2-icon\n                                                    type=\"chevron-down\"\n                                                    class=\"toggle-expandable-row\"\n                                                ></q2-icon>\n                                            </q2-btn>\n                                        )}\n                                    </td>\n                                )}\n                                {hasDropdowns && (\n                                    <td\n                                        class=\"dropdown-column\"\n                                        onClick={this.onControlContainerClick}\n                                    >\n                                        {rowHasDropdownSlot && <slot name={dropdownCellName}></slot>}\n                                    </td>\n                                )}\n                            </tr>\n                            {rowHasExpandableSlot && (\n                                <tr\n                                    id={expandableRowName}\n                                    class=\"expandable-row\"\n                                    hidden={!row.expanded}\n                                    aria-hidden={!row.expanded}\n                                >\n                                    <td\n                                        colSpan={numberOfColumns}\n                                        headers=\"toggle\"\n                                    >\n                                        <div class=\"expandable-content\">\n                                            <slot name={expandableRowName}></slot>\n                                        </div>\n                                    </td>\n                                </tr>\n                            )}\n                        </Fragment>\n                    );\n                })}\n            </tbody>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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"}

package/dist/q2-tecton-elements/{p-d2e1631a.entry.js → p-7906f49e.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as t,g as a}from"./p-a5f18e27.js";import{o as e,l as i}from"./p-9a1a4bc0.js";import{_ as n,I as s,S as o,b6 as h,P as u,b7 as f,o as l,a0 as c,h as v,i as d,u as p,s as b,H as g,b8 as m,G as y,m as w,d as x,C as A,W as M,a as k,g as S,b as C,b9 as N,t as z,z as U,ba as I,V as O,ai as T,bb as E,bc as L,a9 as _,aa as j,ab as D,ac as W,ad as B,ae as P,af as R}from"./p-2941aafa.js";import{c as H,j as V,g as q,i as F,a as G,e as X,f as Y,h as J}from"./p-ad80aef0.js";import{g as K,i as Q}from"./p-eea5aa01.js";var Z=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(r,t){return H(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,a){var e=this.coordinateSystem;if(e&&e.clampData){var i=e.clampData(r);var n=e.dataToPoint(i);if(a){s(e.getAxes(),(function(r,a){if(r.type==="category"&&t!=null){var e=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[a];var h=t[a]==="x1"||t[a]==="y1";if(h&&!s){o+=1}if(e.length<2){return}else if(e.length===2){n[a]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<e.length;c++){var v=e[c].coord;var d=c===e.length-1?e[c-1].tickValue+l:e[c].tickValue;if(d===o){f=v;break}else if(d<o){u=v}else if(u!=null&&d>o){f=(v+u)/2;break}if(c===1){l=d-e[0].tickValue}}if(f==null){if(!u){f=e[0].coord}else if(u){f=e[e.length-1].coord}}n[a]=r.toGlobalCoord(f)}}))}else{var o=this.getData();var h=o.getLayout("offset");var u=o.getLayout("size");var f=e.getBaseAxis().isHorizontal()?0:1;n[f]+=h+u/2}return n}return[NaN,NaN]};t.type="series.__base_bar__";t.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:true,barMinHeight:0,barMinAngle:0,large:false,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"};return t}(o);o.registerClass(Z);const $=Z;var rr=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(){return H(null,this,{useEncodeDefaulter:true,createInvertedIndices:!!this.get("realtimeSort",true)||null})};t.prototype.getProgressive=function(){return this.get("large")?this.get("progressive"):false};t.prototype.getProgressiveThreshold=function(){var r=this.get("progressiveThreshold");var t=this.get("largeThreshold");if(t>r){r=t}return r};t.prototype.brushSelector=function(r,t,a){return a.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=h($.defaultOption,{clip:true,roundCap:false,showBackground:false,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:false});return t}($);const tr=rr;var ar=function(){function r(){this.cx=0;this.cy=0;this.r0=0;this.r=0;this.startAngle=0;this.endAngle=Math.PI*2;this.clockwise=true}return r}();var er=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="sausage";return a}t.prototype.getDefaultShape=function(){return new ar};t.prototype.buildPath=function(r,t){var a=t.cx;var e=t.cy;var i=Math.max(t.r0||0,0);var n=Math.max(t.r,0);var s=(n-i)*.5;var o=i+s;var h=t.startAngle;var u=t.endAngle;var f=t.clockwise;var l=Math.PI*2;var c=f?u-h<l:h-u<l;if(!c){h=u-(f?l:-l)}var v=Math.cos(h);var d=Math.sin(h);var p=Math.cos(u);var b=Math.sin(u);if(c){r.moveTo(v*i+a,d*i+e);r.arc(v*o+a,d*o+e,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+a,d*n+e)}r.arc(a,e,n,h,u,!f);r.arc(p*o+a,b*o+e,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(a,e,i,u,h,f)}};return t}(u);const ir=er;function nr(r,t){t=t||{};var a=t.isRoundCap;return function(t,e,i){var n=e.position;if(!n||n instanceof Array){return f(t,e,i)}var s=r(n);var o=e.distance!=null?e.distance:5;var h=this.shape;var u=h.cx;var l=h.cy;var c=h.r;var v=h.r0;var d=(c+v)/2;var p=h.startAngle;var b=h.endAngle;var g=(p+b)/2;var m=a?Math.abs(c-v)/2:0;var y=Math.cos;var w=Math.sin;var x=u+c*y(p);var A=l+c*w(p);var M="left";var k="top";switch(s){case"startArc":x=u+(v-o)*y(g);A=l+(v-o)*w(g);M="center";k="top";break;case"insideStartArc":x=u+(v+o)*y(g);A=l+(v+o)*w(g);M="center";k="bottom";break;case"startAngle":x=u+d*y(p)+or(p,o+m,false);A=l+d*w(p)+hr(p,o+m,false);M="right";k="middle";break;case"insideStartAngle":x=u+d*y(p)+or(p,-o+m,false);A=l+d*w(p)+hr(p,-o+m,false);M="left";k="middle";break;case"middle":x=u+d*y(g);A=l+d*w(g);M="center";k="middle";break;case"endArc":x=u+(c+o)*y(g);A=l+(c+o)*w(g);M="center";k="bottom";break;case"insideEndArc":x=u+(c-o)*y(g);A=l+(c-o)*w(g);M="center";k="top";break;case"endAngle":x=u+d*y(b)+or(b,o+m,true);A=l+d*w(b)+hr(b,o+m,true);M="left";k="middle";break;case"insideEndAngle":x=u+d*y(b)+or(b,-o+m,true);A=l+d*w(b)+hr(b,-o+m,true);M="right";k="middle";break;default:return f(t,e,i)}t=t||{};t.x=x;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,a,e){if(l(e)){r.setTextConfig({rotation:e});return}else if(c(t)){r.setTextConfig({rotation:0});return}var i=r.shape;var n=i.clockwise?i.startAngle:i.endAngle;var s=i.clockwise?i.endAngle:i.startAngle;var o=(n+s)/2;var h;var u=a(t);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":h=o;break;case"startAngle":case"insideStartAngle":h=n;break;case"endAngle":case"insideEndAngle":h=s;break;default:r.setTextConfig({rotation:0});return}var f=Math.PI*1.5-h;if(u==="middle"&&f>Math.PI/2&&f<Math.PI*1.5){f-=Math.PI}r.setTextConfig({rotation:f})}function or(r,t,a){return t*Math.sin(r)*(a?-1:1)}function hr(r,t,a){return t*Math.cos(r)*(a?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var a=r.getArea&&r.getArea();if(F(r,"cartesian2d")){var e=r.getBaseAxis();if(e.type!=="category"||!e.onBand){var i=t.getLayout("bandWidth");if(e.isHorizontal()){a.x-=i;a.width+=i*2}else{a.y-=i;a.height+=i*2}}}return a}var cr=function(r){n(t,r);function t(){var a=r.call(this)||this;a.type=t.type;a._isFirstFrame=true;return a}t.prototype.render=function(r,t,a,e){this._model=r;this._removeOnRenderedListener(a);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,a):this._renderNormal(r,t,a,e)}};t.prototype.incrementalPrepareRender=function(r){this._clear();this._updateDrawMode(r);this._updateLargeClip(r)};t.prototype.incrementalRender=function(r,t){this._progressiveEls=[];this._incrementalRenderLarge(r,t)};t.prototype.eachRendered=function(r){v(this._progressiveEls||this.group,r)};t.prototype._updateDrawMode=function(r){var t=r.pipelineContext.large;if(this._isLargeDraw==null||t!==this._isLargeDraw){this._isLargeDraw=t;this._clear()}};t.prototype._renderNormal=function(r,t,a,e){var i=this.group;var n=r.getData();var s=this._data;var o=r.coordinateSystem;var h=o.getBaseAxis();var u;if(o.type==="cartesian2d"){u=h.isHorizontal()}else if(o.type==="polar"){u=h.dim==="angle"}var f=r.isAnimationEnabled()?r:null;var l=pr(r,o);if(l){this._enableRealtimeSort(l,n,a)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var w=r.get("roundCap",true);var x=r.get("showBackground",true);var A=r.getModel("backgroundStyle");var M=A.get("borderRadius")||0;var k=[];var S=this._backgroundEls;var C=e&&e.isInitSort;var N=e&&e.type==="changeAxisOrder";function z(r){var t=xr[o.type](n,r);var a=Tr(o,u,t);a.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){a.setShape("r",M)}else{a.setShape("cornerRadius",M)}k[r]=a;return a}n.diff(s).add((function(t){var a=n.getItemModel(t);var e=xr[o.type](n,t,a);if(x){z(t)}if(!n.hasValue(t)||!wr[o.type](e)){return}var s=false;if(c){s=vr[o.type](v,e)}var p=dr[o.type](r,n,t,e,u,f,h.model,false,w);if(l){p.forceLabelAnimation=true}kr(p,n,t,a,e,r,u,o.type==="polar");if(C){p.attr({shape:e})}else if(l){br(l,f,p,e,t,u,false,false)}else{d(p,{shape:e},r,t)}n.setItemGraphicEl(t,p);i.add(p);p.ignore=s})).update((function(t,a){var e=n.getItemModel(t);var d=xr[o.type](n,t,e);if(x){var m=void 0;if(S.length===0){m=z(a)}else{m=S[a];m.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){m.setShape("r",M)}else{m.setShape("cornerRadius",M)}k[t]=m}var y=xr[o.type](n,t);var U=Or(u,y,o);p(m,{shape:U},f,t)}var I=s.getItemGraphicEl(a);if(!n.hasValue(t)||!wr[o.type](d)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,d);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,d,u,f,h.model,!!I,w)}else{b(I)}if(l){I.forceLabelAnimation=true}if(N){var T=I.getTextContent();if(T){var E=g(T);if(E.prevValue!=null){E.prevValue=E.value}}}else{kr(I,n,t,e,d,r,u,o.type==="polar")}if(C){I.attr({shape:d})}else if(l){br(l,f,I,d,t,u,true,N)}else{p(I,{shape:d},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var a=s.getItemGraphicEl(t);a&&m(a,r,t)})).execute();var U=this._backgroundGroup||(this._backgroundGroup=new y);U.removeAll();for(var I=0;I<k.length;++I){U.add(k[I])}i.add(U);this._backgroundEls=k;this._data=n};t.prototype._renderLarge=function(r,t,a){this._clear();zr(r,this.group);this._updateLargeClip(r)};t.prototype._incrementalRenderLarge=function(r,t){this._removeBackground();zr(t,this.group,this._progressiveEls,true)};t.prototype._updateLargeClip=function(r){var t=r.get("clip",true)&&V(r.coordinateSystem,false,r);var a=this.group;if(t){a.setClipPath(t)}else{a.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,a){var e=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,a);this._isFirstFrame=false}else{var n=function(r){var a=t.getItemGraphicEl(r);var e=a&&a.shape;return e&&Math.abs(i.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(t,n,i,a)};a.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,a){var e=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=a(t);i=i==null?NaN:i;e.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));e.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:w(e,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,a){var e=a.scale;var i=r.mapDimension(a.dim);var n=Number.MAX_VALUE;for(var s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,e.getRawOrdinalNumber(s));var u=h<0?Number.MIN_VALUE:t(r.indexOfRawIndex(h));if(u>n){return true}n=u}return false};t.prototype._isOrderDifferentInView=function(r,t){var a=t.scale;var e=a.getExtent();var i=Math.max(0,e[0]);var n=Math.min(e[1],a.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==a.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,a,e){if(!this._isOrderChangedWithinSameData(r,t,a)){return}var i=this._dataSort(r,a,t);if(this._isOrderDifferentInView(i,a)){this._removeOnRenderedListener(e);e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",axisId:a.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,a){var e=t.baseAxis;var i=this._dataSort(r,e,(function(a){return r.get(r.mapDimension(t.otherAxis.dim),a)}));a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:true,axisId:e.index,sortInfo:i})};t.prototype.remove=function(r,t){this._clear(this._model);this._removeOnRenderedListener(t)};t.prototype.dispose=function(r,t){this._removeOnRenderedListener(t)};t.prototype._removeOnRenderedListener=function(r){if(this._onRendered){r.getZr().off("rendered",this._onRendered);this._onRendered=null}};t.prototype._clear=function(r){var t=this.group;var a=this._data;if(r&&r.isAnimationEnabled()&&a&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];a.eachItemGraphicEl((function(t){m(t,r,x(t).dataIndex)}))}else{t.removeAll()}this._data=null;this._isFirstFrame=true};t.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup);this._backgroundGroup=null};t.type="bar";return t}(A);var vr={cartesian2d:function(r,t){var a=t.width<0?-1:1;var e=t.height<0?-1:1;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}var i=r.x+r.width;var n=r.y+r.height;var s=ur(t.x,r.x);var o=fr(t.x+t.width,i);var h=ur(t.y,r.y);var u=fr(t.y+t.height,n);var f=o<s;var l=u<h;t.x=f&&s>i?o:s;t.y=l&&h>n?u:h;t.width=f?0:o-s;t.height=l?0:u-h;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var a=t.r0<=t.r?1:-1;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}var i=fr(t.r,r.r);var n=ur(t.r0,r.r0);t.r=i;t.r0=n;var s=i-n<0;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}return s}};var dr={cartesian2d:function(r,t,a,e,i,n,s,o,h){var u=new M({shape:k({},e),z2:1});u.__dataIndex=a;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,a,e,i,n,s,o,h){var u=!i&&h?ir:O;var f=new u({shape:e,z2:1});f.name="item";var l=Mr(i);f.calculateTextPosition=nr(l,{isRoundCap:u===ir});if(n){var c=f.shape;var v=i?"r":"endAngle";var b={};c[v]=i?e.r0:e.startAngle;b[v]=e[v];(o?p:d)(f,{shape:b},n)}return f}};function pr(r,t){var a=r.get("realtimeSort",true);var e=t.getBaseAxis();if(a&&e.type==="category"&&t.type==="cartesian2d"){return{baseAxis:e,otherAxis:t.getOtherAxis(e)}}}function br(r,t,a,e,i,n,s,o){var h;var u;if(n){u={x:e.x,width:e.width};h={y:e.y,height:e.height}}else{u={y:e.y,height:e.height};h={x:e.x,width:e.width}}if(!o){(s?p:d)(a,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?p:d)(a,{shape:u},f,i)}function gr(r,t){for(var a=0;a<t.length;a++){if(!isFinite(r[t[a]])){return true}}return false}var mr=["x","y","width","height"];var yr=["cx","cy","r","startAngle","endAngle"];var wr={cartesian2d:function(r){return!gr(r,mr)},polar:function(r){return!gr(r,yr)}};var xr={cartesian2d:function(r,t,a){var e=r.getItemLayout(t);var i=a?Sr(a,e):0;var n=e.width>0?1:-1;var s=e.height>0?1:-1;return{x:e.x+n*i/2,y:e.y+s*i/2,width:e.width-n*i,height:e.height-s*i}},polar:function(r,t,a){var e=r.getItemLayout(t);return{cx:e.cx,cy:e.cy,r0:e.r0,r:e.r,startAngle:e.startAngle,endAngle:e.endAngle,clockwise:e.clockwise}}};function Ar(r){return r.startAngle!=null&&r.endAngle!=null&&r.startAngle===r.endAngle}function Mr(r){return function(r){var t=r?"Arc":"Angle";return function(r){switch(r){case"start":case"insideStart":case"end":case"insideEnd":return r+t;default:return r}}}(r)}function kr(r,t,a,e,i,n,o,h){var u=t.getItemVisual(a,"style");if(!h){var f=e.get(["itemStyle","borderRadius"])||0;r.setShape("r",f)}else if(!n.get("roundCap")){var l=r.shape;var c=K(e.getModel("itemStyle"),l,true);k(l,c);r.setShape(l)}r.useStyle(u);var v=e.getShallow("cursor");v&&r.attr("cursor",v);var d=h?o?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":o?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var p=S(e);C(r,p,{labelFetcher:n,labelDataIndex:a,defaultText:q(n.getData(),a),inheritColor:u.fill,defaultOpacity:u.opacity,defaultOutsidePosition:d});var b=r.getTextContent();if(h&&b){var g=e.get(["label","position"]);r.textConfig.inside=g==="middle"?true:null;sr(r,g==="outside"?d:g,Mr(o),e.get(["label","rotate"]))}N(b,p,n.getRawValue(a),(function(r){return G(t,r)}));var m=e.getModel(["emphasis"]);z(r,m.get("focus"),m.get("blurScope"),m.get("disabled"));U(r,e);if(Ar(i)){r.style.fill="none";r.style.stroke="none";s(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var a=r.get(["itemStyle","borderColor"]);if(!a||a==="none"){return 0}var e=r.get(["itemStyle","borderWidth"])||0;var i=isNaN(t.width)?Number.MAX_VALUE:Math.abs(t.width);var n=isNaN(t.height)?Number.MAX_VALUE:Math.abs(t.height);return Math.min(e,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="largeBar";return a}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var a=t.points;var e=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<a.length;h+=3){s[e]=o;s[i]=a[h+2];n[e]=a[h+e];n[i]=a[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(u);function zr(r,t,a,e){var i=r.getData();var n=i.getLayout("valueAxisHorizontal")?1:0;var s=i.getLayout("largeDataIndices");var o=i.getLayout("size");var h=r.getModel("backgroundStyle");var u=i.getLayout("largeBackgroundPoints");if(u){var f=new Nr({shape:{points:u},incremental:!!e,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);a&&a.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));x(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}a&&a.push(l)}var Ur=I((function(r){var t=this;var a=Ir(t,r.offsetX,r.offsetY);x(t).dataIndex=a>=0?a:null}),30,false);function Ir(r,t,a){var e=r.baseDimIdx;var i=1-e;var n=r.shape.points;var s=r.largeDataIndices;var o=[];var h=[];var u=r.barWidth;for(var f=0,l=n.length/3;f<l;f++){var c=f*3;h[e]=u;h[i]=n[c+2];o[e]=n[c+e];o[i]=n[c+i];if(h[i]<0){o[i]+=h[i];h[i]=-h[i]}if(t>=o[0]&&t<=o[0]+h[0]&&a>=o[1]&&a<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,a){if(F(a,"cartesian2d")){var e=t;var i=a.getArea();return{x:r?e.x:i.x,y:r?i.y:e.y,width:r?e.width:i.width,height:r?i.height:e.height}}else{var i=a.getArea();var n=t;return{cx:i.cx,cy:i.cy,r0:r?i.r0:n.r0,r:r?i.r:n.r,startAngle:r?n.startAngle:0,endAngle:r?n.endAngle:Math.PI*2}}}function Tr(r,t,a){var e=r.type==="polar"?O:M;return new e({shape:Or(t,a,r),silent:true,z2:0})}const Er=cr;function Lr(r){r.registerChartView(Er);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,T(L,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,E("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,X("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var a=r.componentType||"series";t.eachComponent({mainType:a,query:r},(function(t){if(r.sortInfo){t.axis.setCategorySortInfo(r.sortInfo)}}))}))}const _r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";const jr=_r;_([j,Lr,D,Q,Y,J]);const Dr=class{constructor(t){r(this,t);this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.data=[];this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.gridPadding=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}componentDidLoad(){const r=W(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);this.setupChartEvents(r);e(this.hostElement)}propsUpdates(){this.updateChart(this.chart)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=B("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const a=B(this.color,this.chartContainerStyles,this.hostElementStyles);const e=B(r,this.chartContainerStyles,this.hostElementStyles);if(e)return e;if(P(r))return r;if(a)return a;if(P(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}resizeChart(){this.chart.resize()}setupChartEvents(r){r.on("finished",(()=>{var t;const a=r.getDom().querySelector("canvas");if((t=a===null||a===void 0?void 0:a.hasAttribute("aria-hidden"))!==null&&t!==void 0?t:false)return;a.setAttribute("aria-hidden","true")}))}updateChart(r){var t;const a=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const e={type:"value",axisLabel:{formatter:r=>R(r,{type:this.format,decimals:a}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}};const n={type:"category",data:this.data.map((r=>i(r.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return r.setOption({aria:{enabled:true},title:{text:i(this.chartName),show:this.showChartName,left:this.alignChartName,subtext:this.chartSubTitle},grid:Object.assign({containLabel:true},this.gridPadding),xAxis:this.orientation==="horizontal"?e:n,yAxis:this.orientation==="horizontal"?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>R(r.value,{type:this.format,decimals:a})},realtimeSort:this.sort}]})}render(){return t("div",{key:"ded27c77b20218f3ec3bf464ea5c4399aec02d13",class:"container"},t("div",{key:"c84ba94e6c46300c220a3fb3fcf7575026e2682b",ref:r=>this.chartContainer=r,class:"chart-container",role:"img","test-id":"barChartContainer"}))}get hostElement(){return a(this)}static get watchers(){return{chartName:["propsUpdates"],chartSubTitle:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"],gridPadding:["propsUpdates"]}}};Dr.style=jr;export{Dr as q2_chart_bar};
-//# sourceMappingURL=p-d2e1631a.entry.js.map
+import{r,h as t,g as a}from"./p-a5f18e27.js";import{o as e,l as i}from"./p-15ac45d6.js";import{_ as n,I as s,S as o,b6 as h,P as u,b7 as f,o as l,a0 as c,h as v,i as d,u as p,s as b,H as g,b8 as m,G as y,m as w,d as x,C as A,W as M,a as k,g as S,b as C,b9 as N,t as z,z as U,ba as I,V as O,ai as T,bb as E,bc as L,a9 as _,aa as j,ab as D,ac as W,ad as B,ae as P,af as R}from"./p-2941aafa.js";import{c as H,j as V,g as q,i as F,a as G,e as X,f as Y,h as J}from"./p-ad80aef0.js";import{g as K,i as Q}from"./p-eea5aa01.js";var Z=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(r,t){return H(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,a){var e=this.coordinateSystem;if(e&&e.clampData){var i=e.clampData(r);var n=e.dataToPoint(i);if(a){s(e.getAxes(),(function(r,a){if(r.type==="category"&&t!=null){var e=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[a];var h=t[a]==="x1"||t[a]==="y1";if(h&&!s){o+=1}if(e.length<2){return}else if(e.length===2){n[a]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<e.length;c++){var v=e[c].coord;var d=c===e.length-1?e[c-1].tickValue+l:e[c].tickValue;if(d===o){f=v;break}else if(d<o){u=v}else if(u!=null&&d>o){f=(v+u)/2;break}if(c===1){l=d-e[0].tickValue}}if(f==null){if(!u){f=e[0].coord}else if(u){f=e[e.length-1].coord}}n[a]=r.toGlobalCoord(f)}}))}else{var o=this.getData();var h=o.getLayout("offset");var u=o.getLayout("size");var f=e.getBaseAxis().isHorizontal()?0:1;n[f]+=h+u/2}return n}return[NaN,NaN]};t.type="series.__base_bar__";t.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:true,barMinHeight:0,barMinAngle:0,large:false,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"};return t}(o);o.registerClass(Z);const $=Z;var rr=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(){return H(null,this,{useEncodeDefaulter:true,createInvertedIndices:!!this.get("realtimeSort",true)||null})};t.prototype.getProgressive=function(){return this.get("large")?this.get("progressive"):false};t.prototype.getProgressiveThreshold=function(){var r=this.get("progressiveThreshold");var t=this.get("largeThreshold");if(t>r){r=t}return r};t.prototype.brushSelector=function(r,t,a){return a.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=h($.defaultOption,{clip:true,roundCap:false,showBackground:false,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:false});return t}($);const tr=rr;var ar=function(){function r(){this.cx=0;this.cy=0;this.r0=0;this.r=0;this.startAngle=0;this.endAngle=Math.PI*2;this.clockwise=true}return r}();var er=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="sausage";return a}t.prototype.getDefaultShape=function(){return new ar};t.prototype.buildPath=function(r,t){var a=t.cx;var e=t.cy;var i=Math.max(t.r0||0,0);var n=Math.max(t.r,0);var s=(n-i)*.5;var o=i+s;var h=t.startAngle;var u=t.endAngle;var f=t.clockwise;var l=Math.PI*2;var c=f?u-h<l:h-u<l;if(!c){h=u-(f?l:-l)}var v=Math.cos(h);var d=Math.sin(h);var p=Math.cos(u);var b=Math.sin(u);if(c){r.moveTo(v*i+a,d*i+e);r.arc(v*o+a,d*o+e,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+a,d*n+e)}r.arc(a,e,n,h,u,!f);r.arc(p*o+a,b*o+e,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(a,e,i,u,h,f)}};return t}(u);const ir=er;function nr(r,t){t=t||{};var a=t.isRoundCap;return function(t,e,i){var n=e.position;if(!n||n instanceof Array){return f(t,e,i)}var s=r(n);var o=e.distance!=null?e.distance:5;var h=this.shape;var u=h.cx;var l=h.cy;var c=h.r;var v=h.r0;var d=(c+v)/2;var p=h.startAngle;var b=h.endAngle;var g=(p+b)/2;var m=a?Math.abs(c-v)/2:0;var y=Math.cos;var w=Math.sin;var x=u+c*y(p);var A=l+c*w(p);var M="left";var k="top";switch(s){case"startArc":x=u+(v-o)*y(g);A=l+(v-o)*w(g);M="center";k="top";break;case"insideStartArc":x=u+(v+o)*y(g);A=l+(v+o)*w(g);M="center";k="bottom";break;case"startAngle":x=u+d*y(p)+or(p,o+m,false);A=l+d*w(p)+hr(p,o+m,false);M="right";k="middle";break;case"insideStartAngle":x=u+d*y(p)+or(p,-o+m,false);A=l+d*w(p)+hr(p,-o+m,false);M="left";k="middle";break;case"middle":x=u+d*y(g);A=l+d*w(g);M="center";k="middle";break;case"endArc":x=u+(c+o)*y(g);A=l+(c+o)*w(g);M="center";k="bottom";break;case"insideEndArc":x=u+(c-o)*y(g);A=l+(c-o)*w(g);M="center";k="top";break;case"endAngle":x=u+d*y(b)+or(b,o+m,true);A=l+d*w(b)+hr(b,o+m,true);M="left";k="middle";break;case"insideEndAngle":x=u+d*y(b)+or(b,-o+m,true);A=l+d*w(b)+hr(b,-o+m,true);M="right";k="middle";break;default:return f(t,e,i)}t=t||{};t.x=x;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,a,e){if(l(e)){r.setTextConfig({rotation:e});return}else if(c(t)){r.setTextConfig({rotation:0});return}var i=r.shape;var n=i.clockwise?i.startAngle:i.endAngle;var s=i.clockwise?i.endAngle:i.startAngle;var o=(n+s)/2;var h;var u=a(t);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":h=o;break;case"startAngle":case"insideStartAngle":h=n;break;case"endAngle":case"insideEndAngle":h=s;break;default:r.setTextConfig({rotation:0});return}var f=Math.PI*1.5-h;if(u==="middle"&&f>Math.PI/2&&f<Math.PI*1.5){f-=Math.PI}r.setTextConfig({rotation:f})}function or(r,t,a){return t*Math.sin(r)*(a?-1:1)}function hr(r,t,a){return t*Math.cos(r)*(a?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var a=r.getArea&&r.getArea();if(F(r,"cartesian2d")){var e=r.getBaseAxis();if(e.type!=="category"||!e.onBand){var i=t.getLayout("bandWidth");if(e.isHorizontal()){a.x-=i;a.width+=i*2}else{a.y-=i;a.height+=i*2}}}return a}var cr=function(r){n(t,r);function t(){var a=r.call(this)||this;a.type=t.type;a._isFirstFrame=true;return a}t.prototype.render=function(r,t,a,e){this._model=r;this._removeOnRenderedListener(a);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,a):this._renderNormal(r,t,a,e)}};t.prototype.incrementalPrepareRender=function(r){this._clear();this._updateDrawMode(r);this._updateLargeClip(r)};t.prototype.incrementalRender=function(r,t){this._progressiveEls=[];this._incrementalRenderLarge(r,t)};t.prototype.eachRendered=function(r){v(this._progressiveEls||this.group,r)};t.prototype._updateDrawMode=function(r){var t=r.pipelineContext.large;if(this._isLargeDraw==null||t!==this._isLargeDraw){this._isLargeDraw=t;this._clear()}};t.prototype._renderNormal=function(r,t,a,e){var i=this.group;var n=r.getData();var s=this._data;var o=r.coordinateSystem;var h=o.getBaseAxis();var u;if(o.type==="cartesian2d"){u=h.isHorizontal()}else if(o.type==="polar"){u=h.dim==="angle"}var f=r.isAnimationEnabled()?r:null;var l=pr(r,o);if(l){this._enableRealtimeSort(l,n,a)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var w=r.get("roundCap",true);var x=r.get("showBackground",true);var A=r.getModel("backgroundStyle");var M=A.get("borderRadius")||0;var k=[];var S=this._backgroundEls;var C=e&&e.isInitSort;var N=e&&e.type==="changeAxisOrder";function z(r){var t=xr[o.type](n,r);var a=Tr(o,u,t);a.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){a.setShape("r",M)}else{a.setShape("cornerRadius",M)}k[r]=a;return a}n.diff(s).add((function(t){var a=n.getItemModel(t);var e=xr[o.type](n,t,a);if(x){z(t)}if(!n.hasValue(t)||!wr[o.type](e)){return}var s=false;if(c){s=vr[o.type](v,e)}var p=dr[o.type](r,n,t,e,u,f,h.model,false,w);if(l){p.forceLabelAnimation=true}kr(p,n,t,a,e,r,u,o.type==="polar");if(C){p.attr({shape:e})}else if(l){br(l,f,p,e,t,u,false,false)}else{d(p,{shape:e},r,t)}n.setItemGraphicEl(t,p);i.add(p);p.ignore=s})).update((function(t,a){var e=n.getItemModel(t);var d=xr[o.type](n,t,e);if(x){var m=void 0;if(S.length===0){m=z(a)}else{m=S[a];m.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){m.setShape("r",M)}else{m.setShape("cornerRadius",M)}k[t]=m}var y=xr[o.type](n,t);var U=Or(u,y,o);p(m,{shape:U},f,t)}var I=s.getItemGraphicEl(a);if(!n.hasValue(t)||!wr[o.type](d)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,d);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,d,u,f,h.model,!!I,w)}else{b(I)}if(l){I.forceLabelAnimation=true}if(N){var T=I.getTextContent();if(T){var E=g(T);if(E.prevValue!=null){E.prevValue=E.value}}}else{kr(I,n,t,e,d,r,u,o.type==="polar")}if(C){I.attr({shape:d})}else if(l){br(l,f,I,d,t,u,true,N)}else{p(I,{shape:d},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var a=s.getItemGraphicEl(t);a&&m(a,r,t)})).execute();var U=this._backgroundGroup||(this._backgroundGroup=new y);U.removeAll();for(var I=0;I<k.length;++I){U.add(k[I])}i.add(U);this._backgroundEls=k;this._data=n};t.prototype._renderLarge=function(r,t,a){this._clear();zr(r,this.group);this._updateLargeClip(r)};t.prototype._incrementalRenderLarge=function(r,t){this._removeBackground();zr(t,this.group,this._progressiveEls,true)};t.prototype._updateLargeClip=function(r){var t=r.get("clip",true)&&V(r.coordinateSystem,false,r);var a=this.group;if(t){a.setClipPath(t)}else{a.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,a){var e=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,a);this._isFirstFrame=false}else{var n=function(r){var a=t.getItemGraphicEl(r);var e=a&&a.shape;return e&&Math.abs(i.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(t,n,i,a)};a.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,a){var e=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=a(t);i=i==null?NaN:i;e.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));e.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:w(e,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,a){var e=a.scale;var i=r.mapDimension(a.dim);var n=Number.MAX_VALUE;for(var s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,e.getRawOrdinalNumber(s));var u=h<0?Number.MIN_VALUE:t(r.indexOfRawIndex(h));if(u>n){return true}n=u}return false};t.prototype._isOrderDifferentInView=function(r,t){var a=t.scale;var e=a.getExtent();var i=Math.max(0,e[0]);var n=Math.min(e[1],a.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==a.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,a,e){if(!this._isOrderChangedWithinSameData(r,t,a)){return}var i=this._dataSort(r,a,t);if(this._isOrderDifferentInView(i,a)){this._removeOnRenderedListener(e);e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",axisId:a.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,a){var e=t.baseAxis;var i=this._dataSort(r,e,(function(a){return r.get(r.mapDimension(t.otherAxis.dim),a)}));a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:true,axisId:e.index,sortInfo:i})};t.prototype.remove=function(r,t){this._clear(this._model);this._removeOnRenderedListener(t)};t.prototype.dispose=function(r,t){this._removeOnRenderedListener(t)};t.prototype._removeOnRenderedListener=function(r){if(this._onRendered){r.getZr().off("rendered",this._onRendered);this._onRendered=null}};t.prototype._clear=function(r){var t=this.group;var a=this._data;if(r&&r.isAnimationEnabled()&&a&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];a.eachItemGraphicEl((function(t){m(t,r,x(t).dataIndex)}))}else{t.removeAll()}this._data=null;this._isFirstFrame=true};t.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup);this._backgroundGroup=null};t.type="bar";return t}(A);var vr={cartesian2d:function(r,t){var a=t.width<0?-1:1;var e=t.height<0?-1:1;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}var i=r.x+r.width;var n=r.y+r.height;var s=ur(t.x,r.x);var o=fr(t.x+t.width,i);var h=ur(t.y,r.y);var u=fr(t.y+t.height,n);var f=o<s;var l=u<h;t.x=f&&s>i?o:s;t.y=l&&h>n?u:h;t.width=f?0:o-s;t.height=l?0:u-h;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var a=t.r0<=t.r?1:-1;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}var i=fr(t.r,r.r);var n=ur(t.r0,r.r0);t.r=i;t.r0=n;var s=i-n<0;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}return s}};var dr={cartesian2d:function(r,t,a,e,i,n,s,o,h){var u=new M({shape:k({},e),z2:1});u.__dataIndex=a;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,a,e,i,n,s,o,h){var u=!i&&h?ir:O;var f=new u({shape:e,z2:1});f.name="item";var l=Mr(i);f.calculateTextPosition=nr(l,{isRoundCap:u===ir});if(n){var c=f.shape;var v=i?"r":"endAngle";var b={};c[v]=i?e.r0:e.startAngle;b[v]=e[v];(o?p:d)(f,{shape:b},n)}return f}};function pr(r,t){var a=r.get("realtimeSort",true);var e=t.getBaseAxis();if(a&&e.type==="category"&&t.type==="cartesian2d"){return{baseAxis:e,otherAxis:t.getOtherAxis(e)}}}function br(r,t,a,e,i,n,s,o){var h;var u;if(n){u={x:e.x,width:e.width};h={y:e.y,height:e.height}}else{u={y:e.y,height:e.height};h={x:e.x,width:e.width}}if(!o){(s?p:d)(a,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?p:d)(a,{shape:u},f,i)}function gr(r,t){for(var a=0;a<t.length;a++){if(!isFinite(r[t[a]])){return true}}return false}var mr=["x","y","width","height"];var yr=["cx","cy","r","startAngle","endAngle"];var wr={cartesian2d:function(r){return!gr(r,mr)},polar:function(r){return!gr(r,yr)}};var xr={cartesian2d:function(r,t,a){var e=r.getItemLayout(t);var i=a?Sr(a,e):0;var n=e.width>0?1:-1;var s=e.height>0?1:-1;return{x:e.x+n*i/2,y:e.y+s*i/2,width:e.width-n*i,height:e.height-s*i}},polar:function(r,t,a){var e=r.getItemLayout(t);return{cx:e.cx,cy:e.cy,r0:e.r0,r:e.r,startAngle:e.startAngle,endAngle:e.endAngle,clockwise:e.clockwise}}};function Ar(r){return r.startAngle!=null&&r.endAngle!=null&&r.startAngle===r.endAngle}function Mr(r){return function(r){var t=r?"Arc":"Angle";return function(r){switch(r){case"start":case"insideStart":case"end":case"insideEnd":return r+t;default:return r}}}(r)}function kr(r,t,a,e,i,n,o,h){var u=t.getItemVisual(a,"style");if(!h){var f=e.get(["itemStyle","borderRadius"])||0;r.setShape("r",f)}else if(!n.get("roundCap")){var l=r.shape;var c=K(e.getModel("itemStyle"),l,true);k(l,c);r.setShape(l)}r.useStyle(u);var v=e.getShallow("cursor");v&&r.attr("cursor",v);var d=h?o?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":o?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var p=S(e);C(r,p,{labelFetcher:n,labelDataIndex:a,defaultText:q(n.getData(),a),inheritColor:u.fill,defaultOpacity:u.opacity,defaultOutsidePosition:d});var b=r.getTextContent();if(h&&b){var g=e.get(["label","position"]);r.textConfig.inside=g==="middle"?true:null;sr(r,g==="outside"?d:g,Mr(o),e.get(["label","rotate"]))}N(b,p,n.getRawValue(a),(function(r){return G(t,r)}));var m=e.getModel(["emphasis"]);z(r,m.get("focus"),m.get("blurScope"),m.get("disabled"));U(r,e);if(Ar(i)){r.style.fill="none";r.style.stroke="none";s(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var a=r.get(["itemStyle","borderColor"]);if(!a||a==="none"){return 0}var e=r.get(["itemStyle","borderWidth"])||0;var i=isNaN(t.width)?Number.MAX_VALUE:Math.abs(t.width);var n=isNaN(t.height)?Number.MAX_VALUE:Math.abs(t.height);return Math.min(e,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="largeBar";return a}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var a=t.points;var e=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<a.length;h+=3){s[e]=o;s[i]=a[h+2];n[e]=a[h+e];n[i]=a[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(u);function zr(r,t,a,e){var i=r.getData();var n=i.getLayout("valueAxisHorizontal")?1:0;var s=i.getLayout("largeDataIndices");var o=i.getLayout("size");var h=r.getModel("backgroundStyle");var u=i.getLayout("largeBackgroundPoints");if(u){var f=new Nr({shape:{points:u},incremental:!!e,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);a&&a.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));x(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}a&&a.push(l)}var Ur=I((function(r){var t=this;var a=Ir(t,r.offsetX,r.offsetY);x(t).dataIndex=a>=0?a:null}),30,false);function Ir(r,t,a){var e=r.baseDimIdx;var i=1-e;var n=r.shape.points;var s=r.largeDataIndices;var o=[];var h=[];var u=r.barWidth;for(var f=0,l=n.length/3;f<l;f++){var c=f*3;h[e]=u;h[i]=n[c+2];o[e]=n[c+e];o[i]=n[c+i];if(h[i]<0){o[i]+=h[i];h[i]=-h[i]}if(t>=o[0]&&t<=o[0]+h[0]&&a>=o[1]&&a<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,a){if(F(a,"cartesian2d")){var e=t;var i=a.getArea();return{x:r?e.x:i.x,y:r?i.y:e.y,width:r?e.width:i.width,height:r?i.height:e.height}}else{var i=a.getArea();var n=t;return{cx:i.cx,cy:i.cy,r0:r?i.r0:n.r0,r:r?i.r:n.r,startAngle:r?n.startAngle:0,endAngle:r?n.endAngle:Math.PI*2}}}function Tr(r,t,a){var e=r.type==="polar"?O:M;return new e({shape:Or(t,a,r),silent:true,z2:0})}const Er=cr;function Lr(r){r.registerChartView(Er);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,T(L,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,E("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,X("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var a=r.componentType||"series";t.eachComponent({mainType:a,query:r},(function(t){if(r.sortInfo){t.axis.setCategorySortInfo(r.sortInfo)}}))}))}const _r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";const jr=_r;_([j,Lr,D,Q,Y,J]);const Dr=class{constructor(t){r(this,t);this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.data=[];this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.gridPadding=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}componentDidLoad(){const r=W(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);this.setupChartEvents(r);e(this.hostElement)}propsUpdates(){this.updateChart(this.chart)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=B("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const a=B(this.color,this.chartContainerStyles,this.hostElementStyles);const e=B(r,this.chartContainerStyles,this.hostElementStyles);if(e)return e;if(P(r))return r;if(a)return a;if(P(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}resizeChart(){this.chart.resize()}setupChartEvents(r){r.on("finished",(()=>{var t;const a=r.getDom().querySelector("canvas");if((t=a===null||a===void 0?void 0:a.hasAttribute("aria-hidden"))!==null&&t!==void 0?t:false)return;a.setAttribute("aria-hidden","true")}))}updateChart(r){var t;const a=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const e={type:"value",axisLabel:{formatter:r=>R(r,{type:this.format,decimals:a}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}};const n={type:"category",data:this.data.map((r=>i(r.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return r.setOption({aria:{enabled:true},title:{text:i(this.chartName),show:this.showChartName,left:this.alignChartName,subtext:this.chartSubTitle},grid:Object.assign({containLabel:true},this.gridPadding),xAxis:this.orientation==="horizontal"?e:n,yAxis:this.orientation==="horizontal"?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>R(r.value,{type:this.format,decimals:a})},realtimeSort:this.sort}]})}render(){return t("div",{key:"894583cef73c43fc6ad9488a73c93f34acf266ca",class:"container"},t("div",{key:"7c8b92cce307c4d14bf5f4735ba9c40ed48d2592",ref:r=>this.chartContainer=r,class:"chart-container",role:"img","test-id":"barChartContainer"}))}get hostElement(){return a(this)}static get watchers(){return{chartName:["propsUpdates"],chartSubTitle:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"],gridPadding:["propsUpdates"]}}};Dr.style=jr;export{Dr as q2_chart_bar};
+//# sourceMappingURL=p-7906f49e.entry.js.map