q2-tecton-elements 1.66.2 → 1.67.0

package/dist/q2-tecton-elements/q2-tab-container.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["q2TabContainerCss","Q2TabContainer","constructor","hostRef","this","guid","createGuid","hasValidTab","lastScrolled","Date","getTime","scheduledAfterRender","hasLeft","hasRight","scrollEnabled","showScrollLeft","showScrollRight","noPrint","checkScrollState","listElement","scrollLeft","scrollWidth","clientWidth","Math","ceil","moveToAdjacentTab","value","direction","index","tabs","map","indexOf","newIndex","min","length","max","moveToTab","shouldFocus","focusedValue","focusedTab","querySelector","focus","preventScroll","left","offsetLeft","scrollTo","behavior","onScrollBtnClick","halfWidth","floor","scrollAmount","abs","scrollBy","onSlotChange","onTabClick","event","targetValue","target","closest","dataset","isAlreadySelected","mirrorEmit","onTabKeyDown","key","preventDefault","setTabs","tabPanes","label","badgeCount","badgeDescription","badgeTheme","badgeStatus","loc","updateTabPaneProps","forEach","tab","selected","selectedTabValue","updateTabs","validTabPreUpdate","some","push","determineTabMove","disconnectedCallback","_a","resizeObserver","disconnect","_b","mutationObserver","componentWillLoad","hasValidChildren","hostElement","filterChildren","observer","MutationObserver","observe","childList","attributes","ResizeObserver","componentDidLoad","overrideFocus","componentDidRender","fn","settled","emit","onBadge","defaultChangeHandler","onchange","detail","onFocus","isEventFromElement","findIndex","el","onResize","selectTab","paneButton","shadowRoot","click","nameObserver","valueObserver","resizeIframe","tabList","querySelectorAll","Array","from","filter","pane","name","window","TectonElements","call","renderTab","isSelected","h","role","id","tabIndex","onClick","onKeyDown","undefined","renderTabWithBadge","theme","description","class","status","render","Fragment","hidden","onTctClick","type","onScroll","ref","onSlotchange"],"sources":["src/components/q2-tab-container/q2-tab-container.scss?tag=q2-tab-container&encapsulation=shadow","src/components/q2-tab-container/q2-tab-container.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: block;\n    position: relative;\n}\n\nbutton {\n    cursor: pointer;\n    margin: 0;\n}\n\n.tab-container {\n    position: relative;\n}\n\nul {\n    --comp-container-padding: #{var-list(--tct-scale-1, --app-scale-1x, 5px)\n        var-list(--tct-scale-1, --app-scale-1x, 5px) 0};\n    padding: var-list(var-prefixer(tab-container-padding), --comp-container-padding);\n    margin: var-list(var-prefixer(tab-container-margin), 0);\n    display: flex;\n    gap: var-list(var-prefixer(tab-gap), --tct-scale-1, --app-scale-1x, 5px);\n    list-style: none;\n    border-bottom-width: var-list(--tct-tab-container-border-width, 1px);\n    border-bottom-style: var-list(--tct-tab-container-border-style, solid);\n    border-bottom-color: var-list(\n        var-prefixer(tab-container-border-color),\n        --tct-gray-11,\n        --t-gray-11,\n        --tct-gray-l1,\n        --app-gray-l1,\n        #cccccc\n    );\n    overflow-x: auto;\n    align-items: center;\n    @include hidden-scrollbar();\n\n    @media print {\n        &.no-print {\n            display: none;\n        }\n    }\n}\n\nli {\n    flex: 0 0 auto;\n\n    button {\n        background: var-list(--tct-tab-inactive-background, var-prefixer(tab-inactive-bg-color), transparent);\n        border-width: var-list(var-prefixer(tab-inactive-border-width), unquote('0 0 3px 0'));\n        border-color: var-list(var-prefixer(tab-inactive-border-color), transparent);\n        border-style: var-list(var-prefixer(tab-inactive-border-style), solid);\n        border-radius: var-list(var-prefixer(tab-border-radius), 0);\n        width: var-list(var-prefixer(tab-width), 100%);\n        text-align: var-list(var-prefixer(tab-text-align), center);\n        text-decoration: var-list(var-prefixer(tab-text-decoration), none);\n        padding: var-list(var-prefixer(tab-padding), --tct-scale-2, --app-scale-2x, 10px);\n        color: var-list(var-prefixer(tab-inactive-color), inherit);\n        font-size: var-list(var-prefixer(tab-font-size), 17px);\n        display: block;\n        transition:\n            background var(--t-tween-ease-inout) var(--t-tween-time-in-xxs),\n            color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs),\n            border-color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs);\n\n        :host([type='section']) & {\n            --comp-tab-section-padding: #{var-list(--tct-scale-2, --app-scale-2x, 10px)\n                var-list(--tct-scale-1, --app-scale-1x, 5px)};\n            font-size: var-list(--tct-tab-section-font-size, inherit);\n            padding: var-list(var-prefixer(tab-section-padding), --comp-tab-section-padding);\n        }\n\n        &:hover {\n            color: var-list(var-prefixer(tab-hover-color), var-prefixer(tab-active-color), #2e2e2e);\n            background: var-list(--tct-tab-hover-background, var-prefixer(tab-hover-bg-color), inherit);\n            width: var-list(var-prefixer(tab-hover-width), 100%);\n        }\n\n        &[aria-selected='true'] {\n            color: var-list(var-prefixer(tab-active-color), #2e2e2e);\n            border-color: var-list(var-prefixer(tab-active-border-color), currentcolor);\n            border-style: var-list(var-prefixer(tab-active-border-style), solid);\n            width: var-list(var-prefixer(tab-active-width), 100%);\n            background: var-list(--tct-tab-active-background, var-prefixer(tab-active-bg-color), inherit);\n        }\n\n        :host([color='alt']) & {\n            color: var-list(var-prefixer(tab-alt-inactive-color), inherit);\n\n            &:hover,\n            &[aria-selected='true'] {\n                color: var-list(var-prefixer(tab-alt-active-color), inherit);\n            }\n        }\n\n        @media screen and (max-width: 767px) {\n            --comp-tab-padding: #{var-list(--tct-scale-2, --app-scale-2x, 10px)\n                var-list(--tct-scale-1, --app-scale-1x, 5px)};\n            font-size: inherit;\n            padding: var-list(var-prefixer(tab-padding), --comp-tab-padding);\n        }\n    }\n}\n\n.tab-content {\n    --comp-tab-content-padding: #{var-list(--tct-scale-2, --app-scale-2x, 10px) 0};\n    padding: var-list(\n        --tct-tab-container-content-padding,\n        var-prefixer(tab-content-padding),\n        --comp-tab-content-padding\n    );\n    background: var-list(--tct-tab-container-content-backgrond, none);\n\n    &:focus {\n        outline: none;\n        box-shadow: none;\n    }\n}\n\n.gradient-left,\n.gradient-right {\n    z-index: 1;\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 44px;\n}\n\n.gradient-left {\n    background-image: linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);\n    left: 0;\n}\n\n.gradient-right {\n    background-image: linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);\n    right: 0;\n}\n\n.btn-left,\n.btn-right {\n    --tct-icon-size: 18px;\n    --tct-btn-icon-hover-background: transparent;\n    --tct-btn-icon-width: 22px;\n    --tct-icon-stroke-primary: #{var-list(var-prefixer(stepper-scroll-arrow-color), --t-text, #4d4d4d)};\n\n    position: absolute;\n    top: calc(50% - 22px);\n    z-index: 2;\n    q2-icon {\n        --tct-icon-stroke-width: 3;\n    }\n}\n\n.btn-left {\n    left: 0;\n}\n\n.btn-right {\n    right: 0;\n}\n\n.tab-pane-badge {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    q2-badge {\n        margin-left: 5px;\n        margin-right: 5px;\n    }\n}\n","import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Element,\n    Event,\n    EventEmitter,\n    State,\n    Listen,\n    Watch,\n    h,\n    Fragment,\n    Method,\n} from '@stencil/core';\nimport { createGuid, loc, overrideFocus, isEventFromElement } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\nimport { JSX } from '../../components';\nimport { Q2Badge } from '../q2-badge/q2-badge';\nimport { filterChildren, hasValidChildren } from '@/utils/component';\n\ntype TabPane = {\n    label: string;\n    value: string;\n    badgeCount: number;\n    badgeDescription: string;\n    badgeTheme: Q2Badge['theme'];\n    badgeStatus: Q2Badge['status'];\n};\n\n/**\n * @name Tab Container\n * @category Display\n * @summary Use for switching between multiple views within the same context.\n */\n@Component({ tag: 'q2-tab-container', shadow: true, styleUrl: 'q2-tab-container.scss' })\nexport class Q2TabContainer implements ComponentInterface {\n    // #region Own Properties\n\n    guid: number = createGuid();\n    hasValidTab: boolean = false;\n    lastScrolled: number = new Date(null).getTime();\n    listElement: HTMLUListElement;\n    mutationObserver: MutationObserver;\n    resizeObserver: ResizeObserver;\n    scheduledAfterRender: (() => void)[] = [];\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    hasLeft: boolean = false;\n\n    @State()\n    hasRight: boolean = false;\n\n    @State()\n    scrollEnabled: boolean = false;\n\n    @State()\n    showScrollLeft: boolean = false;\n\n    @State()\n    showScrollRight: boolean = false;\n\n    @State()\n    tabs: TabPane[];\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Controls which variables are used to color the tab controls.\n     *\n     * - `undefined` (default)\n     *   - Uses `--t-tab-active` and `--t-tab-inactive`.\n     * - `alt`\n     *   - Uses `--t-tab-alt-active` and `--t-tab-alt-inactive`.\n     *   - The default fallback for these variables is `inherit`.\n     */\n    @Prop({ reflect: true })\n    color: 'alt' | undefined;\n\n    /**\n     * Used to establish a relationship between `q2-tab-container` and its associated tab panes.\n     * @warning\n     * The element can fail if this property is not set. Nested tab containers without the `name` property will not render correctly.\n     */\n    @Prop({ reflect: true })\n    name: string;\n\n    /** Controls visibility of tab list in a print view. Tab content will still be visible even if `noPrint` is true. */\n    @Prop({ reflect: true })\n    noPrint: boolean = false;\n\n    /** Determines the font size of the tab controls. */\n    @Prop({ reflect: true })\n    type: 'main' | 'section';\n\n    /** Corresponds to the value of the selected tab pane. */\n    @Prop({ reflect: true, mutable: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the selected tab changes.\n     * @legacyEvent\n     * @deprecated Use 'tctChange' instead\n     */\n    @Event()\n    change: EventEmitter<{ value: string }>;\n\n    /**\n     * Emitted when the component has finished rendering.\n     * @private\n     */\n    @Event()\n    settled: EventEmitter<undefined>;\n\n    /**\n     * Emitted when the selected tab changes.\n     * @legacyEvent\n     */\n    @Event()\n    tctChange: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.resizeObserver?.disconnect();\n        this.resizeObserver = null;\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        if (!hasValidChildren(this.hostElement, ['q2-tab-pane', 'tecton-tab-pane'])) {\n            filterChildren(this.hostElement, ['q2-tab-pane', 'tecton-tab-pane']);\n        }\n        const observer = new MutationObserver(() => this.updateTabs());\n        observer.observe(this.hostElement, { childList: true, attributes: true });\n        this.mutationObserver = observer;\n        this.resizeObserver = new ResizeObserver(() => this.checkScrollState());\n        this.updateTabs();\n    }\n\n    componentDidLoad() {\n        this.resizeObserver?.observe(this.listElement);\n        this.checkScrollState();\n        overrideFocus(this.hostElement);\n        this.scheduledAfterRender.push(() => this.determineTabMove());\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n        this.settled.emit();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('badge')\n    onBadge() {\n        this.setTabs();\n    }\n\n    @Listen('change')\n    defaultChangeHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange) {\n            this.value = event.detail.value;\n        }\n    }\n\n    @Listen('focus')\n    onFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const index = this.tabs.findIndex(el => el.value === this.selectedTabValue);\n        this.moveToTab(index, true);\n    }\n\n    @Listen('resize', { target: 'window' })\n    onResize() {\n        this.checkScrollState();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * A method to select a tab pane corresponding with the value.\n     *\n     * @testOnly\n     */\n    @Method()\n    async selectTab(value: string) {\n        const paneButton = this.hostElement.shadowRoot.querySelector(`[test-id=\"tabLink\"][data-value=\"${value}\"]`);\n        (paneButton as HTMLButtonElement)?.click();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('name')\n    nameObserver() {\n        this.updateTabs();\n    }\n\n    @Watch('value')\n    valueObserver() {\n        this.updateTabs();\n        this.scheduledAfterRender.push(this.resizeIframe);\n        const index = this.tabs.findIndex(el => el.value === this.value);\n        if (index > -1) {\n            this.scheduledAfterRender.push(() => this.moveToTab(index, false));\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get selectedTabValue() {\n        return this.value || '';\n    }\n\n    get tabList() {\n        return this.hostElement.shadowRoot.querySelector('.tab-list');\n    }\n\n    get tabPanes() {\n        const tabPanes = this.hostElement.querySelectorAll<HTMLQ2TabPaneElement | HTMLTectonTabPaneElement>(\n            'q2-tab-pane, tecton-tab-pane'\n        );\n\n        if (tabPanes.length === 0) {\n            return [];\n        }\n\n        return Array.from(tabPanes).filter(pane => pane.name === this.name);\n    }\n\n    checkScrollState = () => {\n        if (!this.listElement) return;\n        const { scrollLeft, scrollWidth, clientWidth } = this.listElement;\n        this.scrollEnabled = scrollWidth > clientWidth;\n        this.showScrollLeft = scrollLeft > 0;\n        this.showScrollRight = scrollWidth > Math.ceil(scrollLeft) + clientWidth;\n    };\n\n    determineTabMove() {\n        if (!this.tabs) return;\n        const index = this.tabs.findIndex(el => el.value === this.value);\n        if (index === -1) return;\n        this.moveToTab(index, false);\n    }\n\n    moveToAdjacentTab = (value: string, direction: 'next' | 'prev' | 'first' | 'last') => {\n        const index = this.tabs.map(({ value }) => value).indexOf(value);\n\n        let newIndex;\n        switch (direction) {\n            case 'next':\n                newIndex = Math.min(index + 1, this.tabs.length - 1);\n                break;\n\n            case 'prev':\n                newIndex = Math.max(index - 1, 0);\n                break;\n\n            case 'first':\n                newIndex = 0;\n                break;\n\n            case 'last':\n                newIndex = this.tabs.length - 1;\n                break;\n        }\n\n        if (index === newIndex) return;\n\n        this.moveToTab(newIndex, true);\n    };\n\n    moveToTab = (index: number, shouldFocus: boolean = true) => {\n        const focusedValue = this.tabs[index].value;\n        const focusedTab = this.listElement.querySelector<HTMLButtonElement>(`[data-value=\"${focusedValue}\"]`);\n        if (shouldFocus) {\n            focusedTab.focus({ preventScroll: true });\n        }\n\n        const left = focusedTab.offsetLeft - this.listElement.clientWidth / 2;\n        this.listElement.scrollTo({\n            left,\n            behavior: 'smooth',\n        });\n    };\n\n    onScrollBtnClick = (direction?: 'left' | 'right') => {\n        const { scrollLeft, scrollWidth, clientWidth } = this.listElement;\n        const halfWidth = Math.floor(clientWidth / 2);\n        let scrollAmount: number = 0;\n        if (direction === 'left') {\n            scrollAmount = -Math.min(halfWidth, Math.abs(scrollLeft));\n        } else {\n            scrollAmount = Math.min(halfWidth, Math.abs(scrollWidth - scrollLeft - clientWidth));\n        }\n        this.listElement.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n    };\n\n    onSlotChange = () => {\n        this.checkScrollState();\n    };\n\n    onTabClick = (event: MouseEvent) => {\n        const targetValue = ((event.target as HTMLButtonElement).closest('button[role=\"tab\"]') as HTMLButtonElement)\n            .dataset.value;\n        const isAlreadySelected = this.value === targetValue;\n        if (isAlreadySelected) return;\n\n        mirrorEmit(this, ['change', 'tctChange'], {\n            value: targetValue,\n        });\n    };\n\n    onTabKeyDown = (event: KeyboardEvent) => {\n        const value = (event.target as HTMLElement).dataset.value;\n        switch (event.key) {\n            case 'ArrowRight':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'next');\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'prev');\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'first');\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'last');\n                break;\n\n            case 'Space':\n            case 'Enter':\n                event.preventDefault();\n                mirrorEmit(this, ['change', 'tctChange'], { value });\n                break;\n        }\n    };\n\n    resizeIframe() {\n        return window.TectonElements?.resizeIframe?.();\n    }\n\n    setTabs = () => {\n        this.tabs = this.tabPanes.map(({ label, value, badgeCount, badgeDescription, badgeTheme, badgeStatus }) => ({\n            label: (label && loc(label)) || '',\n            value,\n            badgeCount,\n            badgeDescription,\n            badgeTheme,\n            badgeStatus,\n        }));\n    };\n\n    updateTabPaneProps = () => {\n        this.tabPanes.forEach((tab, index) => {\n            tab.selected = tab.value === this.selectedTabValue;\n            tab.guid = this.guid;\n            tab.index = index;\n        });\n    };\n\n    updateTabs = () => {\n        const validTabPreUpdate = this.hasValidTab;\n        this.updateTabPaneProps();\n        this.setTabs();\n        // Check if we now have a valid tab\n        this.hasValidTab = this.tabs.some(tab => tab.value === this.value);\n        // Only move if we didn't have a valid tab before but do now\n        if (!validTabPreUpdate && this.hasValidTab) {\n            this.scheduledAfterRender.push(() => this.determineTabMove());\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderTab(tab: TabPane, index: number): JSX.IntrinsicElements {\n        const { label, value } = tab;\n        const isSelected = this.selectedTabValue === value;\n        return (\n            <li role=\"presentation\">\n                <button\n                    id={`tab-${this.guid}-${index}`}\n                    data-value={value}\n                    test-id=\"tabLink\"\n                    tabIndex={isSelected ? 0 : -1}\n                    role=\"tab\"\n                    aria-selected={`${isSelected}`}\n                    onClick={this.onTabClick}\n                    onKeyDown={this.onTabKeyDown}\n                >\n                    {tab.badgeCount === undefined ? label : this.renderTabWithBadge(tab, isSelected)}\n                </button>\n            </li>\n        );\n    }\n\n    renderTabWithBadge(tab: TabPane, isSelected: boolean): JSX.IntrinsicElements {\n        let theme;\n        if (!tab.badgeStatus && isSelected) theme = tab.badgeTheme || 'primary';\n        let description;\n        if (tab.badgeDescription) description = loc(tab.badgeDescription);\n        else if (tab.badgeStatus) description = loc(`tecton.element.tab.pane.${tab.badgeStatus}`, [tab.badgeCount]);\n        else description = loc('tecton.element.tab.pane.new');\n\n        return (\n            <div\n                class=\"tab-pane-badge\"\n                aria-label={`${tab.label}, ${tab.badgeCount} ${description}`}\n            >\n                {tab.label}\n                <q2-badge\n                    value={tab.badgeCount}\n                    theme={theme}\n                    status={tab.badgeStatus}\n                />\n            </div>\n        );\n    }\n\n    render() {\n        return (\n            <Fragment>\n                <div class=\"tab-container\">\n                    {this.scrollEnabled && (\n                        <Fragment>\n                            <div\n                                class=\"gradient-left\"\n                                hidden={!this.showScrollLeft}\n                            ></div>\n                            <div\n                                class=\"gradient-right\"\n                                hidden={!this.showScrollRight}\n                            ></div>\n\n                            <q2-btn\n                                class=\"btn-left\"\n                                hidden={!this.showScrollLeft}\n                                onTctClick={() => this.onScrollBtnClick('left')}\n                            >\n                                <q2-icon\n                                    type=\"chevron-left\"\n                                    label=\"scroll left\"\n                                ></q2-icon>\n                            </q2-btn>\n\n                            <q2-btn\n                                class=\"btn-right\"\n                                hidden={!this.showScrollRight}\n                                onTctClick={() => this.onScrollBtnClick('right')}\n                            >\n                                <q2-icon\n                                    type=\"chevron-right\"\n                                    label=\"scroll right\"\n                                ></q2-icon>\n                            </q2-btn>\n                        </Fragment>\n                    )}\n\n                    <ul\n                        onScroll={this.checkScrollState}\n                        ref={el => (this.listElement = el)}\n                        class={this.noPrint ? 'no-print' : null}\n                        role=\"tablist\"\n                    >\n                        {this.tabs.map((tab, index) => this.renderTab(tab, index))}\n                    </ul>\n                </div>\n                <div class=\"tab-content\">\n                    <slot onSlotchange={() => this.onSlotChange()} />\n                </div>\n            </Fragment>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["q2TabContainerCss","Q2TabContainer","constructor","hostRef","this","guid","createGuid","hasValidTab","lastScrolled","Date","getTime","scheduledAfterRender","hasLeft","hasRight","scrollEnabled","showScrollLeft","showScrollRight","noPrint","checkScrollState","listElement","scrollLeft","scrollWidth","clientWidth","Math","ceil","moveToAdjacentTab","value","direction","index","tabs","map","indexOf","newIndex","min","length","max","moveToTab","shouldFocus","focusedValue","focusedTab","querySelector","focus","preventScroll","left","offsetLeft","scrollTo","behavior","onScrollBtnClick","halfWidth","floor","scrollAmount","abs","scrollBy","onSlotChange","onTabClick","event","targetValue","target","closest","dataset","isAlreadySelected","mirrorEmit","onTabKeyDown","key","preventDefault","setTabs","tabPanes","label","badgeCount","badgeDescription","badgeTheme","badgeStatus","loc","updateTabPaneProps","forEach","tab","selected","selectedTabValue","updateTabs","validTabPreUpdate","some","push","determineTabMove","disconnectedCallback","_a","resizeObserver","disconnect","_b","mutationObserver","componentWillLoad","hasValidChildren","hostElement","filterChildren","observer","MutationObserver","observe","childList","attributes","ResizeObserver","componentDidLoad","overrideFocus","componentDidRender","fn","settled","emit","onBadge","defaultChangeHandler","onchange","detail","onFocus","isEventFromElement","findIndex","el","onResize","selectTab","paneButton","shadowRoot","click","nameObserver","valueObserver","resizeIframe","tabList","querySelectorAll","Array","from","filter","pane","name","window","TectonElements","call","renderTab","isSelected","h","role","id","tabIndex","onClick","onKeyDown","undefined","renderTabWithBadge","theme","description","class","status","render","Fragment","hidden","onTctClick","type","onScroll","ref","onSlotchange"],"sources":["src/components/q2-tab-container/q2-tab-container.scss?tag=q2-tab-container&encapsulation=shadow","src/components/q2-tab-container/q2-tab-container.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: block;\n    position: relative;\n}\n\nbutton {\n    cursor: pointer;\n    margin: 0;\n}\n\n.tab-container {\n    position: relative;\n}\n\nul {\n    --comp-container-padding: #{var-list(--tct-scale-1, --app-scale-1x, 5px)\n        var-list(--tct-scale-1, --app-scale-1x, 5px) 0};\n    padding: var-list(var-prefixer(tab-container-padding), --comp-container-padding);\n    margin: var-list(var-prefixer(tab-container-margin), 0);\n    display: flex;\n    gap: var-list(var-prefixer(tab-gap), --tct-scale-1, --app-scale-1x, 5px);\n    list-style: none;\n    border-bottom-width: var-list(--tct-tab-container-border-width, 1px);\n    border-bottom-style: var-list(--tct-tab-container-border-style, solid);\n    border-bottom-color: var-list(\n        var-prefixer(tab-container-border-color),\n        --tct-gray-11,\n        --t-gray-11,\n        --tct-gray-l1,\n        --app-gray-l1,\n        #cccccc\n    );\n    overflow-x: auto;\n    align-items: center;\n    @include hidden-scrollbar();\n\n    @media print {\n        &.no-print {\n            display: none;\n        }\n    }\n}\n\nli {\n    flex: 0 0 auto;\n\n    button {\n        background: var-list(--tct-tab-inactive-background, var-prefixer(tab-inactive-bg-color), transparent);\n        border-width: var-list(var-prefixer(tab-inactive-border-width), unquote('0 0 3px 0'));\n        border-color: var-list(var-prefixer(tab-inactive-border-color), transparent);\n        border-style: var-list(var-prefixer(tab-inactive-border-style), solid);\n        border-radius: var-list(var-prefixer(tab-border-radius), 0);\n        width: var-list(var-prefixer(tab-width), 100%);\n        text-align: var-list(var-prefixer(tab-text-align), center);\n        text-decoration: var-list(var-prefixer(tab-text-decoration), none);\n        padding: var-list(var-prefixer(tab-padding), --tct-scale-2, --app-scale-2x, 10px);\n        color: var-list(var-prefixer(tab-inactive-color), inherit);\n        font-size: var-list(var-prefixer(tab-font-size), 17px);\n        line-height: var-list(--tct-tab-line-height, 20px);\n        display: block;\n        transition:\n            background var(--t-tween-ease-inout) var(--t-tween-time-in-xxs),\n            color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs),\n            border-color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs);\n\n        :host([type='section']) & {\n            --comp-tab-section-padding: #{var-list(--tct-scale-2, --app-scale-2x, 10px)\n                var-list(--tct-scale-1, --app-scale-1x, 5px)};\n            font-size: var-list(--tct-tab-section-font-size, 14px);\n            line-height: var-list(--tct-tab-section-line-height, 18px);\n            padding: var-list(var-prefixer(tab-section-padding), --comp-tab-section-padding);\n        }\n\n        &:focus-visible {\n            box-shadow: var-list(--tct-tab-focus-visible-box-shadow, --const-double-focus-ring);\n        }\n\n        &:hover {\n            color: var-list(var-prefixer(tab-hover-color), var-prefixer(tab-active-color), #2e2e2e);\n            background: var-list(--tct-tab-hover-background, var-prefixer(tab-hover-bg-color), inherit);\n            width: var-list(var-prefixer(tab-hover-width), 100%);\n        }\n\n        &[aria-selected='true'] {\n            color: var-list(var-prefixer(tab-active-color), #2e2e2e);\n            border-color: var-list(var-prefixer(tab-active-border-color), currentcolor);\n            border-style: var-list(var-prefixer(tab-active-border-style), solid);\n            width: var-list(var-prefixer(tab-active-width), 100%);\n            background: var-list(--tct-tab-active-background, var-prefixer(tab-active-bg-color), inherit);\n            text-decoration: var-list(--tct-tab-active-text-decoration, none);\n        }\n\n        :host([color='alt']) & {\n            color: var-list(var-prefixer(tab-alt-inactive-color), inherit);\n\n            &:hover,\n            &[aria-selected='true'] {\n                color: var-list(var-prefixer(tab-alt-active-color), inherit);\n            }\n        }\n\n        @media screen and (max-width: 767px) {\n            --comp-tab-padding: #{var-list(--tct-scale-2, --app-scale-2x, 10px)\n                var-list(--tct-scale-1, --app-scale-1x, 5px)};\n            font-size: inherit;\n            padding: var-list(var-prefixer(tab-padding), --comp-tab-padding);\n        }\n    }\n}\n\n.tab-content {\n    --comp-tab-content-padding: #{var-list(--tct-scale-2, --app-scale-2x, 10px) 0};\n    padding: var-list(\n        --tct-tab-container-content-padding,\n        var-prefixer(tab-content-padding),\n        --comp-tab-content-padding\n    );\n    background: var-list(--tct-tab-container-content-backgrond, none);\n\n    &:focus {\n        outline: none;\n        box-shadow: none;\n    }\n}\n\n.gradient-left,\n.gradient-right {\n    z-index: 1;\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 44px;\n}\n\n.gradient-left {\n    background-image: linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);\n    left: 0;\n}\n\n.gradient-right {\n    background-image: linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);\n    right: 0;\n}\n\n.btn-left,\n.btn-right {\n    --tct-icon-size: 18px;\n    --tct-btn-icon-hover-background: transparent;\n    --tct-btn-icon-width: 22px;\n    --tct-icon-stroke-primary: #{var-list(var-prefixer(stepper-scroll-arrow-color), --t-text, #4d4d4d)};\n\n    position: absolute;\n    top: calc(50% - 22px);\n    z-index: 2;\n    q2-icon {\n        --tct-icon-stroke-width: 3;\n    }\n}\n\n.btn-left {\n    left: 0;\n}\n\n.btn-right {\n    right: 0;\n}\n\n.tab-pane-badge {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    q2-badge {\n        margin-left: 5px;\n        margin-right: 5px;\n    }\n}\n","import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Element,\n    Event,\n    EventEmitter,\n    State,\n    Listen,\n    Watch,\n    h,\n    Fragment,\n    Method,\n} from '@stencil/core';\nimport { createGuid, loc, overrideFocus, isEventFromElement } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\nimport { JSX } from '../../components';\nimport { Q2Badge } from '../q2-badge/q2-badge';\nimport { filterChildren, hasValidChildren } from '@/utils/component';\n\ntype TabPane = {\n    label: string;\n    value: string;\n    badgeCount: number;\n    badgeDescription: string;\n    badgeTheme: Q2Badge['theme'];\n    badgeStatus: Q2Badge['status'];\n};\n\n/**\n * @name Tab Container\n * @category Display\n * @summary Use for switching between multiple views within the same context.\n */\n@Component({ tag: 'q2-tab-container', shadow: true, styleUrl: 'q2-tab-container.scss' })\nexport class Q2TabContainer implements ComponentInterface {\n    // #region Own Properties\n\n    guid: number = createGuid();\n    hasValidTab: boolean = false;\n    lastScrolled: number = new Date(null).getTime();\n    listElement: HTMLUListElement;\n    mutationObserver: MutationObserver;\n    resizeObserver: ResizeObserver;\n    scheduledAfterRender: (() => void)[] = [];\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    hasLeft: boolean = false;\n\n    @State()\n    hasRight: boolean = false;\n\n    @State()\n    scrollEnabled: boolean = false;\n\n    @State()\n    showScrollLeft: boolean = false;\n\n    @State()\n    showScrollRight: boolean = false;\n\n    @State()\n    tabs: TabPane[];\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Controls which variables are used to color the tab controls.\n     *\n     * - `undefined` (default)\n     *   - Uses `--t-tab-active` and `--t-tab-inactive`.\n     * - `alt`\n     *   - Uses `--t-tab-alt-active` and `--t-tab-alt-inactive`.\n     *   - The default fallback for these variables is `inherit`.\n     */\n    @Prop({ reflect: true })\n    color: 'alt' | undefined;\n\n    /**\n     * Used to establish a relationship between `q2-tab-container` and its associated tab panes.\n     * @warning\n     * The element can fail if this property is not set. Nested tab containers without the `name` property will not render correctly.\n     */\n    @Prop({ reflect: true })\n    name: string;\n\n    /** Controls visibility of tab list in a print view. Tab content will still be visible even if `noPrint` is true. */\n    @Prop({ reflect: true })\n    noPrint: boolean = false;\n\n    /** Determines the font size of the tab controls. */\n    @Prop({ reflect: true })\n    type: 'main' | 'section';\n\n    /** Corresponds to the value of the selected tab pane. */\n    @Prop({ reflect: true, mutable: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the selected tab changes.\n     * @legacyEvent\n     * @deprecated Use 'tctChange' instead\n     */\n    @Event()\n    change: EventEmitter<{ value: string }>;\n\n    /**\n     * Emitted when the component has finished rendering.\n     * @private\n     */\n    @Event()\n    settled: EventEmitter<undefined>;\n\n    /**\n     * Emitted when the selected tab changes.\n     * @legacyEvent\n     */\n    @Event()\n    tctChange: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.resizeObserver?.disconnect();\n        this.resizeObserver = null;\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        if (!hasValidChildren(this.hostElement, ['q2-tab-pane', 'tecton-tab-pane'])) {\n            filterChildren(this.hostElement, ['q2-tab-pane', 'tecton-tab-pane']);\n        }\n        const observer = new MutationObserver(() => this.updateTabs());\n        observer.observe(this.hostElement, { childList: true, attributes: true });\n        this.mutationObserver = observer;\n        this.resizeObserver = new ResizeObserver(() => this.checkScrollState());\n        this.updateTabs();\n    }\n\n    componentDidLoad() {\n        this.resizeObserver?.observe(this.listElement);\n        this.checkScrollState();\n        overrideFocus(this.hostElement);\n        this.scheduledAfterRender.push(() => this.determineTabMove());\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n        this.settled.emit();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('badge')\n    onBadge() {\n        this.setTabs();\n    }\n\n    @Listen('change')\n    defaultChangeHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange) {\n            this.value = event.detail.value;\n        }\n    }\n\n    @Listen('focus')\n    onFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const index = this.tabs.findIndex(el => el.value === this.selectedTabValue);\n        this.moveToTab(index, true);\n    }\n\n    @Listen('resize', { target: 'window' })\n    onResize() {\n        this.checkScrollState();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * A method to select a tab pane corresponding with the value.\n     *\n     * @testOnly\n     */\n    @Method()\n    async selectTab(value: string) {\n        const paneButton = this.hostElement.shadowRoot.querySelector(`[test-id=\"tabLink\"][data-value=\"${value}\"]`);\n        (paneButton as HTMLButtonElement)?.click();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('name')\n    nameObserver() {\n        this.updateTabs();\n    }\n\n    @Watch('value')\n    valueObserver() {\n        this.updateTabs();\n        this.scheduledAfterRender.push(this.resizeIframe);\n        const index = this.tabs.findIndex(el => el.value === this.value);\n        if (index > -1) {\n            this.scheduledAfterRender.push(() => this.moveToTab(index, false));\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get selectedTabValue() {\n        return this.value || '';\n    }\n\n    get tabList() {\n        return this.hostElement.shadowRoot.querySelector('.tab-list');\n    }\n\n    get tabPanes() {\n        const tabPanes = this.hostElement.querySelectorAll<HTMLQ2TabPaneElement | HTMLTectonTabPaneElement>(\n            'q2-tab-pane, tecton-tab-pane'\n        );\n\n        if (tabPanes.length === 0) {\n            return [];\n        }\n\n        return Array.from(tabPanes).filter(pane => pane.name === this.name);\n    }\n\n    checkScrollState = () => {\n        if (!this.listElement) return;\n        const { scrollLeft, scrollWidth, clientWidth } = this.listElement;\n        this.scrollEnabled = scrollWidth > clientWidth;\n        this.showScrollLeft = scrollLeft > 0;\n        this.showScrollRight = scrollWidth > Math.ceil(scrollLeft) + clientWidth;\n    };\n\n    determineTabMove() {\n        if (!this.tabs) return;\n        const index = this.tabs.findIndex(el => el.value === this.value);\n        if (index === -1) return;\n        this.moveToTab(index, false);\n    }\n\n    moveToAdjacentTab = (value: string, direction: 'next' | 'prev' | 'first' | 'last') => {\n        const index = this.tabs.map(({ value }) => value).indexOf(value);\n\n        let newIndex;\n        switch (direction) {\n            case 'next':\n                newIndex = Math.min(index + 1, this.tabs.length - 1);\n                break;\n\n            case 'prev':\n                newIndex = Math.max(index - 1, 0);\n                break;\n\n            case 'first':\n                newIndex = 0;\n                break;\n\n            case 'last':\n                newIndex = this.tabs.length - 1;\n                break;\n        }\n\n        if (index === newIndex) return;\n\n        this.moveToTab(newIndex, true);\n    };\n\n    moveToTab = (index: number, shouldFocus: boolean = true) => {\n        const focusedValue = this.tabs[index].value;\n        const focusedTab = this.listElement.querySelector<HTMLButtonElement>(`[data-value=\"${focusedValue}\"]`);\n        if (shouldFocus) {\n            focusedTab.focus({ preventScroll: true });\n        }\n\n        const left = focusedTab.offsetLeft - this.listElement.clientWidth / 2;\n        this.listElement.scrollTo({\n            left,\n            behavior: 'smooth',\n        });\n    };\n\n    onScrollBtnClick = (direction?: 'left' | 'right') => {\n        const { scrollLeft, scrollWidth, clientWidth } = this.listElement;\n        const halfWidth = Math.floor(clientWidth / 2);\n        let scrollAmount: number = 0;\n        if (direction === 'left') {\n            scrollAmount = -Math.min(halfWidth, Math.abs(scrollLeft));\n        } else {\n            scrollAmount = Math.min(halfWidth, Math.abs(scrollWidth - scrollLeft - clientWidth));\n        }\n        this.listElement.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n    };\n\n    onSlotChange = () => {\n        this.checkScrollState();\n    };\n\n    onTabClick = (event: MouseEvent) => {\n        const targetValue = ((event.target as HTMLButtonElement).closest('button[role=\"tab\"]') as HTMLButtonElement)\n            .dataset.value;\n        const isAlreadySelected = this.value === targetValue;\n        if (isAlreadySelected) return;\n\n        mirrorEmit(this, ['change', 'tctChange'], {\n            value: targetValue,\n        });\n    };\n\n    onTabKeyDown = (event: KeyboardEvent) => {\n        const value = (event.target as HTMLElement).dataset.value;\n        switch (event.key) {\n            case 'ArrowRight':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'next');\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'prev');\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'first');\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.moveToAdjacentTab(value, 'last');\n                break;\n\n            case 'Space':\n            case 'Enter':\n                event.preventDefault();\n                mirrorEmit(this, ['change', 'tctChange'], { value });\n                break;\n        }\n    };\n\n    resizeIframe() {\n        return window.TectonElements?.resizeIframe?.();\n    }\n\n    setTabs = () => {\n        this.tabs = this.tabPanes.map(({ label, value, badgeCount, badgeDescription, badgeTheme, badgeStatus }) => ({\n            label: (label && loc(label)) || '',\n            value,\n            badgeCount,\n            badgeDescription,\n            badgeTheme,\n            badgeStatus,\n        }));\n    };\n\n    updateTabPaneProps = () => {\n        this.tabPanes.forEach((tab, index) => {\n            tab.selected = tab.value === this.selectedTabValue;\n            tab.guid = this.guid;\n            tab.index = index;\n        });\n    };\n\n    updateTabs = () => {\n        const validTabPreUpdate = this.hasValidTab;\n        this.updateTabPaneProps();\n        this.setTabs();\n        // Check if we now have a valid tab\n        this.hasValidTab = this.tabs.some(tab => tab.value === this.value);\n        // Only move if we didn't have a valid tab before but do now\n        if (!validTabPreUpdate && this.hasValidTab) {\n            this.scheduledAfterRender.push(() => this.determineTabMove());\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderTab(tab: TabPane, index: number): JSX.IntrinsicElements {\n        const { label, value } = tab;\n        const isSelected = this.selectedTabValue === value;\n        return (\n            <li role=\"presentation\">\n                <button\n                    id={`tab-${this.guid}-${index}`}\n                    data-value={value}\n                    test-id=\"tabLink\"\n                    tabIndex={isSelected ? 0 : -1}\n                    role=\"tab\"\n                    aria-selected={`${isSelected}`}\n                    onClick={this.onTabClick}\n                    onKeyDown={this.onTabKeyDown}\n                >\n                    {tab.badgeCount === undefined ? label : this.renderTabWithBadge(tab, isSelected)}\n                </button>\n            </li>\n        );\n    }\n\n    renderTabWithBadge(tab: TabPane, isSelected: boolean): JSX.IntrinsicElements {\n        let theme;\n        if (!tab.badgeStatus && isSelected) theme = tab.badgeTheme || 'primary';\n        let description;\n        if (tab.badgeDescription) description = loc(tab.badgeDescription);\n        else if (tab.badgeStatus) description = loc(`tecton.element.tab.pane.${tab.badgeStatus}`, [tab.badgeCount]);\n        else description = loc('tecton.element.tab.pane.new');\n\n        return (\n            <div\n                class=\"tab-pane-badge\"\n                aria-label={`${tab.label}, ${tab.badgeCount} ${description}`}\n            >\n                {tab.label}\n                <q2-badge\n                    value={tab.badgeCount}\n                    theme={theme}\n                    status={tab.badgeStatus}\n                />\n            </div>\n        );\n    }\n\n    render() {\n        return (\n            <Fragment>\n                <div class=\"tab-container\">\n                    {this.scrollEnabled && (\n                        <Fragment>\n                            <div\n                                class=\"gradient-left\"\n                                hidden={!this.showScrollLeft}\n                            ></div>\n                            <div\n                                class=\"gradient-right\"\n                                hidden={!this.showScrollRight}\n                            ></div>\n\n                            <q2-btn\n                                class=\"btn-left\"\n                                hidden={!this.showScrollLeft}\n                                onTctClick={() => this.onScrollBtnClick('left')}\n                            >\n                                <q2-icon\n                                    type=\"chevron-left\"\n                                    label=\"scroll left\"\n                                ></q2-icon>\n                            </q2-btn>\n\n                            <q2-btn\n                                class=\"btn-right\"\n                                hidden={!this.showScrollRight}\n                                onTctClick={() => this.onScrollBtnClick('right')}\n                            >\n                                <q2-icon\n                                    type=\"chevron-right\"\n                                    label=\"scroll right\"\n                                ></q2-icon>\n                            </q2-btn>\n                        </Fragment>\n                    )}\n\n                    <ul\n                        onScroll={this.checkScrollState}\n                        ref={el => (this.listElement = el)}\n                        class={this.noPrint ? 'no-print' : null}\n                        role=\"tablist\"\n                    >\n                        {this.tabs.map((tab, index) => this.renderTab(tab, index))}\n                    </ul>\n                </div>\n                <div class=\"tab-content\">\n                    <slot onSlotchange={() => this.onSlotChange()} />\n                </div>\n            </Fragment>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/q2-tecton-elements/q2-tab-pane.entry.js

@@ -23,7 +23,7 @@ const s = class {
   // #region Render Methods
   render() {
     return i("div", {
-      key: "1f9e5f993a4d548dade126f8acf05e9c958eddc0",
+      key: "6550750c490f276b314f5e10cba438aa5f458657",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -31,7 +31,7 @@ const s = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, i("slot", {
-      key: "d5eeb1c72d8c416b91851a661d3aa4736d17f16b"
+      key: "bc8b8e38e3d2635f61ccc06830c095cc743c235a"
     }));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-tecton-elements.esm.js

@@ -17,7 +17,7 @@ import { g as t } from "./app-globals-DQuL1Twl.js";
 
 patchBrowser().then((async e => {
   await t();
-  return a(JSON.parse('[["q2-pagination",[[1,"q2-pagination",{"alignment":[1537],"autoSize":[1540,"auto-size"],"disabled":[1540],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[1538,"per-page"],"perPageIncrements":[1537,"per-page-increments"],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"stacked":[516],"total":[514],"isSmall":[32],"clickFirstPage":[64],"clickLastPage":[64],"clickNextPage":[64],"clickPreviousPage":[64],"selectPerPageIncrementValue":[64],"setPageValue":[64]},[[0,"focus","onHostElementFocus"]],{"autoSize":["manageResizeObserver"],"recordsOnly":["checkDisplayTypes"],"pagesOnly":["checkDisplayTypes"],"stacked":["checkDisplayTypes"]}]]],["q2-calendar",[[1,"q2-calendar",{"ariaLabel":[1537,"aria-label"],"assume":[513],"buttonLabel":[513,"button-label"],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16,"invalid-dates"],"label":[1537],"onsuccess":[16],"open":[1540],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16,"valid-dates"],"value":[1537],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"keyboardSelection":[32],"typedValue":[32],"closePopover":[64],"openPopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"clear","handleClear"],[0,"error","defaultErrorHandler"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"success","defaultSuccessHandler"]],{"ariaLabel":["ariaLabelObserver"],"cutoffTime":["cutoffTimeObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"endDate":["endDateObserver"],"invalidDates":["invalidDatesObserver"],"popDirection":["popDirectionHandler"],"startDate":["startDateObserver"],"typeable":["typeableChanged"],"validDates":["validDatesObserver"],"value":["valueObserver"]}]]],["q2-action-sheet",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"title":[1],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["q2-dropdown",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"alignment":[513],"ariaLabel":[1537,"aria-label"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"fullWidth":[516,"full-width"],"hideLabel":[1540,"hide-label"],"hoist":[4],"icon":[513],"label":[1537],"name":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popDirection":[513,"pop-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"resolvedType":[513,"resolved-type"],"type":[513],"_getSlotsHtml":[64],"closePopover":[64],"openPopover":[64],"selectItem":[64],"selectRemoveItem":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateChangeHandler"]],{"additionalContext":["additionalContextHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"name":["nameHandler"],"popDirection":["popDirectionHandler"],"resolvedType":["resolvedTypeHandler"]}]]],["q2-file-picker",[[1,"q2-file-picker",{"buttonSize":[513,"button-size"],"description":[513],"disabled":[516],"fileTypes":[513,"file-types"],"label":[513],"maxFiles":[514,"max-files"],"maxFileSize":[514,"max-file-size"],"status":[16],"value":[6160],"variant":[513],"areFilesUploading":[32],"displayedFiles":[32],"isDropZoneHighlighted":[32],"refreshCounter":[32]},null,{"status":["updateFileList"]}]]],["q2-data-table",[[1,"q2-data-table",{"bordered":[1544],"caption":[1025],"clickable":[1540],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectAlign":[1025,"select-align"],"selectedRows":[7184,"selected-rows"],"selectMode":[1025,"select-mode"],"shadowed":[1540],"sticky":[516],"striped":[516],"allRowsSelected":[32],"checkSlotCount":[32],"hasDropdowns":[32],"hasExpandableRows":[32],"hasRowData":[32],"serializedHeaders":[32],"serializedRows":[32],"someRowsSelected":[32],"clickRow":[64],"getCellContent":[64],"sortColumn":[64],"toggleRowExpansion":[64],"toggleRowSelect":[64],"toggleSelectAllRows":[64]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["q2-editable-field",[[1,"q2-editable-field",{"ariaLabel":[1537,"aria-label"],"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"formattedValue":[32],"clickCancel":[64],"clickEdit":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"tctFormatted","inputFormatted"]],{"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"],"errors":["errorsObserver"]}]]],["q2-modal",[[1,"q2-modal",{"closable":[516],"customMarkup":[1,"custom-markup"],"description":[1],"icon":[1],"iconFillColor":[1,"icon-fill-color"],"iconStrokePrimary":[1,"icon-stroke-primary"],"iconStrokeSecondary":[1,"icon-stroke-secondary"],"iconStrokeWidth":[1,"icon-stroke-width"],"imageSrc":[513,"image-src"],"title":[1537],"maxActionButtons":[32],"renderStatus":[32],"closeModal":[64],"openModal":[64]}]]],["q2-pill",[[1,"q2-pill",{"active":[1540],"borderless":[516],"disabled":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040,"selected-options"],"theme":[513],"value":[1537],"hasPopoverBottom":[32],"hasPopoverTop":[32],"optionCount":[32],"selectedOptionElements":[32],"closePopover":[64],"openPopover":[64],"setValue":[64]},[[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"selectedOptions":["selectedOptionsChanged"],"value":["valueChanged"],"label":["valueChanged"]}]]],["q2-tab-container",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32],"selectTab":[64]},[[0,"badge","onBadge"],[0,"change","defaultChangeHandler"],[0,"focus","onFocus"],[9,"resize","onResize"]],{"name":["nameObserver"],"value":["valueObserver"]}]]],["q2-tag",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32],"closePopover":[64],"openPopover":[64],"selectOption":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["q2-carousel",[[4,"q2-carousel",{"ariaLabel":[513,"aria-label"],"autoPlay":[516,"auto-play"],"framelessPanes":[516,"frameless-panes"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"index":[1538],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLiveValue":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"compactMode":[32],"currentPaneCount":[32],"selectCarouselPane":[64],"togglePlayPause":[64]},[[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"framelessPanes":["framelessPanesChanged","revampCarousel"],"fullWidthPanes":["revampCarousel"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"],"index":["indexChanged"]}]]],["q2-chart-donut",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"data":[16],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"innerRadius":[1025,"inner-radius"],"isClickable":[516,"is-clickable"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"clearSelection":[64],"getChartOptions":[64],"selectById":[64],"selectByIndex":[64],"selectDataPoint":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["q2-context",[[1,"q2-context",{"separator":[516]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16,"disabled-months"],"today":[1],"year":[1538],"focusedIndex":[32],"selectedIndex":[32],"showYearLayer":[32]}]]],["q2-section",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hasYieldedHeader":[32],"hideContent":[32],"collapse":[64],"expand":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"collapsible":["collapsibleObserver"],"expanded":["expandedObserver"]}]]],["q2-stepper",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"lastEnabledStep":[1538,"last-enabled-step"],"stepCount":[1026,"step-count"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"contentChange","contentChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStep":["currentStepChanged","lastEnabledStepChanged"],"lastEnabledStep":["lastEnabledStepChanged"]}]]],["q2-card",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"elevation":[514],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"target":[513],"title":[513],"type":[513],"url":[513]},[[0,"focus","onHostElementFocus"]]]]],["q2-card-image",[[1,"q2-card-image",{"accessibilityLabel":[1,"accessibility-label"],"background":[513],"cardHolder":[1,"card-holder"],"cardHolderLabel":[4,"card-holder-label"],"cardNumber":[1,"card-number"],"cardStatus":[513,"card-status"],"cardType":[1,"card-type"],"cardTypeColor":[1,"card-type-color"],"chip":[1],"clickable":[516],"disabled":[516],"expirationDate":[1,"expiration-date"],"expirationDateLabel":[4,"expiration-date-label"],"fiLogo":[1,"fi-logo"],"inline":[516],"orientation":[1],"overlay":[513],"statusTextOverride":[1,"status-text-override"],"vendor":[513],"vendorColor":[1,"vendor-color"],"vendorLogo":[1,"vendor-logo"],"computedSize":[32]}]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"disabled":["disabledObserver"],"readonly":["readonlyObserver"],"value":["valueObserver"]}]]],["q2-meter",[[1,"q2-meter",{"animated":[516],"completedLabel":[513,"completed-label"],"completedValue":[513,"completed-value"],"description":[513],"dotted":[516],"hideTooltip":[516,"hide-tooltip"],"label":[513],"maxLabel":[513,"max-label"],"maxValue":[513,"max-value"],"segments":[514],"suggestedLabel":[513,"suggested-label"],"suggestedValue":[513,"suggested-value"],"tooltipCompleted":[513,"tooltip-completed"],"tooltipSuggested":[513,"tooltip-suggested"]}]]],["q2-radio-group",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tilelayout":[1540],"tileLayout":[1540,"tile-layout"],"value":[1025],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"disabled":["disabledUpdated"],"name":["nameUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"],"value":["valueUpdated"]}]]],["q2-stepper-vertical",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["q2-textarea",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"downParams":[32],"hasFocus":[32],"screenReaderCharacterCount":[32],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"],[0,"input","onHostElementInput"]],{"cols":["colsObserver"],"errors":["errorsObserver"],"hints":["hintsObserver"],"maxlength":["maxlengthObserver"],"rows":["rowsObserver"],"value":["valueObserver"]}]]],["q2-toast",[[1,"q2-toast",{"autoClose":[516,"auto-close"],"closable":[516],"duration":[514],"hideIcon":[516,"hide-icon"],"icon":[1],"message":[1],"showPersistent":[516,"show-persistent"],"size":[513],"tctTitle":[1,"tct-title"],"time":[1],"type":[513],"isClosing":[32],"isOpen":[32]},null,{"autoClose":["onAutoCloseChange"],"duration":["onAutoCloseChange"],"showPersistent":["onShowPersistentChange"],"size":["onSizeChange"]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"isActivePane":[516,"is-active-pane"],"label":[513],"siblingCount":[2,"sibling-count"],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["q2-chart-area",[[1,"q2-chart-area",{"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"gridPadding":[16,"grid-padding"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"xMax":[514,"x-max"],"xMin":[514,"x-min"],"yMax":[514,"y-max"],"yMin":[514,"y-min"],"hoverDataPoint":[64]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-chart-bar",[[1,"q2-chart-bar",{"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridPadding":[16,"grid-padding"],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]},null,{"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"]}]]],["q2-currency",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"variant":[513],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"],"variant":["propsUpdated"]}]]],["q2-detail",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["q2-example",[[1,"q2-example",{"content":[1],"disabled":[4],"type":[1],"isValidated":[32],"status":[32],"close":[64],"openMenu":[64]},[[0,"click","onClick"],[1,"drag","onDrag"]],{"content":["contentChanged"],"status":["statusChanged"]}]]],["q2-form",[[1,"q2-form",{"spacing":[513]}]]],["q2-formatted-text",[[1,"q2-formatted-text",{"format":[513],"locale":[513],"maximumFractionDigits":[2,"maximum-fraction-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"minimumIntegerDigits":[2,"minimum-integer-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"value":[514]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"],"format":["propsUpdated"]}]]],["q2-grid",[[1,"q2-grid",{"align":[513],"columns":[514],"gap":[513],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumns":[514,"lg-columns"],"lgGap":[513,"lg-gap"],"lgJustify":[513,"lg-justify"],"lgRows":[520,"lg-rows"],"mdAlign":[513,"md-align"],"mdColumns":[514,"md-columns"],"mdGap":[513,"md-gap"],"mdJustify":[513,"md-justify"],"mdRows":[520,"md-rows"],"rows":[520],"smAlign":[513,"sm-align"],"smColumns":[514,"sm-columns"],"smGap":[513,"sm-gap"],"smJustify":[513,"sm-justify"],"smRows":[520,"sm-rows"],"xlAlign":[513,"xl-align"],"xlColumns":[514,"xl-columns"],"xlGap":[513,"xl-gap"],"xlJustify":[513,"xl-justify"],"xlRows":[520,"xl-rows"],"xsAlign":[513,"xs-align"],"xsColumns":[514,"xs-columns"],"xsGap":[513,"xs-gap"],"xsJustify":[513,"xs-justify"],"xsRows":[520,"xs-rows"]}]]],["q2-grid-area",[[1,"q2-grid-area",{"align":[513],"columnSpan":[514,"column-span"],"columnStart":[520,"column-start"],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumnSpan":[514,"lg-column-span"],"lgColumnStart":[520,"lg-column-start"],"lgJustify":[513,"lg-justify"],"lgRowSpan":[514,"lg-row-span"],"lgRowStart":[520,"lg-row-start"],"lgZIndex":[520,"lg-z-index"],"mdAlign":[513,"md-align"],"mdColumnSpan":[514,"md-column-span"],"mdColumnStart":[520,"md-column-start"],"mdJustify":[513,"md-justify"],"mdRowSpan":[514,"md-row-span"],"mdRowStart":[520,"md-row-start"],"mdZIndex":[520,"md-z-index"],"rowSpan":[514,"row-span"],"rowStart":[520,"row-start"],"smAlign":[513,"sm-align"],"smColumnSpan":[514,"sm-column-span"],"smColumnStart":[520,"sm-column-start"],"smJustify":[513,"sm-justify"],"smRowSpan":[514,"sm-row-span"],"smRowStart":[520,"sm-row-start"],"smZIndex":[520,"sm-z-index"],"xlAlign":[513,"xl-align"],"xlColumnSpan":[514,"xl-column-span"],"xlColumnStart":[520,"xl-column-start"],"xlJustify":[513,"xl-justify"],"xlRowSpan":[514,"xl-row-span"],"xlRowStart":[520,"xl-row-start"],"xlZIndex":[520,"xl-z-index"],"xsAlign":[513,"xs-align"],"xsColumnSpan":[514,"xs-column-span"],"xsColumnStart":[520,"xs-column-start"],"xsJustify":[513,"xs-justify"],"xsRowSpan":[514,"xs-row-span"],"xsRowStart":[520,"xs-row-start"],"xsZIndex":[520,"xs-z-index"],"zIndex":[520,"z-index"]}]]],["q2-loading-element",[[0,"q2-loading-element",{"borderRadius":[513,"border-radius"],"height":[513],"shape":[513],"width":[513]}]]],["q2-loc",[[0,"q2-loc",{"substitutions":[16],"value":[1537]}]]],["q2-mutation-observer",[[1,"q2-mutation-observer",{"disabled":[516],"observeAttributes":[516,"observe-attributes"],"observeChildList":[516,"observe-child-list"],"observeSubTree":[516,"observe-sub-tree"],"getCurrentMutationEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-radio",[[1,"q2-radio",{"ariaLabel":[1537,"aria-label"],"checked":[1540],"disabled":[516],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"hideLabel":[1540,"hide-label"],"label":[1537],"name":[513],"readonly":[516],"tabIndex":[2,"tab-index"],"value":[513]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["q2-relative-time",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"date":[513],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validBaseDateProp":[64],"validDateProp":[64]},null,{"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"],"sync":["syncUpdated"]}]]],["q2-section-container",[[1,"q2-section-container",{"openMode":[1025,"open-mode"],"openPaneIndex":[2,"open-pane-index"],"startAllOpen":[1028,"start-all-open"],"startOpen":[1028,"start-open"]},null,{"openMode":["handleOpenStateChange"],"openPaneIndex":["handleOpenStateChange"],"startAllOpen":["handleOpenStateChange"],"startOpen":["handleOpenStateChange"]}]]],["q2-stepper-pane",[[1,"q2-stepper-pane",{"description":[513],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"isActive":["isActiveChanged"],"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"showWithChildren":["checkForActiveChildren"],"status":["statusChanged"]}]]],["q2-tab-pane",[[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"name":[513],"selected":[516],"value":[513]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"authPayload":[16,"auth-payload"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"minHeight":[513,"min-height"],"moduleId":[513,"module-id"],"name":[513],"provided":[516],"selected":[516],"showForm":[4,"show-form"],"url":[513],"value":[513],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["q2-action-group_2",[[1,"q2-action-group",{"fullWidth":[516,"full-width"],"orientation":[1537],"orientationThreshold":[2,"orientation-threshold"],"autoOrientation":[32],"slottedElements":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}],[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-option-list_2",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040,"selected-options"],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"getContents":[64],"getOptions":[64],"handleExternalKeydown":[64],"setActiveElement":[64],"setDefaultActiveElement":[64]},[[0,"click","handleClick"],[0,"focus","delegateFocus"]],{"selectedOptions":["selectedOptionsUpdated"],"showSelected":["showSelectedUpdated"]}],[1,"q2-popover",{"align":[513],"block":[516],"controlElement":[16,"control-element"],"direction":[513],"maxHeight":[2,"max-height"],"minHeight":[2,"min-height"],"mode":[1],"open":[1540],"currentDirection":[32],"show":[32],"scrollContainerTo":[64],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]],{"minHeight":["minHeightProvided"],"open":["openChanged"]}]]],["q2-icon",[[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["q2-select",[[1,"q2-select",{"ariaLabel":[1537,"aria-label"],"clearable":[516],"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[1540],"selectedOptions":[1040,"selected-options"],"value":[1025],"hasCustomDisplay":[32],"hasPopoverBottom":[32],"hasPopoverTop":[32],"inputFocused":[32],"open":[32],"prioritizeSearch":[32],"searchText":[32],"showSelected":[32],"statusMessage":[32],"structuredSelectedOptions":[32],"closePopover":[64],"openPopover":[64],"searchOptions":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"keydown","keydownHandler"],[0,"popoverStateChanged","popoverStateChanged"],[0,"tctClick","handleTctClick"],[0,"tctInput","onHostElementInput"]],{"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"],"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"]}]]],["q2-avatar",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"size":[513],"src":[513],"badSrc":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["q2-checkbox",[[1,"q2-checkbox",{"alignment":[513],"ariaLabel":[1537,"aria-label"],"checked":[1540],"description":[513],"disabled":[516],"groupDisabled":[516,"group-disabled"],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"active":[516],"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-tooltip",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"persistOnHover":[516,"persist-on-hover"],"position":[513],"focusClass":[32],"persistOnHoverDismissed":[32]},[[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"],[4,"keydown","keyDownDocumentHandler"],[1,"mouseenter","mouseEnterHandler"],[1,"mouseover","handleMouseOver"],[0,"mouseclick","handleMouseOver"]]]]],["q2-link_2",[[1,"q2-link",{"disabled":[516],"ellipsis":[516],"fullWidth":[516,"full-width"],"href":[513],"iconType":[513,"icon-type"],"label":[513],"referrerpolicy":[513],"target":[513],"tctTitle":[513,"tct-title"],"variant":[513],"clickLink":[64]}],[1,"q2-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["q2-message",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["q2-option",[[1,"q2-option",{"_hideSelectedBlock":[516,"_hide-selected-block"],"_multiSelectHidden":[516,"_multiselecthidden"],"active":[516],"disabled":[516],"disabledGroup":[516,"disabled-group"],"display":[1537],"multiline":[516],"role":[1537],"selected":[516],"separator":[516],"value":[513]},null,{"display":["displayChangedHandler"],"separator":["separatorChangedHandler"]}]]],["q2-badge",[[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[520],"getTextContent":[64]}]]],["click-elsewhere",[[0,"click-elsewhere"]]],["q2-legend",[[1,"q2-legend",{"data":[16],"format":[513],"hoveredItemId":[513,"hovered-item-id"],"selectedItemId":[513,"selected-item-id"],"hoveredItemIndex":[32],"selectedItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["q2-item",[[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]]]],["q2-btn_2",[[1,"q2-btn",{"_role":[513],"active":[516],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaLabel":[1537,"aria-label"],"ariaPressed":[1,"aria-pressed"],"ariaSelected":[1,"aria-selected"],"badge":[516],"block":[516],"color":[1537],"description":[1],"disabled":[516],"fab":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"size":[513],"tabIndex":[2,"tab-index"],"type":[513],"iconPosition":[32]},[[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"ariaLabel":[1537,"aria-label"],"counts":[513],"hideFromScreenReaders":[516,"hide-from-screen-readers"],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513],"hasCustomLoader":[32],"loaderClone":[32]},[[4,"tctUpdateLoaders","onUpdateLoaders"]],{"type":["handleType"]}]]],["q2-input",[[1,"q2-input",{"_preventEntry":[1028,"_prevent-entry"],"_role":[1025],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaControls":[1,"aria-controls"],"ariaExpanded":[513,"aria-expanded"],"ariaHaspopup":[1,"aria-haspopup"],"ariaLabel":[1537,"aria-label"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"pattern":[1537],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"validity":[1040],"value":[1025],"checkSlotCount":[32],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkValidity":[64],"clearValue":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"]],{"_role":["updateComboboxAriaLabel"],"label":["updateComboboxAriaLabel"],"ariaLabel":["ariaLabelObserver"],"clearable":["manageClearableResizeObserver"],"errors":["errorsObserver"],"formatModifier":["formatModifierObserver"],"formattedValueObject":["formattedValueObjectObserver"],"hints":["hintsObserver"],"type":["typeObserver"],"value":["valueObserver"]}]]]]'), e);
+  return a(JSON.parse('[["q2-pagination",[[1,"q2-pagination",{"alignment":[1537],"autoSize":[1540,"auto-size"],"disabled":[1540],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[1538,"per-page"],"perPageIncrements":[1537,"per-page-increments"],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"stacked":[516],"total":[514],"isSmall":[32],"clickFirstPage":[64],"clickLastPage":[64],"clickNextPage":[64],"clickPreviousPage":[64],"selectPerPageIncrementValue":[64],"setPageValue":[64]},[[0,"focus","onHostElementFocus"]],{"autoSize":["manageResizeObserver"],"recordsOnly":["checkDisplayTypes"],"pagesOnly":["checkDisplayTypes"],"stacked":["checkDisplayTypes"]}]]],["q2-data-table",[[1,"q2-data-table",{"bordered":[1544],"caption":[1025],"clickable":[1540],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectAlign":[1025,"select-align"],"selectedRows":[7184,"selected-rows"],"selectMode":[1025,"select-mode"],"shadowed":[1540],"sticky":[516],"striped":[516],"allRowsSelected":[32],"checkSlotCount":[32],"hasDropdowns":[32],"hasExpandableRows":[32],"hasRowData":[32],"serializedHeaders":[32],"serializedRows":[32],"someRowsSelected":[32],"clickRow":[64],"getCellContent":[64],"sortColumn":[64],"toggleRowExpansion":[64],"toggleRowSelect":[64],"toggleSelectAllRows":[64]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["q2-calendar",[[1,"q2-calendar",{"ariaLabel":[1537,"aria-label"],"assume":[513],"buttonLabel":[513,"button-label"],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16,"invalid-dates"],"label":[1537],"onsuccess":[16],"open":[1540],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16,"valid-dates"],"value":[1537],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"keyboardSelection":[32],"typedValue":[32],"closePopover":[64],"openPopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"clear","handleClear"],[0,"error","defaultErrorHandler"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"success","defaultSuccessHandler"]],{"ariaLabel":["ariaLabelObserver"],"cutoffTime":["cutoffTimeObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"endDate":["endDateObserver"],"invalidDates":["invalidDatesObserver"],"popDirection":["popDirectionHandler"],"startDate":["startDateObserver"],"typeable":["typeableChanged"],"validDates":["validDatesObserver"],"value":["valueObserver"]}]]],["q2-action-sheet",[[1,"q2-action-sheet",{"data":[1040],"hideClose":[4,"hide-close"],"title":[1],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["q2-dropdown",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"alignment":[513],"ariaLabel":[1537,"aria-label"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"fullWidth":[516,"full-width"],"hideLabel":[1540,"hide-label"],"hoist":[4],"icon":[513],"label":[1537],"name":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popDirection":[513,"pop-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"popoverMode":[1025,"popover-mode"],"resolvedType":[513,"resolved-type"],"type":[513],"_getSlotsHtml":[64],"closePopover":[64],"openPopover":[64],"selectItem":[64],"selectRemoveItem":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateChangeHandler"]],{"additionalContext":["additionalContextHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"name":["nameHandler"],"popDirection":["popDirectionHandler"],"resolvedType":["resolvedTypeHandler"]}]]],["q2-file-picker",[[1,"q2-file-picker",{"buttonSize":[513,"button-size"],"description":[513],"disabled":[516],"fileTypes":[513,"file-types"],"label":[513],"maxFiles":[514,"max-files"],"maxFileSize":[514,"max-file-size"],"status":[16],"value":[6160],"variant":[513],"areFilesUploading":[32],"displayedFiles":[32],"isDropZoneHighlighted":[32],"refreshCounter":[32]},null,{"status":["updateFileList"]}]]],["q2-editable-field",[[1,"q2-editable-field",{"ariaLabel":[1537,"aria-label"],"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"formattedValue":[32],"clickCancel":[64],"clickEdit":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"tctFormatted","inputFormatted"]],{"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"],"errors":["errorsObserver"]}]]],["q2-modal",[[1,"q2-modal",{"closable":[516],"customMarkup":[1,"custom-markup"],"description":[1],"icon":[1],"imageSrc":[513,"image-src"],"title":[1537],"maxActionButtons":[32],"renderStatus":[32],"closeModal":[64],"openModal":[64]}]]],["q2-pill",[[1,"q2-pill",{"active":[1540],"borderless":[516],"disabled":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040,"selected-options"],"theme":[513],"value":[1537],"hasPopoverBottom":[32],"hasPopoverTop":[32],"optionCount":[32],"selectedOptionElements":[32],"closePopover":[64],"openPopover":[64],"setValue":[64]},[[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"selectedOptions":["selectedOptionsChanged"],"value":["valueChanged"],"label":["valueChanged"]}]]],["q2-tab-container",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32],"selectTab":[64]},[[0,"badge","onBadge"],[0,"change","defaultChangeHandler"],[0,"focus","onFocus"],[9,"resize","onResize"]],{"name":["nameObserver"],"value":["valueObserver"]}]]],["q2-chart-donut",[[1,"q2-chart-donut",{"chartName":[513,"chart-name"],"data":[16],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"innerRadius":[1025,"inner-radius"],"isClickable":[516,"is-clickable"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"clearSelection":[64],"getChartOptions":[64],"selectById":[64],"selectByIndex":[64],"selectDataPoint":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["q2-context",[[1,"q2-context",{"separator":[516]}]]],["q2-month-picker",[[1,"q2-month-picker",{"disabledMonths":[16,"disabled-months"],"today":[1],"year":[1538],"focusedIndex":[32],"selectedIndex":[32],"showYearLayer":[32]}]]],["q2-section",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hasYieldedHeader":[32],"hideContent":[32],"collapse":[64],"expand":[64]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"collapsible":["collapsibleObserver"],"expanded":["expandedObserver"]}]]],["q2-stepper",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"lastEnabledStep":[1538,"last-enabled-step"],"stepCount":[1026,"step-count"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"contentChange","contentChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStep":["currentStepChanged","lastEnabledStepChanged"],"lastEnabledStep":["lastEnabledStepChanged"]}]]],["q2-card",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"elevation":[514],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"target":[513],"title":[513],"type":[513],"url":[513]},[[0,"focus","onHostElementFocus"]]]]],["q2-card-image",[[1,"q2-card-image",{"accessibilityLabel":[1,"accessibility-label"],"background":[513],"cardHolder":[1,"card-holder"],"cardHolderLabel":[4,"card-holder-label"],"cardNumber":[1,"card-number"],"cardStatus":[513,"card-status"],"cardType":[1,"card-type"],"cardTypeColor":[1,"card-type-color"],"chip":[1],"clickable":[516],"disabled":[516],"expirationDate":[1,"expiration-date"],"expirationDateLabel":[4,"expiration-date-label"],"fiLogo":[1,"fi-logo"],"inline":[516],"orientation":[1],"overlay":[513],"statusTextOverride":[1,"status-text-override"],"vendor":[513],"vendorColor":[1,"vendor-color"],"vendorLogo":[1,"vendor-logo"],"computedSize":[32]}]]],["q2-carousel",[[4,"q2-carousel",{"ariaLabel":[513,"aria-label"],"arrowPosition":[513,"arrow-position"],"autoPlay":[516,"auto-play"],"framelessPanes":[516,"frameless-panes"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"index":[1538],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLiveValue":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"compactMode":[32],"currentPaneCount":[32],"selectCarouselPane":[64],"togglePlayPause":[64]},[[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"framelessPanes":["framelessPanesChanged","revampCarousel"],"fullWidthPanes":["revampCarousel"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"],"index":["indexChanged"]}]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"disabled":["disabledObserver"],"readonly":["readonlyObserver"],"value":["valueObserver"]}]]],["q2-meter",[[1,"q2-meter",{"animated":[516],"completedLabel":[513,"completed-label"],"completedValue":[513,"completed-value"],"description":[513],"dotted":[516],"hideTooltip":[516,"hide-tooltip"],"label":[513],"maxLabel":[513,"max-label"],"maxValue":[513,"max-value"],"segments":[514],"suggestedLabel":[513,"suggested-label"],"suggestedValue":[513,"suggested-value"],"tooltipCompleted":[513,"tooltip-completed"],"tooltipSuggested":[513,"tooltip-suggested"]}]]],["q2-radio-group",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tilelayout":[1540],"tileLayout":[1540,"tile-layout"],"value":[1025],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"disabled":["disabledUpdated"],"name":["nameUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"],"value":["valueUpdated"]}]]],["q2-stepper-vertical",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32],"selectStep":[64]},[[0,"change","defaultChangeHandler"],[0,"contentChange","contentChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["q2-textarea",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"downParams":[32],"hasFocus":[32],"screenReaderCharacterCount":[32],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"],[0,"input","onHostElementInput"]],{"cols":["colsObserver"],"errors":["errorsObserver"],"hints":["hintsObserver"],"maxlength":["maxlengthObserver"],"rows":["rowsObserver"],"value":["valueObserver"]}]]],["q2-toast",[[1,"q2-toast",{"autoClose":[516,"auto-close"],"closable":[516],"duration":[514],"hideIcon":[516,"hide-icon"],"icon":[1],"message":[1],"showPersistent":[516,"show-persistent"],"size":[513],"tctTitle":[1,"tct-title"],"time":[1],"type":[513],"isClosing":[32],"isOpen":[32]},null,{"autoClose":["onAutoCloseChange"],"duration":["onAutoCloseChange"],"showPersistent":["onShowPersistentChange"],"size":["onSizeChange"]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"isActivePane":[516,"is-active-pane"],"label":[513],"siblingCount":[2,"sibling-count"],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["q2-chart-area",[[1,"q2-chart-area",{"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"gridPadding":[16,"grid-padding"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"],"xMax":[514,"x-max"],"xMin":[514,"x-min"],"yMax":[514,"y-max"],"yMin":[514,"y-min"],"hoverDataPoint":[64]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"],"gridPadding":["propsUpdates"]}]]],["q2-chart-bar",[[1,"q2-chart-bar",{"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"data":[16],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridPadding":[16,"grid-padding"],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]},null,{"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"]}]]],["q2-currency",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"variant":[513],"displayedMessageValue":[64]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"],"variant":["propsUpdated"]}]]],["q2-detail",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["q2-example",[[1,"q2-example",{"content":[1],"disabled":[4],"type":[1],"isValidated":[32],"status":[32],"close":[64],"openMenu":[64]},[[0,"click","onClick"],[1,"drag","onDrag"]],{"content":["contentChanged"],"status":["statusChanged"]}]]],["q2-form",[[1,"q2-form",{"spacing":[513]}]]],["q2-formatted-text",[[1,"q2-formatted-text",{"format":[513],"locale":[513],"maximumFractionDigits":[2,"maximum-fraction-digits"],"minimumFractionDigits":[2,"minimum-fraction-digits"],"minimumIntegerDigits":[2,"minimum-integer-digits"],"signDisplay":[513,"sign-display"],"size":[513],"slotSize":[513,"slot-size"],"value":[514]},null,{"value":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"],"format":["propsUpdated"]}]]],["q2-grid",[[1,"q2-grid",{"align":[513],"columns":[514],"gap":[513],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumns":[514,"lg-columns"],"lgGap":[513,"lg-gap"],"lgJustify":[513,"lg-justify"],"lgRows":[520,"lg-rows"],"mdAlign":[513,"md-align"],"mdColumns":[514,"md-columns"],"mdGap":[513,"md-gap"],"mdJustify":[513,"md-justify"],"mdRows":[520,"md-rows"],"rows":[520],"smAlign":[513,"sm-align"],"smColumns":[514,"sm-columns"],"smGap":[513,"sm-gap"],"smJustify":[513,"sm-justify"],"smRows":[520,"sm-rows"],"xlAlign":[513,"xl-align"],"xlColumns":[514,"xl-columns"],"xlGap":[513,"xl-gap"],"xlJustify":[513,"xl-justify"],"xlRows":[520,"xl-rows"],"xsAlign":[513,"xs-align"],"xsColumns":[514,"xs-columns"],"xsGap":[513,"xs-gap"],"xsJustify":[513,"xs-justify"],"xsRows":[520,"xs-rows"]}]]],["q2-grid-area",[[1,"q2-grid-area",{"align":[513],"columnSpan":[514,"column-span"],"columnStart":[520,"column-start"],"justify":[513],"lgAlign":[513,"lg-align"],"lgColumnSpan":[514,"lg-column-span"],"lgColumnStart":[520,"lg-column-start"],"lgJustify":[513,"lg-justify"],"lgRowSpan":[514,"lg-row-span"],"lgRowStart":[520,"lg-row-start"],"lgZIndex":[520,"lg-z-index"],"mdAlign":[513,"md-align"],"mdColumnSpan":[514,"md-column-span"],"mdColumnStart":[520,"md-column-start"],"mdJustify":[513,"md-justify"],"mdRowSpan":[514,"md-row-span"],"mdRowStart":[520,"md-row-start"],"mdZIndex":[520,"md-z-index"],"rowSpan":[514,"row-span"],"rowStart":[520,"row-start"],"smAlign":[513,"sm-align"],"smColumnSpan":[514,"sm-column-span"],"smColumnStart":[520,"sm-column-start"],"smJustify":[513,"sm-justify"],"smRowSpan":[514,"sm-row-span"],"smRowStart":[520,"sm-row-start"],"smZIndex":[520,"sm-z-index"],"xlAlign":[513,"xl-align"],"xlColumnSpan":[514,"xl-column-span"],"xlColumnStart":[520,"xl-column-start"],"xlJustify":[513,"xl-justify"],"xlRowSpan":[514,"xl-row-span"],"xlRowStart":[520,"xl-row-start"],"xlZIndex":[520,"xl-z-index"],"xsAlign":[513,"xs-align"],"xsColumnSpan":[514,"xs-column-span"],"xsColumnStart":[520,"xs-column-start"],"xsJustify":[513,"xs-justify"],"xsRowSpan":[514,"xs-row-span"],"xsRowStart":[520,"xs-row-start"],"xsZIndex":[520,"xs-z-index"],"zIndex":[520,"z-index"]}]]],["q2-loading-element",[[0,"q2-loading-element",{"borderRadius":[513,"border-radius"],"height":[513],"shape":[513],"width":[513]}]]],["q2-loc",[[0,"q2-loc",{"substitutions":[16],"value":[1537]}]]],["q2-mutation-observer",[[1,"q2-mutation-observer",{"disabled":[516],"observeAttributes":[516,"observe-attributes"],"observeChildList":[516,"observe-child-list"],"observeSubTree":[516,"observe-sub-tree"],"getCurrentMutationEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-radio",[[1,"q2-radio",{"ariaLabel":[1537,"aria-label"],"checked":[1540],"disabled":[516],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"hideLabel":[1540,"hide-label"],"label":[1537],"name":[513],"readonly":[516],"tabIndex":[2,"tab-index"],"value":[513]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["q2-relative-time",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"date":[513],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validBaseDateProp":[64],"validDateProp":[64]},null,{"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"],"sync":["syncUpdated"]}]]],["q2-section-container",[[1,"q2-section-container",{"openMode":[1025,"open-mode"],"openPaneIndex":[2,"open-pane-index"],"startAllOpen":[1028,"start-all-open"],"startOpen":[1028,"start-open"]},null,{"openMode":["handleOpenStateChange"],"openPaneIndex":["handleOpenStateChange"],"startAllOpen":["handleOpenStateChange"],"startOpen":["handleOpenStateChange"]}]]],["q2-stepper-pane",[[1,"q2-stepper-pane",{"description":[513],"disabled":[516],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"disabled":["labelOrDescriptionChanged"],"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"isActive":["isActiveChanged"],"showWithChildren":["checkForActiveChildren"],"status":["statusChanged"]}]]],["q2-tab-pane",[[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"name":[513],"selected":[516],"value":[513]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"authPayload":[16,"auth-payload"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"guid":[2],"index":[2],"label":[513],"minHeight":[513,"min-height"],"moduleId":[513,"module-id"],"name":[513],"provided":[516],"selected":[516],"showForm":[4,"show-form"],"url":[513],"value":[513],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["click-elsewhere_3",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040,"selected-options"],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"getContents":[64],"getOptions":[64],"handleExternalKeydown":[64],"setActiveElement":[64],"setDefaultActiveElement":[64]},[[0,"click","handleClick"],[0,"focus","delegateFocus"]],{"selectedOptions":["selectedOptionsUpdated"],"showSelected":["showSelectedUpdated"]}],[1,"q2-popover",{"align":[513],"animated":[516],"block":[516],"controlElement":[16,"control-element"],"direction":[513],"maxHeight":[2,"max-height"],"minHeight":[2,"min-height"],"mode":[1],"open":[1540],"animationState":[32],"currentDirection":[32],"show":[32],"scrollContainerTo":[64],"toggle":[64]},[[0,"popoverState","popoverStateHandler"]],{"minHeight":["minHeightProvided"],"open":["openChanged"]}],[0,"click-elsewhere"]]],["q2-btn_2",[[1,"q2-btn",{"_role":[513],"_tooltip":[1],"active":[516],"ariaControls":[1,"aria-controls"],"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaLabel":[1537,"aria-label"],"ariaPressed":[1,"aria-pressed"],"ariaSelected":[1,"aria-selected"],"badge":[516],"block":[516],"color":[1537],"description":[1],"disabled":[516],"fab":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"size":[513],"tabIndex":[2,"tab-index"],"type":[513],"iconPosition":[32]},[[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"ariaLabel":[1537,"aria-label"],"counts":[513],"hideFromScreenReaders":[516,"hide-from-screen-readers"],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513],"hasCustomLoader":[32],"loaderClone":[32]},[[4,"tctUpdateLoaders","onUpdateLoaders"]],{"type":["handleType"]}]]],["q2-select",[[1,"q2-select",{"ariaLabel":[1537,"aria-label"],"clearable":[516],"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[1540],"selectedOptions":[1040,"selected-options"],"value":[1025],"hasCustomDisplay":[32],"hasPopoverBottom":[32],"hasPopoverTop":[32],"inputFocused":[32],"open":[32],"prioritizeSearch":[32],"searchText":[32],"showSelected":[32],"statusMessage":[32],"structuredSelectedOptions":[32],"closePopover":[64],"openPopover":[64],"searchOptions":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"displayChanged","handleSelectedDisplay"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"keydown","keydownHandler"],[0,"popoverStateChanged","popoverStateChanged"],[0,"tctClick","handleTctClick"],[0,"tctInput","onHostElementInput"]],{"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"],"searchable":["searchableChanged"],"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"]}]]],["q2-avatar",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"size":[513],"src":[513],"badSrc":[32],"hasDecorator":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"active":[516],"ariaLabel":[1537,"aria-label"],"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-legend",[[1,"q2-legend",{"data":[16],"format":[513],"hoveredItemId":[513,"hovered-item-id"],"selectedItemId":[513,"selected-item-id"],"hoveredItemIndex":[32],"selectedItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["q2-tooltip",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"persistOnHover":[516,"persist-on-hover"],"position":[513],"focusClass":[32],"persistOnHoverDismissed":[32]},[[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"],[4,"keydown","keyDownDocumentHandler"],[1,"mouseenter","mouseEnterHandler"],[1,"mouseover","handleMouseOver"],[0,"mouseclick","handleMouseOver"]],{"label":["labelChanged"]}]]],["q2-icon",[[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["q2-checkbox_2",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverAlignment":[1025,"popover-alignment"],"popoverDirection":[1,"popover-direction"],"popoverMaxHeight":[2,"popover-max-height"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32],"closePopover":[64],"openPopover":[64],"selectOption":[64]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]],[1,"q2-checkbox",{"_tooltip":[1],"alignment":[513],"ariaLabel":[1537,"aria-label"],"checked":[1540],"description":[513],"disabled":[516],"groupDisabled":[516,"group-disabled"],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["q2-link_2",[[1,"q2-link",{"_tooltip":[1],"disabled":[516],"ellipsis":[516],"fullWidth":[516,"full-width"],"href":[513],"iconType":[513,"icon-type"],"label":[513],"referrerpolicy":[513],"target":[513],"tctTitle":[513,"tct-title"],"variant":[513],"clickLink":[64]}],[1,"q2-list",{"bordered":[1540],"label":[513],"renderTrigger":[32]}]]],["q2-message",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["q2-option",[[1,"q2-option",{"_hideSelectedBlock":[516,"_hide-selected-block"],"_multiSelectHidden":[516,"_multiselecthidden"],"active":[516],"disabled":[516],"disabledGroup":[516,"disabled-group"],"display":[1537],"multiline":[516],"role":[1537],"selected":[516],"separator":[516],"value":[513]},null,{"display":["displayChangedHandler"],"separator":["separatorChangedHandler"]}]]],["q2-item",[[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]]]],["q2-action-group_2",[[1,"q2-action-group",{"fullWidth":[516,"full-width"],"orientation":[1537],"orientationThreshold":[2,"orientation-threshold"],"autoOrientation":[32],"slottedElements":[32]},null,{"orientation":["toggleHiddenForOneFrame"]}],[1,"q2-resize-observer",{"disabled":[516],"getCurrentResizeEntries":[64]},null,{"disabled":["disabledUpdated"]}]]],["q2-badge",[[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[520],"getTextContent":[64]}]]],["q2-input",[[1,"q2-input",{"_preventEntry":[1028,"_prevent-entry"],"_role":[1025],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaControls":[1,"aria-controls"],"ariaExpanded":[513,"aria-expanded"],"ariaHaspopup":[1,"aria-haspopup"],"ariaLabel":[1537,"aria-label"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"pattern":[1537],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"validity":[1040],"value":[1025],"checkSlotCount":[32],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkValidity":[64],"clearValue":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","onHostElementFocus"]],{"_role":["updateComboboxAriaLabel"],"label":["updateComboboxAriaLabel"],"ariaLabel":["ariaLabelObserver"],"clearable":["manageClearableResizeObserver"],"errors":["errorsObserver"],"formatModifier":["formatModifierObserver"],"formattedValueObject":["formattedValueObjectObserver"],"hints":["hintsObserver"],"type":["typeObserver"],"value":["valueObserver"]}]]]]'), e);
 }));
 //# sourceMappingURL=q2-tecton-elements.esm.js.map
 //# sourceMappingURL=q2-tecton-elements.esm.js.map